THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)には、記事中の画像に対して囲み効果の設定がありません。そこで、記事中の画像に対してシャドーを表示するカスタマイズについてまとめてみました。記事中の画像に対してシャドーの表示について記事中で画像を設定した場合、デフォルトでシャドーを表示するようにします。記事中の画像に対してシャドーの表示が不要の場合は、手動でシャドーを取り消す事ができるようにします。記事中の画像に対してシャドーを表示するカスタマイズ先ずは手動で記事中の画像に対してシャドーを表示するカスタマイズです。このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。使い方は、シャドーを設定したい画像に対してimgタグのclassに「shadow1」を追記します。shadow1"幾つかシャドーのパターンを用意しておきたい場合は、「shadow1」のラベル名を変更して別パターンを設定すればOKです。シャドーを設定したい画像に対してimgタグのclassに「shadow1」を追記することで、任意にシャドーを設定することができます。逆にその追記を行わないとシャドーが表示されないため、過去のエントリー記事の画像ではシャドーが表示されないので注意が必要です。ここまでは記事中の画像に対して手動でシャドーを表示する使い方です。記事中の画像に対してデフォルトでシャドーを表示するカスタマイズ次に記事中の画像に対してデフォルトでシャドーの表示をするカスタマイズです。このカスタマイズ内容を子テーマの「functions.php」に追記します。shadow1';});これにより手動でimgタグのclassに「shadow1」を追記しなくても、自動で記事内の画像に対して「shadow1」が追記されるようになります。逆に記事中の画像に対してシャドーを付けたくない場合には、手動でclassに追記された「shadow1」を削除すればOKです。最後に今回のカスタマイズで、記事内の画像に対してシャドーを設定することができました。必要に応じて画像のシャドーが不要の場合は、簡単にシャドーを表示させないようにできます。記事中の画像にシャドーを表示させるだけで、見た目が随分と変わってくるお勧めのカスタマイズです。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いメインカラム/サイドカラムのフレームのカスタマイズを行いました。THOR(ザ・トール)の「ナビゲーションメニュー枠」のカスタマイズについてまとめてみました。今回の「ナビゲーションメニュー枠」のカスタマイズでは、値美ゲーションメニューに枠を設定してみました。バッジ」表示が窮屈になります。バッジ」表示に関するカスタマイズについてまとめてみました。THOR(ザ・トール)の「番号付きリストアイコン」のカスタマイズについてまとめてみました。今回のカスタマイズでは、「番号付きリストアイコン」に対しサイズと位置の調整を行ってみました。THOR(ザ・トール)のインデックスについてはこれまでも何度かカスタマイズを行ってきました。今回はエントリー記事カードの記事説明に対して、フォント強調の処理を施してみました。THOR(ザ・トール)のインデックスについては先日にもカスタマイズを行ってきました。今回そのエントリー記事カードをホバーしたときのタイトルに対して新たなカスタマイズを行ってみました。THOR(ザ・トール)の「背景(バックグラウンド)」のカスタマイズについてまとめてみました。今回のカスタマイズでは「背景(バックグラウンド)」の設定を見出しのデザインと真似たデザインとしてみました。THOR(ザ・トール)の「エントリー記事カードのアイキャッチ画像」について前回のエントリー記事でカスタマイズを行いました。今回は同様の処理を「関連記事のアイキャッチ画像」に対してカスタマイズしてみました。コメントをキャンセルメールアドレスが公開されることはありません。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サーバ。