【THE THOR】アーカイブページの記事タイトルのカスタマイズ

INDEX

WordPressテーマ THE THOR
1. WordPressテーマ THE THOR アーカイブページの記事タイトル
アーカイブページの記事タイトルのカスタマイズ
1. カスタマイズ内容
2. カスタマイズ後のアーカイブページの記事タイトル
最後に

WordPressテーマ THE THOR

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

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

WordPressテーマ THE THOR（ザ・トール）の「アーカイブページの記事タイトル」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THOR アーカイブページの記事タイトル

WordPressテーマ THE THOR（ザ・トール）の「アーカイブページの記事タイトル」の表示は次の様になっています。

今回「アーカイブページの記事タイトル」の気になる点は、「アーカイブページの記事タイトル」のフォントと下の記事説明のフォントのバランスが悪いことが挙げられます。

具体的には「アーカイブページの記事タイトル」のフォントが大きい割には、記事説明のフォントが小さいことです。

この点について改善するカスタマイズを行ってみました。

アーカイブページの記事タイトルのカスタマイズ

「アーカイブページの記事タイトル」のカスタマイズを行います。

カスタマイズ内容

「アーカイブページの記事タイトル」のカスタマイズは、下記の通りです。

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

/************************************
** ■アーカイブページの記事タイトルカスタマイズ
************************************/
.archive__contents .heading a {
	font-size: 20px; /*フォントサイズ*/
}
@media only screen and (max-width: 768px) { /*767px*/
	.archive__contents .heading a {
		font-size: 16px; /*フォントサイズ*/
	}
}