[S]新着・人気記事のPHPを編集して本文の抜粋表示をする方法

ウィジェットの編集 WORDPRESS
ウィジェットの編集

Simplicity2のWidgetである【[S]新着・人気記事】のPHPを編集して、本文の抜粋表示をする方法を紹介します!

ウィジェットの編集

本文抜粋はできない仕様になっている

Simplicityでは、ウィジェットを使用して新着・人気記事を表示させる事ができます。
ですが、サムネイルと記事タイトルは表示できますが、本文を抜粋して表示させる事はできません。これはそういう仕様のようです。


以下引用

新着記事ウィジェットに本文抜粋が表示されないのは仕様です。
新着記事ウィジェットをメインがよく利用されているサイドバーなどでは、本文を表示するほどのスペースが取れないことから、そういった仕様になっています。

[s]新着記事ウィジェットで本文が表示されません

試しに、本ページを見てみます。

下の画像の例では、固定ページの本文の下にウィジェットを挿入しているのですが、サムネイルとタイトルのみしか表示されていない状態です。

本文下ウィジェット

とにかく、抜粋表示がしてみたい!

けれども、そこをどうしても抜粋表示がしたい!できないとわかると余計にやりたくなってしまうものです。そんなわけで、今回はウィジェットのPHPを編集して表示させる方法を紹介します。

といっても、PHPを編集するのはリスクが伴いますので、ドコをどう編集するのかを見極めてからにしましょう。

どのファイルの、どこを編集したらいいの?

まず、HTML,CSS(webページの構造と装飾)がどのようになっているのかを調べたいと思います。webページの何もないところで右クリックし、検証をクリックすると、以下のような画面が出てきます。

 

検証画面

この検証画面の左上にある、矢印をクリックします。そしてそのまま、ウェジットのタイトル部分にマウスカーソルを持っていくと、下の画面のようになります。

検証から探す

 

赤枠に表示されている部分で、黒い帯に【a.new-entry-title】と書いてあります。ここが今回関わっている部分になります。つまり、この部分のHTMLだったりCSSだったりを編集する事で、webページの見え方が変わってくるわけです。

では、この部分を表示している部分は具体的にどこなのでしょうか?それを今から見ていきます。

PHPファイルを編集する方法はこちら

Simplicity2のWidget~[S]新着・人気記事のカスタマイズ~PHPを編集して本文の抜粋表示をする方法ーその2

 その2を読む

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