WordPressテーマ THE THOR（ザ・トール）
別ブログのZMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。
ZMASAa.blog │ PC･ガジェット･デジモノ･車好きのmasaaの情報発信サイト
PC･ガジェット･デジモノ･車好きのmasaaが情報を発信するサイト
wp.masaa.net
今回は、WordPressテーマ THE THOR（ザ・トール）での「ウィジェット プロフィール」のカスタマイズについてまとめてみました。
WordPressテーマ THE THOR（ザ・トール） ウィジェット プロフィール
現在のWordPressテーマ THE THOR（ザ・トール）での「ウィジェット プロフィール」のスタイルは次の様になっています。
先日、「【THE THOR】エントリーカード メタディスクリプションのカスタマイズ」の記事を掲載しましたが、このカスタマイズを「ウィジェット プロフィール」にも取り入れたいと思います。
【THE THOR】エントリーカード メタディスクリプションのカスタマイズ
WordPressテーマ THE THOR（ザ・トール）での「エントリーカード メタディスクリプション」のカスタマイズについてまとめてみました。今回のカスタマイズではメタディスクリプションにアンダーラインの表示などを行ってみました。
masaa.net
2020.05.09
と言う事で、WordPressテーマ THE THOR（ザ・トール）での「ウィジェット プロフィール」のカスタマイズを行いたいと思います。
ウィジェット プロフィールのカスタマイズ
WordPressテーマ THE THOR（ザ・トール）での「ウィジェット プロフィール」のカスタマイズを行います。
カスタマイズ内容
「ウィジェット プロフィール」のカスタマイズの内容は、下記の通りです。
「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。
/************************************
** ■プロフィールカスタマイズ
************************************/
.widgetProfile__text {
word-break: break-all; /*表示範囲に合わせて改行*/
text-decoration: underline dotted #333; /*アンダーライン*/
font-weight: 700; /*タイトル フォント太さ*/
}
カスタマイズ後のウィジェット プロフィール
今回のカスタマイズによって、「ウィジェット プロフィール」のスタイルは次の様になりました。
今回の「ウィジェット プロフィール」のカスタマイズは、下記について行っています。
- アンダーラインの表示
- 言語に関係なく表示範囲に合わせて改行（単語の途中で改行有り）
- フォントの太さ調整
最後に
プロフィールにアンダーラインを表示したこととフォントを太くしたことで、若干ですが読みやすくなったと思います。
また、改行位置も規制したことで、プロフィールの表示に対してまとまり感が出てきました。
コメント