cinema-days 映画な日々

全件一覧表示の仕方を一部変更等

2023/08/30
INDEX 全件表示
INDEX(全件一覧表示)の仕方を一部変更しました。
これまでは、記事の通番・タイトル・投稿年月日・カテゴリのみでしたが、
全記事タイトル一覧ページの変数<%titlelist_body>を使い、
本文冒頭(約20文字)を表示するようにしました。

ついでに、下記も変更しました。
①投稿曜日・時間も表示
②コメントのアイコン
③トラックバック数の表示
【スポンサーリンク】
コメントのアイコンは、他の表示箇所も変更しました。
トップページの各記事・各ページのタイトル下及びインデックスの各記事
※トラックバック数も表示するようにしました。



テンプレート「Halo」のちょっとしたカスタマイズ


リンク背景色の一部変更


(2023.8.31.)
下記にて、リンクが貼ってある箇所にカーソルを合わせると、背景の色が変わるようにしました。
①関連記事(同じカテゴリの記事)
②ページャー(同カテゴリ/更新順)
③最新記事(右カラム内)

ユーザータグのリンク先を自サイト内に変更


(2023.9.4.)
記事の下のユーザータグのリンク先を
自サイト内のタグ検索結果表示のページに変更しました。
ユーザータグのリンク先を自サイト内のタグ検索結果表示のページへ変更する-FC2ブログカスタマイズ

ユーザータグのリンク先を自サイト内のタグ検索結果表示のページへ変更する-FC2ブログカスタマイズ

 FC2ブログのテンプレートを見てみると、記事の下にタグが表示されている場合がある。 このタグリンク、ユーザータグと言うのだが、リンク先はFC2ブログのタグページで、自分のサイト内ではない場合がほとんど。 どうせなら、このユーザータグ、自分


Twitter名称・ロゴ変更


(2023.9.5.)
①Twitter名称・ロゴを変更しました。
②トップページの各記事に「FC2拍手」を付けようと思いましたが、
「ID重複エラー」になる為、断念しました。
バリデーターの文法チェックを無視して無理に付けると、
「何処のバナーがクリックされたのかの判定が
正しく取得されない場合があって、データが不正確になってしまう」

採用されているサイトさんを見ると、やたらに拍手が多いような気がします 絵文字

FC2ブログでFC2拍手タグが「ID重複エラー」になっている事例は相当数ある

FC2ブログでFC2拍手タグが「ID重複エラー」になっている事例は相当数ある

FC2ブログや、FC2ブログ以外のブログサービスでも「FC2拍手」を利用しているブロガーさんが、ついうっかりなのか、知識を持たないが為に「ID重複エラー」を引き起こしている事例をよく見かけますので、注意喚起の意味で記事にして於きます。...


サイドバーのタイトル背景色変更


(2023.9.6.)
①サイドバーの各プラグインについて、タイトルの背景色を変更しました。
②トップページの各記事画像に左右余白を設けました。
※画像の両サイドが切れないように微調整が必要

検索結果等に見出し(タイトル)追加


(2023.9.8.)
カテゴリ・日付・タグ・インデックス(全件一覧表示)・検索結果に見出し(タイトル)を付けました。
但し、<h1>ではなく、TOCで使用している<h3>を使用。

検索結果のサムネイル縦横比を変更


(2023.9.23.)
検索結果のサムネイルの縦横比を変更しました。
当ブログでは、作品の紹介に縦長の画像を使用している為。
スタイルシート「height: 100px;」→「padding-top: 141.0256%;」
※検索結果欄のサムネイル画像表示用変数の変更を忘れずに!!
<%topentry_image_url_760x420>→<%topentry_image_url>

参考記事
トップページに縦長サムネイルを利用したい方向けカスタマイズのコメント

タグクラウド(文字コード順)追加


(2023.9.27.)
タグクラウド(文字コード順)をサイドバーに導入
表示順:(アルファベット→ひらがな→)カタカナ→漢字
ブログ内タグ検索設置
該当件数・割合(% 小数点下三桁)表示
ユーザータグ一覧(該当件数順)作成

FC2ブログ カスタマイズ ユーザータグ欄

FC2ブログ カスタマイズ ユーザータグ欄

1.10ヶを超えるユーザータグこのブログをやっていてユーザータグというものを知った時はこの機能はすごいと感心しました。でも なかなかな 不便というかFC2 の標準仕様は使い勝手が悪いです。ユーザータグは結構な数が登録ができるのに10ヶを超えるユーザータグの扱いにFC2 自体が対応していません。すべてのユーザータグを記事の編集中に使用するにはこちらの Paroday というサイト で紹介されている方法を使っています。ブッ...


アルファベット順・アイウエオ順タグクラウド(FC2ブログ)

アルファベット順・アイウエオ順タグクラウド(FC2ブログ)

FC2ブログ、多機能で訪問者に優しいサイト作りには最適なんですが、「タグリスト」には若干不満があったりします。並びが「新着順」「ランダム」「記事数順」は出来るのですが、「アルファベット順・アイウエオ順」が無いのが…


タグ検索は便利

タグ検索は便利

このブログの左帯の下部に「ブログ内検索+タグ」という機能があります。FCブログの「共有プラグイン (PC用)」で『タグクラウドとサーチ』を利用しています。公開された最終更新日:11/02/02と古いのですが、動きます。作者サイト(kc_haj [kchaj] )及び説明記事にはハッシュタグFC2ブログの「ユーザータグ」ユーザータグを使ってみよう! - FC2ブログ 公式ちゃんねるユーザータグ - FC2ブログとは? | マニュアルユーザータグ | マニ...


