THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)での「番号付きリストアイコン」のカスタマイズについてまとめてみました。THOR(ザ・トール)の「番号付きリスト」については、過去にもカスタマイズを行ってきました。THOR(ザ・トール)の「番号付きリスト」のカスタマイズについてまとめてみました。今回の「番号付きリスト」のカスタマイズで番号マークと入力文字の間隔を微調整してみました。THOR】番号無しリストアイコンのカスタマイズ」に続いて、今回これまで触れていなかった「番号付きリストアイコン」についてのカスタマイズを行いたいと思います。THOR(ザ・トール)の「番号無しリストアイコン」のカスタマイズについてまとめてみました。5の黒丸アイコンに変更しサイズと位置の調整を行ってみました。masaa.net2020.01.21現在の「番号付きリスト」デザインは下記の通りです。C:線]】デザインを設定していました。B:文字](default)】のデザインに設定しました。「番号付きリストアイコン」は、丸数字(1、2、3・・・)と言うデザインに固定されています。このアイコンのデザインに対しては特に問題ないので、今回はアイコンのサイズと位置の調整を行いたいと思います。THOR(ザ・トール)で「番号付きリストアイコン」のカスタマイズを行います。「番号付きリストアイコン」のカスタマイズ内容は、下記の通りです。「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。THOR】番号付きリストのカスタマイズ」内でも「スタイルシート(style-user.css)」に追記していますので、以前のカスタマイズを行っている場合は同じソース部分を上書きしてください。カスタマイズ後の番号付きリストアイコン今回のカスタマイズによって、「番号付きリストアイコン」は次のようになりました。「番号付きリストアイコン」のサイズを若干小さくして、下方に若干下ろす位置の調整を行っています。最後に今回のカスタマイズは、あまり大して変更ではないため見た目それほど変わった印象は少ないと思います。それでも番号付きリストを使ったときに、違和感なく番号が表示できるようになりました。Simplicityの安定版バージョン2.7.6が4月5日にリリースされています。2.7.6アップデート対応について書いたエントリー記事です。THOR(ザ・トール)の「引用デザイン」のカスタマイズについてまとめてみました。「引用デザイン」の上下左右の空間を広げることにより見た目のバランスを良くして窮屈感を改善してみました。WordPressWhatFontで使われているフォントを調べる!他サイトを見ていると使われているフォントが気になります。Chromeの拡張機能「WhatFont」の出番です。「WhatFont」について書いたエントリー記事です。5.2.1が公開されました。マイナーアップデートの自動更新設定を有効にしている場合は、自動的にアップデートが実施されます。5.2.1について書いたエントリー記事です。THOR(ザ・トール)の「エントリー記事カードのアイキャッチ画像」「関連記事のアイキャッチ画像」のカスタマイズと同様に、「PrevNextのアイキャッチ画像」に対しても同様のカスタマイズを行ってみました。THORのアーカイブページのレイアウト設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更しました。ノーマルレイアウト変更に伴いエントリー記事カード間の仕切り線のカスタマイズを行いました。Cocoonの「引用スタイルのリスト表示」のカスタマイズについてまとめてみました。今回のカスタマイズでは、引用スタイルのリスト表示時にリストの上下間隔を空けて見やすい表示にしてみました。SNSフォローボタン」のカスタマイズについてまとめてみました。今回のカスタマイズでは、フォローボタンの上部の説明を削除し、各SNSフォローボタンにシャドーを付け角丸を更に大きくしてみました。コメントをキャンセルメールアドレスが公開されることはありません。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サーバ。