THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)での「エントリー記事カードの記事説明」のカスタマイズについてまとめてみました。THOR(ザ・トール)のエントリー記事カードは、過去にもカスタマイズを行ってきました。THOR(ザ・トール)のインデックスについては先日にもカスタマイズを行ってきました。今回そのエントリー記事カードをホバーしたときのタイトルに対して新たなカスタマイズを行ってみました。THOR(ザ・トール)の「エントリー記事カード」のカスタマイズについてまとめてみました。今回のカスタマイズではタイトルに背景を設定して、その他にアイキャッチ画像の位置調整などを行ってみました。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いエントリー記事カードのタイトルのカスタマイズを行いました。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いエントリー記事カードの投稿年月日のカスタマイズを行いました。THOR(ザ・トール)の設定で「エントリー記事カードの記事説明」は、次の様になっています。アイキャッチ画像、タイトルについてはカスタマイズが完了しているので、次に「エントリー記事カードの記事説明」についてカスタマイズを行ってみました。THOR(ザ・トール)で「エントリー記事カードの記事説明」のカスタマイズを行います。「エントリー記事カードの記事説明」のカスタマイズは、下記の通りです。このカスタマイズ内容を「スタイルシート(style.css)」に追記します。今回の「エントリー記事カードの記事説明」のカスタマイズによって、「エントリー記事カードの記事説明」は次の様になりました。「エントリー記事カードの記事説明」に対しフォント強調の処理を行ってみました。最後に今回の「エントリー記事カードの記事説明」で、エントリー記事カード全体のバランスが取れたデザインになったと思います。言っても、「エントリー記事カードの記事説明」自体の需要はほとんど無いと思っています(スマートフォンでの表示は無いですし)。Simplicityの安定版バージョン2.7.8が5月24日辺りに公開されています。2.7.8アップデート対応について書いたエントリー記事です。THOR(ザ・トール)の「関連する記事のアイキャッチ」のカスタマイズについてまとめてみました。今回の「関連する記事のアイキャッチ」のカスタマイズでは、アイキャッチに角丸を設定しました。(狂骨)」によるアイコンが表示されます。Cocoonでこのアイコンが表示されないのでその原因と対策を調べてみました。THOR(ザ・トール)の「アーカイブページの記事タイトル」のカスタマイズについてまとめてみました。今回のカスタマイズで「アーカイブページの記事タイトル」のフォントサイズを調整してみました。Awesomeの利用についてまとめてみました。Cocoonの「関連記事とコメントの見出し」のカスタマイズについてまとめてみました。今回のカスタマイズでは「関連記事とコメントの見出し」に対して以前カスタマイズを行った「見出し(h2)」と同じデザインとしてみました。THOR(ザ・トール)の「番号無しリストアイコン」のカスタマイズについてまとめてみました。5の黒丸アイコンに変更しサイズと位置の調整を行ってみました。Cocoonのインデックスについては過去にもカスタマイズを行ってきました。今回そのインデックスの中のタイトルについて「見出し1タイトル(h1タグ)」と同じく、ピンクで左に縦線を入れたデザインとしてみました。コメントをキャンセルメールアドレスが公開されることはありません。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サーバ。