プラグインの順序変更


(2023.10.18.)
右サイドバーのプラグインの順序を変更。
・「Profile」をトップに移動(画像添付)
・スマホで表示するプラグインを限定

【Cocoon】スマホのサイドバー非表示・一部表示に設定する方法【WordPress】

【Cocoon】スマホのサイドバー非表示・一部表示に設定する方法【WordPress】

Cocoonでサイドバーに表示させているコンテンツは、PCとスマホで別にすることができます。今回は、スマホ画面のみサイドバー項目をすべて非表示にする方法、スマホ画面のサイドバー項目の中でいらないものを非表示にする方法を解説します。



「検索」ボタンを虫眼鏡に変更


(2023.10.25.)
submitボタンのアイコンにアイコンフォント(Font Awesome)を使用すると、
バリデーターの文法チェックで「警告」が発生したので、虫眼鏡アイコンをcssのみで作成した。

バリデーターの警告
Warning: Document uses the Unicode Private Use Area(s), which should not be used in publicly exchanged documents. (Charmod C073)


参考サイト
submitボタンのアイコンにアイコンフォント(Font Awesome)を使う

検索フォーム内のアイコンの変更による構文チェックエラーの改善方法について

検索フォーム内のアイコンの変更による構文チェックエラーの改善方法について

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 検索フォーム内のアイコンの変更による構文チェックエラーの改善方法について このトピッ


検索フォームの虫眼鏡アイコンをcssのみで作成 - Qiita

検索フォームの虫眼鏡アイコンをcssのみで作成 - Qiita

このようなよくある虫眼鏡の検索フォームをcssだけで再現しました。擬似要素のbeforeで虫眼鏡の円を、afterで右下の線を書いています。beforeとafterを使うことでこれぐらいならそれ…



拡大表示可能な画像にルーペアイコン付加


(2023.10.30.)
当ブログでは、画像によってクリック(タップ)すると拡大スクリプトHighslideにより
拡大表示するようにしています。その目印として、今回、右上にルーペアイコンを
画像に重ねて表示するようにしました。

highslideクラスに表示される仕様ですので、これまでの記事にも、
そのまま適用されます。
但し、文字にhighslideを貼っている場合は、多少見辛くなってしまいました絵文字

拡大出来る画像の目印にルーペアイコンを重ねて表示してみました

拡大出来る画像の目印にルーペアイコンを重ねて表示してみました

ブログ記事に画像が貼ってある場合に、その画像をクリックすると、そこに見えている画像よりも大きなサイズの画像で表示される方法がありますよね、弊ブログでも多々利用しております。...



タイトルの背景画像を軽量化


(2023.11.8.)
Google Search Console の「LCP の問題: 2.5秒 超(パソコン) エクスペリエンスは改善が必要です」
対策の一環として、「HOLLYWOOD」看板画像の軽量化を試みた。
※ファイル差し替え時に、html head内の”preload"の書き換えも忘れないように。

①Paint.Net(レタッチソフト)を使ってフォーマット変換
 jpg画像→WebP 「画像の品質(解像度)」85

FC2ブログでもPaint.Netを使ってWebP(ウエッピー)を楽しみましょう

FC2ブログでもPaint.Netを使ってWebP(ウエッピー)を楽しみましょう

画像のファイル容量をいかにして軽量化するかを考え、実施してからブログ記事に貼り付ける訳ですが、数年前からは、Googleが推奨するWebP(ウエッピー)変換してから記事に貼ると言う手法を利用するブロガーも増えております。


②オンラインサービスを使って再度jpgに変換
FC2では、WebP画像をUP出来ないので、再度jpgに変換
オンラインサービス「webpから(jpg,png)変換一括
 WebP→jpg 「圧縮率」0.5

FC2ブロガーに朗報 webpをjpg変換出来る無料秀逸ツールの紹介

FC2ブロガーに朗報 webpをjpg変換出来る無料秀逸ツールの紹介

超軽量画像フォーマットのWebP画像(Google開発フォーマット)をFC2ブログに貼る方法をいろいろと長期にわたって画策して来たんですが、ついに「これはええぞぉ」と言う暫定方法に辿り着きました。



Adsense広告の見直し


(2023.11.24.)
広告の配置・種類を見直しました。
以前は使用するのに一定の記事数やPV数が必要だった「関連コンテンツ」が
2022年3月から「Multiplex広告」に替わっていたので、記事下に設置してみました。

【2023年版】Googleアドセンスの広告タイプ。手動広告と自動広告の上手な使い分け方も | レンちゃんとペンタ

【2023年版】Googleアドセンスの広告タイプ。手動広告と自動広告の上手な使い分け方も | レンちゃんとペンタ

Googleアドセンスで使用できる広告タイプ(広告の形状)をまとめました。自動広告と手動広告の賢い使い分け方も紹介します。



 
cinema-daysを「人気ブログランキング」で応援cinema-daysを「にほんブログ村」で応援
【パソコン】[カスタマイズ]
関連記事
【スポンサーリンク】
同カテゴリ  【パソコン】[カスタマイズ]

コメント歓迎!! 0

まだ、コメントはございません。

comment form

コメントは承認制です。コメントツールバーは利用できません。
【お名前・URL・コメント本文】欄の入力は必須になっております。

更  新  順
Hiro
Author: Hiro
発信地:愛知県
TB・CM(承認制)・LINK歓迎
cinemadays on X(旧Twitter)
cinemadays on Facebook