WordPress】記事タイトルを二段にする(Luxeritasでのカスタマイズ)

記事タイトルがあまりに酷かったのでw背景色やパディングを設定しました。

それに伴って、記事タイトルを改行したくなり…カスタマイズしました。(2018/10/22)

スポンサーリンク

記事タイトルの改行

もとの状態がコレです。「カスタ」「マイズ」って何?!

編集画面で、こんな感じで

タイトルに直接<br>タグを記入すれば、改行できるようです。

こうなります!スッキリ…

更に色々な調整

一度始めると止まらないのがカスタマイズw

一行目を少し「弱く」したくなり…調子にのって、<span>タグに色々と書き込んでこうなりました。

書き込んだ内容は

編集画面ではタイトル欄が狭いので内容が全部見えませんw

こう書き込んでいます↓弱くしたい箇所を<span>タグで挟みます

<span style=”font-weight:normal;font-size:21px;opacity:0.9;”>【神テーマLuxeritas】</span><br>記事タイトルのカスタマイズ

「opacity」というのは透明度です。0が「完全に透明」で1が「完全に不透明」を表します。0.9なので少し透明になり少し弱くなります

なぜ単純にfont-colorで指定しないかと言うと

どうやらここでの指定がトップページでのタイル表示の記事タイトルに引き継がれるようで、

font-colorで色を指定するとトップページで白を背景にした時の表示がおかしくなるのでopacityを使って色を弱くしているというわけです。

トップページでの表示↑

文字の大きさはバランスが妙なことになっている気もするが面倒くさいので放置w

スッキリしたけど…

ブログを立ち上げて3ヶ月…

ようやくタイトルがそれっぽくなりました(遅)が、やはり不都合(不具合ではない)がありますね。

ブログカード(Luxeritas)が!

これは、カッコ悪すぎる!キャッシュを削除しても直らない…
なんや?!

結局、改行以外の装飾はやめてしまった。

タイトルとURLをコピーしました