ワードプレスの投稿にサブタイトルを追加する方法

はじめに

ワードプレスにおいて、投稿記事のタイトルにサブタイトルを付けたい事がありませんでしょうか。

しかしながら、下にあります様に単にカッコで括っただけでは、どうみても見栄えが良くありません。

ですが下の様に、メインタイトルの下にもう少し小さな文字でサブタイトルを付ければ、かなり見栄えが良くなります。

今回はその方法をお伝えします。

対応方法

1)先ず最初に下記CSSを、子テーマのstyle.cssなどに記述します。

/* サブタイトル */
.entry-title span {
display: block;
font-size: 60%;
}

 

2)次にタイトルを以下の様に記述します。

Amazon Product Advertising APIの使い方<span>(Amazonアフェリエイト広告が表示されなくなった場合の対処方法)</span>

ここでサブタイトルを<span>ABC</span>で囲む事がミソです。

以上で終了です。

 

3)なおもし記事一覧にサブタイトルを表示したくない場合は、以下のCSSを子テーマのstyle.cssなどに追加で記述します。

/*記事一覧には表示しない場合*/
.archives-list .entry-title span {
display: none;
}

 

以上

スポンサーリンク
PC
Urban Cafeteria Blog

コメント