【注意】このMASAa.netはWordPressテーマ Cocoonを使用しており、THE THORはZMASAa.blogで使用中です。クリックするとZMASAa.blogを開きます。
WordPressTHE THOR

【THE THOR】番号付きリストのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約2分で読めます。
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト(THE THOR採用)
ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト(THE THOR採用)

前回のエントリー記事で、WordPressテーマ THE THOR(ザ・トール)の「番号無しリストの微調整」に関するカスタマイズを行いました。

【THE THOR】番号無しリストのカスタマイズ
WordPressテーマ THE THOR(ザ・トール)の「番号無しリスト」のカスタマイズについてまとめてみました。今回の「番号無しリスト」のカスタマイズで黒丸マークと入力文字の間隔を微調整してみました。

今回は、同様にWordPressテーマ THE THOR(ザ・トール)の「番号付きリストの微調整」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THOR 番号付きリスト

WordPressテーマ THE THOR(ザ・トール)の「番号付きリスト」は通常下記のようになっています。

【THE THOR】番号付きリストのカスタマイズ

「番号付きリスト」のデザインは【はみ出す線[カラーA:マーク B:線 C:背景]】に設定しています。

この「番号付きリスト」は、【パーツスタイル設定[THE]】→【リスト設定(個別ページ用)】から設定することができます。

特に問題は無いのですが、個人的に番号マークと入力文字の間隔が狭く気になるところです。

WordPressテーマ THE THOR 番号付きリスト微調整のカスタマイズ

「番号付きリストの微調整」についてカスタマイズを行います。

カスタマイズ内容

「番号付きリストの微調整」のカスタマイズは、下記の通りです。

このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。

/************************************
** ■番号付きリストカスタマイズ
************************************/
.content ol li {
	padding-left: 3.0rem; /*内側余白設定*/
}

カスタマイズ後の番号付きリスト

カスタマイズ後の「番号付きリストの微調整」のカスタマイズによって、WordPressテーマ THE THOR(ザ・トール)の「番号付きリスト」は、下記の様になりました。

【THE THOR】番号付きリストのカスタマイズ

デフォルトと比べると番号マークと入力文字の間隔が若干広がっています。

最後に

前回の「番号無しリスト」と同様、取りあえず個人的にスッキリしました。

今後も引き続き気になるところは小さい箇所でもカスタマイズを行い、自分流のWordPressテーマ THE THORにしていければと思います。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

……… THE THOR(ザ・トール)購入について ………
下記バナーからTHE THOR(ザ・トール)をご購入の方には、
当掲載のカスタマイズについて優先的にサポートさせて頂きます。

下記バナー経由でTHE THOR(ザ・トール)を購入した日付と時刻
を合わせてお問い合わせフォームからご連絡下さい。



気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
空島クロニクル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
MU:アークエンジェル
Cave Shooter
イース6オンライン
ザ・アンツ
リネージュ2M
クッキーランキングダム
ドラゴンとガールズ交響曲
魔剣伝説
パズにゃん
ブレイドエクスロード

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

MASAa.net

コメント