THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)での「PrevNextのアイキャッチ画像」のカスタマイズについてまとめてみました。前回のエントリー記事は、「関連記事のアイキャッチ画像」のカスタマイズについて掲載しました。THOR(ザ・トール)の「エントリー記事カードのアイキャッチ画像」について前回のエントリー記事でカスタマイズを行いました。今回は同様の処理を「関連記事のアイキャッチ画像」に対してカスタマイズしてみました。masaa.net2020.01.15今回は、「PrevNextのアイキャッチ画像」のカスタマイズを行ってみました。内容的には、前回のエントリー記事「関連記事のアイキャッチ画像」と同じ処理を「PrevNextのアイキャッチ画像」に対しても行いたいと思います。現在の「PrevNextのアイキャッチ画像」デザインは下記の通りです。THOR(ザ・トール)側でデフォルトとして設定(逆不透明処理)されています。そのため今回はマウスカーソルを「PrevNextのアイキャッチ画像」にホバーする処理は行わずそのままにしておきます。PrevNextのアイキャッチ画像のカスタマイズ「PrevNextのアイキャッチ画像」のカスタマイズを行います。「PrevNextのアイキャッチ画像」のカスタマイズ内容は、下記の通りです。「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。今回のカスタマイズによって、「PrevNextのアイキャッチ画像」のデザインは次にようになりました。「PrevNextのアイキャッチ画像」に対して、シャドー(影)を付けて立体感を出してみました。アイキャッチ画像のコーナーに対してアールをつけてみました。THOR(ザ・トール)の全アイキャッチ画像(「エントリー記事カードのアイキャッチ画像」「関連記事のアイキャッチ画像」「PrevNextのアイキャッチ画像」)に対して共通の処理が確立できました。これによりブログサイト全体に統一感が出たことと、アイキャッチ画像が見やすくなりました。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いエントリー記事カードのタイトルのカスタマイズを行いました。Cocoonの「背景(バックグラウンド)」のカスタマイズについてまとめてみました。今回のカスタマイズでは「背景(バックグラウンド)」の設定を見出しのデザインと真似たデザインとしてみました。Cocoonの見出しについては以前にも2度ほどカスタマイズを行ってきました。今回「見出し1タイトル(h1タグ)」~「見出し4(h4タグ)」に対して、改めて見出しが分かりやすくなるようなデザインに変更してみました。Release)が公開されたので、アップデートに関するエントリー記事です。THOR(ザ・トール)の「エントリー記事カードのアイキャッチ画像」について前回のエントリー記事でカスタマイズを行いました。今回は同様の処理を「関連記事のアイキャッチ画像」に対してカスタマイズしてみました。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いエントリー記事カードの投稿年月日のカスタマイズを行いました。5.2.4のアップデートに関するエントリー記事です。THOR(ザ・トール)の「番号無しリストアイコン」のカスタマイズについてまとめてみました。5の黒丸アイコンに変更しサイズと位置の調整を行ってみました。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。Freemake』のレビュー記事です。Freemake』は、DVDビデオのコピーやダビングを目的とするソフトウェアで、DVDのデータを圧縮して編集することも可能で簡単に操作することができます。Media』のレビュー記事です。Media』は、変換・コピー・作成・ダウンロード・再生・編集を6倍以上の作業速度で進めることができるマルチメディア変換ソフトウェアです。14インチモデル(14Z990-GA56J)』届きました。14インチモデル(14Z990-GA56J)』を触ってチェックしたエントリー記事です。以前カスタマイズしたLogicoolの壁紙を改めてモディファイしてみました。今回色合いの調整とロゴを変更してみました。サイズは、2560×1440(WQHD)、1920x1200(WUXGA)、1920×1080(FullHD)の3種類とします。(3)運営サイトZMASAa.blogMASAa.blogからリニューアルしたmasaaの雑記記事を掲載するメインWordPressブログサイト。使用)MASAa.blog今はパズドラ日記と製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト。使用)MASAa.netハードウェアやソフトウェア、WordPressなどパソコン関連の記事を掲載するWordPressブログサイト。Freemake』のレビュー記事です。Freemake』は、DVDビデオのコピーやダビングを目的とするソフトウェアで、DVDのデータを圧縮して編集することも可能で簡単に操作することができます。Media』のレビュー記事です。Media』は、変換・コピー・作成・ダウンロード・再生・編集を6倍以上の作業速度で進めることができるマルチメディア変換ソフトウェアです。14インチモデル(14Z990-GA56J)』届きました。14インチモデル(14Z990-GA56J)』を触ってチェックしたエントリー記事です。以前カスタマイズしたLogicoolの壁紙を改めてモディファイしてみました。今回色合いの調整とロゴを変更してみました。サイズは、2560×1440(WQHD)、1920x1200(WUXGA)、1920×1080(FullHD)の3種類とします。(3)運営サイトZMASAa.blogMASAa.blogからリニューアルしたmasaaの雑記記事を掲載するメインWordPressブログサイト。使用)MASAa.blog今はパズドラ日記と製品レビューの記事を掲載し続けるmasaaの元祖WordPressブログサイト。使用)MASAa.netハードウェアやソフトウェア、WordPressなどパソコン関連の記事を掲載するWordPressブログサイト。THOR(ザ・トール)ブログ構築関連からあげ棒、ありったけパソコン関連ぶっちろぐお勧めWPサーバ。