おかぴー
THE THORのテーマで、トップページに表示される新着記事の記事タイトルが長いと感じる場合に、「…」のよくある省略文字を使って短く表示することができます。
変更前はこちら↓
赤枠のところ、タイトルが省略されず全て表示されてます。
ここを、「…」にして短くしましょう！
変更後はこちら↓
目次
CSSだけで対応できます
作業するのは、CSSのみ。
「カスタマイズ＞追加CSS」に、下のコードをコピペするだけでOKです♪
h3.heading.heading-pickup3 a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
↓↓↓
すごく短めの記事になりましたが（笑）、
もし、「トップページのデザイン面から短くしたい！」って場合には活用できるカスタマイズかもしれません^^
もし反映されないなどあれば教えてください〜
コメント