【THE THOR】トップページの新着記事のタイトルを「...」を使って短くする方法

  • 2021年1月13日
  • 2021年1月13日
  • THE THOR
おかぴーおかぴー

こんにちは、WEBデザイナーのおかぴーです!

プロフィールはこちら。ブログデザインと組み合わせて効果的な収益化が目指せるこちらの記事もおすすめです^^

 

THE THORのテーマで、トップページに表示される新着記事の記事タイトルが長いと感じる場合に、「...」のよくある省略文字を使って短く表示することができます。

 

変更前はこちら↓

the thor 新着記事 トップページ カスタマイズ

the thor 新着記事 トップページ カスタマイズ

 

赤枠のところ、タイトルが省略されず全て表示されてます。

ここを、「...」にして短くしましょう!

 

変更後はこちら↓

the thor 新着記事 トップページ カスタマイズ

the thor 新着記事 トップページ カスタマイズ

 

ー ブログで伸び悩んでいる方へ ー

無料動画

CSSだけで対応できます

作業するのは、CSSのみ。

「カスタマイズ>追加CSS」に、下のコードをコピペするだけでOKです♪

 CSSコード
h3.heading.heading-pickup3 a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
↓↓↓
the thor 新着記事 トップページ カスタマイズ
すごく短めの記事になりましたが(笑)、
もし、「トップページのデザイン面から短くしたい!」って場合には活用できるカスタマイズかもしれません^^
もし反映されないなどあれば教えてください〜

デザイン効果と組み合わせて、最適な収益化方法を見つけよう

おまけ

「ある程度ブログのデザインも納得したものができてきたなぁ」

「次はこのブログを、稼げるブログにしたい!」

と思っている方へ。

 

ブログ収益化において、

デザイン効果と組み合わせることで反応率が高まる効果的な方法があるのですが、

僕が勤めている会社では、とても言えない(というか教えたくないw)内容を、

ここだけの話で公開しようと思います。

 

どんな話かと言うと、

「発信するテーマ(内容)に合わせた最適な収益化方法が分かる」というものです。

 

100人いれば、100個のブログがあり、コンセプトがあります。

それによって収益化の方法も様々です。

 

デザインは視覚的に注目を集める力がありますが、その先の収益化へ進むには間違いなく発信内容に合わせてブログを構築していく必要があります。

 

あなたは最適な収益化方法を選択できていますか?

きっと、今ブログで伸び悩んでいる人には新しい発見になるはず^^

興味がある方は、ぜひ以下からご覧ください〜

 

↓↓↓

 

 

ストレスフリーなブロガーライフを送ろう ブログデザインお悩み解決室WPテーマ「THE THOR」でリニューアル!" width="1280" height="479" >

WPテーマ「THE THOR」でリニューアル!

2年近く「STORK」を愛用してきた当ブログは、これから「THE THOR」でデザインも新たに生まれ変わりました。(STORK、今までありがとう!)

これからも当ブログではブログ作りに役立つ情報を発信していきます。よろしくお願いします(o^^o)

CTR IMG