Tagカスタマイズ 1/3

ブログ微調整[2]

世間はクリスマスではしゃぐ中、昨日に続き、ブログ微調整を行いました。「日付順記事一覧」と「カテゴリ一覧」1.「日付順記事一覧」は、「archives.html」表示で、ベースのテンプレート内に「titlelist_area」を使って表示  今回は、記事一覧にもサムネイルを付けてみようと思ったが、中々、上手く行かず  FC2では、「titlelist」内で使えるサムネイル関数が用意されていない。  JQueryプラグイン「MyThumbnail」を使って、表示しよ...

  • 0
  • 0

ブログ微調整[1]

今週は、新着記事や関連記事にサムネイルが使用出来るようになったのでブログの体裁を一部、変更しました。1.ドロップダウンメニュー(グローバルナビゲーション)をヘッダーラインの上に移動2.サイドバーの変更  ① サイズを拡張 220px → 240px  ② 背景を画像から枠線に変更(色:グレー → ブラウン)  ③ タイトルの折り畳み方式を変更3.「Font Awesome」を導入...

  • 0
  • 0

ブログ構成の変更

FC2の「アイキャッチ画像機能」「画像付き最新記事一覧プラグイン」とRanklet(ランクレット)の導入で、各記事の関連記事紹介と右サイドバーの表示を一部変更致しました。□ 各記事の関連記事紹介 Google Feed API を使った同カテゴリ内のサムネイル画像表示 LinkWithin を使ったランダムなサムネイル画像表示     ↓ 同カテゴリ内のアイキャッチ画像表示(6件) 新着記事のサムネイル付き表示(14件)...

  • 0
  • 0

最新記事を画像付きで表示 (3)

プラグインのフリーエリアに Google Feed API を使ったコードを書き込む方法を改良表示件数を10件から5件に減らし、画像下に記事の要約を表示するようにしました。参考サイト:ブログのRSSを読み込んで新着記事を表示!Google AJAX APIを使ってみました関連記事の表示も、同じカテゴリについては「LinkWithin」と同じサイズのサムネイルを表示するように変更しました。参考サイト:最新記事・関連記事をサムネイル画像付きで表示!...

  • 0
  • 0

ドロップダウンメニュー設置

タイトルバックの表示を一部変更し、それと合わせて、これまで、右サイドバートップにあった「cinema-daysサイト情報」をドロップダウンメニューに変更しました。参考サイト:CSSだけで作る「多階層」なドロップダウンメニュー只、タブレットモードだと操作し辛いような 参考サイト:ペンタブレットでクリックすると変な丸が出る問題...

  • 0
  • 0

コメント投稿者名別アイコン表示

これまで、コメント欄は「管理人」と「その他」で書式を分けてきました。各アイコンは下記を使用していました。「管理人」「その他」今回、その他のアイコンを登録方式に変更しました。参考サイト:コメント投稿者名別アイコン表示...

  • 0
  • 0

タイトルの見直し他 カスタマイズ3件

(1)head 内のタイトル見直し タイトルタグの重複・未設定があったので修正しました。  全記事一覧(archives)やカテゴリ一覧(同一ドメインの追加ページ)では未設定でした。  ブログ内検索やタグ検索、ページエリアでは重複していました。  只、記事番号でタイトルを識別する場合、記事数が多い(4桁)と見栄えがよくないですね。  参考サイト:ウェブマスターツール 重複エラー対策のまとめ        FC2ブログで 同...

  • 0
  • 0

月別記事一覧 改良

「記事バックナンバー」を「月別記事一覧」に名称を変更して改良しました。[ 改良点 ]⇒ 改良後はこちら ・ 表示方法を年度別に選択するようにまとめました。 ・ 表示先を別窓で開くようにしました。参考サイト:JavaScriptとCSSで作る超シンプルなタブ切り替えメニュー月度表の下に、その月の個別記事タイトルが表示出来れば尚、良かったのですが......

  • 0
  • 0

「Googleカスタム検索」 デザイン変更(1)

当ブログでは、FC2の「ブログ内検索」が結構不具合が多かったので、「Googleカスタム検索」を<search_area>で併用しています。今回、「Googleカスタム検索」のデザイン・コードを変更致しました。マイ検索エンジン より[デザイン] ・ レイアウト選択 … 2ページ ・ スタイル選択 … シンプル[コードの取得] Switch to Custom Search Element V1 code.を選択参考サイト:Tumblelog内検索をGoogleカスタム検索に移行してみた  ...

  • 0
  • 0

introduction の切り替え

ブログタイトルの下に全ページで introduction (ユーザー情報の「ブログの説明」)を表示していましたが、各記事で表示内容を切り替えるように変更しました。記事タイトル・ユーザータグ・投稿日を強調表示(h2)します。...

  • 0
  • 0