(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連THE THOR

【THE THOR】ウィジェット プロフィールのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約3分で読めます。

【広告】

※ 記事内には【広告】が含まれています

WordPressテーマ THE THOR(ザ・トール)

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

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

今回は、WordPressテーマ THE THOR(ザ・トール)での「ウィジェット プロフィール」のカスタマイズについてまとめてみました。

WordPressテーマ THE THOR(ザ・トール) ウィジェット プロフィール

現在のWordPressテーマ THE THOR(ザ・トール)での「ウィジェット プロフィール」のスタイルは次の様になっています。

【THE THOR】ウィジェット プロフィールのカスタマイズ

先日、「【THE THOR】エントリーカード メタディスクリプションのカスタマイズ」の記事を掲載しましたが、このカスタマイズを「ウィジェット プロフィール」にも取り入れたいと思います。

【THE THOR】エントリーカード メタディスクリプションのカスタマイズ
WordPressテーマ THE THOR(ザ・トール)での「エントリーカード メタディスクリプション」のカスタマイズについてまとめてみました。今回のカスタマイズではメタディスクリプションにアンダーラインの表示などを行ってみました。

と言う事で、WordPressテーマ THE THOR(ザ・トール)での「ウィジェット プロフィール」のカスタマイズを行いたいと思います。

ウィジェット プロフィールのカスタマイズ

WordPressテーマ THE THOR(ザ・トール)での「ウィジェット プロフィール」のカスタマイズを行います。

カスタマイズ内容

「ウィジェット プロフィール」のカスタマイズの内容は、下記の通りです。

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

/************************************
** ■プロフィールカスタマイズ
************************************/
.widgetProfile__text {
	word-break: break-all; /*表示範囲に合わせて改行*/
	text-decoration: underline dotted #333; /*アンダーライン*/
	font-weight: 700; /*タイトル フォント太さ*/
}

カスタマイズ後のウィジェット プロフィール

今回のカスタマイズによって、「ウィジェット プロフィール」のスタイルは次の様になりました。

【THE THOR】ウィジェット プロフィールのカスタマイズ

今回の「ウィジェット プロフィール」のカスタマイズは、下記について行っています。

  1. アンダーラインの表示
  2. 言語に関係なく表示範囲に合わせて改行(単語の途中で改行有り)
  3. フォントの太さ調整

最後に

プロフィールにアンダーラインを表示したこととフォントを太くしたことで、若干ですが読みやすくなったと思います。

また、改行位置も規制したことで、プロフィールの表示に対してまとまり感が出てきました。

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

シェアする
※ 記事内には【広告】が含まれています
MASAa.net

コメント

【広告】