Category【パソコン】 [カスタマイズ] 1/6

ブログ構成の変更

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

  • 0
  • 0

構造化データマークアップ

Google の「構造化データマークアップ支援ツール」を使ってウェブページの構造化に挑戦してみた。Search Console 「その他のソース」に用意されている。 □ 構造化データ マークアップ支援ツール(作成時に使用) □ 構造化データ テスト ツール(テスト時に使用)今回は、『ハンター(1980)』の記事で試してみた。(記事の見た目は変わらないので悪しからず)リッチスニペット(リッチカード)表示は無理だろうなぁ......

  • 0
  • 0

最近劇場で観た映画

当ブログでは管理人がTV(主にWOWOW)で観た映画作品の紹介が圧倒的に多いが、毎月1日に前月分の鑑賞作品を「鑑賞メーター」でまとめている。(平成21年8月~)「鑑賞メーター」では、劇場公開中の作品も取り上げられるが、管理人は敢えて外している。今回、直近の劇場鑑賞作品を10本まとめたタグを作ってみた。記事中段にありますので、一度見てみて下さい。...

  • 0
  • 0

ユーザータグ一覧 (2)

これまでにもユーザータグ一覧を設けていましたが、更新が面倒なので、2012/04/23以降、更新していませんでした。今回新たにユーザータグ一覧を追加しました。 [特徴]  字種別順(数字-アルファベット-ひらがな-カタカナ-漢字)  表示件数1000件  □ 従来のユーザータグ一覧(上位50件表示) ⇒ こちら    ユーザータグの一覧を1つの記事として表示    参考サイト:ユーザータグ一覧を1つの記事に表示する方...

  • 0
  • 0

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

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

  • 0
  • 0

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

INDEXページには複眼RSSを使って、サムネイル付き最新記事を載せていますが今回、各記事にも、画像付きで最新記事を載せてみる事にしました。プラグインのフリーエリアに Google Feed API を使ったコードを書き込む方法を採っています。ちょっと画像が大きいかな...(左図 サンプル)参考サイト:seesaaブログやfc2ブログなどに最新記事を画像付きで表示する。後日、記事下に要約を表示する形に改良(H27.5.9)...

  • 0
  • 0

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

2012年8月設定から「Googleカスタム検索」のデザイン・コードを変更致しました。マイ検索エンジン より [デザイン]  ・ レイアウト選択 … 2ページ  ・ スタイル選択 … シャイニー [コードの取得]  Switch to Custom Search Element V1 code.を選択■「検索結果が新規ウィンドウ(タブ)で開かれてしまう問題」は下記の方法にて対応   検索機能 → 詳細設定 → ウェブ検索の設定   「Link Target」という項目に...

  • 0
  • 0

「ブックマーク一覧」見直し 続き

今年1月の「ブックマーク一覧」見直しで、リストの頭にファビコンを付けました。只、Iframe を使い、Table を使って作成した別のhtmlファイルを読み込む形でしたので更新作業が結構、面倒でした。今回、再度見直しを行うに当たり、リンクをグループごとに纏められるプラグインを探してみましたが、思うような形式のものはありませんでした...

  • 0
  • 0

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

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

  • 0
  • 0

jQuery タブメニューへのダイレクトリンク

当ブログではコメントに返信ボタンを付けているが、jQuery のUI TABメニュー を使用している為、これまで、コメントの入力画面への切り替えは手動で行っていた。[改良] 「タブをクリックする代わりにボタンでタブを選択する」事により解決 参考サイト:jQuery タブメニューへのダイレクトリンクの仕方を教えてください。...

  • 0
  • 0

デフォルトタブを指定する

当ブログではjQueryを使ったタブメニューを使用しています。今回、デフォルトタブを左端のタブとは別のタブに変更してみました。  (例)SNSタブ 最初に開くタブ     Facebook → Google+参考サイト:jQueryでタブを表示しちゃおうか!...

  • 0
  • 0

各記事の投稿日付を日めくり風に表示

これまで、投稿日付は各記事の左下に Posted at として日時を表示していましたが右上に日めくり表示を付けてみました。設置方法 ① 下地の画像を用意 ② 記事内に、FC2の日付関数を配置 ③ CSSで表示位置を調整参考サイト:FC2ブログのエントリーの日付をおしゃれに表示2...

  • 0
  • 0

ブログのデザイン一部変更

ブログのデザイン一部変更(1)サイトの背景色変更   薄いグレーから、暖色にイメージチェンジ(2)記事枠を角丸に変更   参考サイト:記事の画像を角丸にする - fc2          IEをCSS3に対応させるCSS3 PIEのJavaScript版を使う   記事中の画像も、クラス指定で角丸に 使用例   コメント投稿欄の各項目も角丸に(H26.8.24)(3)タグユニットの切替表示(H26.3.15)  下記の組み合わせで切替表示するよ...

  • 1
  • 0

タグ検索結果を画像(サムネイル)付きで表示

先日の「最新記事を画像(サムネイル)付きで表示」に続き、タグ検索結果に画像(サムネイル)が付くようにしてみました。参考サイト:ブログ内検索結果画面にサムネイル画像を表示hatena chips さんで紹介されている中から、「タグ検索」(tag_area)の部分を使わさせて頂きました。...

  • 0
  • 0

最新記事を画像(サムネイル)付きで表示 (1)

以前に紹介した「複眼RSS」を使い、最新記事に画像を付けてみた。RSSフィードを利用し、毎回ブログの記事から最新のタイトルと1番目の画像を自動的に検索し表示してくれます。(注意) ① RSS使用の為、投稿後画像表示まで暫く時間を要します。 ② この記事のように、画像がない記事は飛ばされてしまうので   ダミー画像を用意し「height="0" width="0" class="fukugan"」を指定します。参考サイト:FC2ブログやその他でも簡単に最新記...

  • 0
  • 0

「ブックマーク一覧」見直し

「ブックマーク一覧」を一部見直しました。(1)リストボタンの変更  これまでの「グレイボタン 」から「ファビコン 」に変更  因みに、当ブログのファビコンは、こちら です。  参考サイト:【FC2ブログ】リストの頭にファビコンをつけたい  リンク先のファビコンを取得してリストマーク代わりに表示する方法  ...

  • 0
  • 0

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

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

  • 0
  • 0

検索結果内の著者情報

自分が作成したコンテンツ(ブログ)についてGoogle ウェブ検索で著者情報が検索結果に表示されるようにする。[手順]検索結果内の著者情報(1)Google+ プロフィールを作成し、はっきりと識別出来る顔写真を   プロフィール写真として設定する。(2)下記の方法のいずれかでコンテンツをプロフィールに関連付けて、   コンテンツの著者情報を確定する。...

  • 0
  • 0

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

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

  • 0
  • 0

月別記事一覧 改良

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

  • 0
  • 0