Simplicity2のWidgetである【[S]新着・人気記事】のPHPを編集して、本文の抜粋表示をする方法を紹介します!
本文抜粋はできない仕様になっている
Simplicityでは、ウィジェットを使用して新着・人気記事を表示させる事ができます。
ですが、サムネイルと記事タイトルは表示できますが、本文を抜粋して表示させる事はできません。これはそういう仕様のようです。
以下引用
新着記事ウィジェットに本文抜粋が表示されないのは仕様です。
新着記事ウィジェットをメインがよく利用されているサイドバーなどでは、本文を表示するほどのスペースが取れないことから、そういった仕様になっています。
試しに、本ページを見てみます。
下の画像の例では、固定ページの本文の下にウィジェットを挿入しているのですが、サムネイルとタイトルのみしか表示されていない状態です。
とにかく、抜粋表示がしてみたい!
けれども、そこをどうしても抜粋表示がしたい!できないとわかると余計にやりたくなってしまうものです。そんなわけで、今回はウィジェットのPHPを編集して表示させる方法を紹介します。
といっても、PHPを編集するのはリスクが伴いますので、ドコをどう編集するのかを見極めてからにしましょう。
どのファイルの、どこを編集したらいいの?
まず、HTML,CSS(webページの構造と装飾)がどのようになっているのかを調べたいと思います。webページの何もないところで右クリックし、検証をクリックすると、以下のような画面が出てきます。
この検証画面の左上にある、をクリックします。そしてそのまま、ウェジットのタイトル部分にマウスカーソルを持っていくと、下の画面のようになります。
赤枠に表示されている部分で、黒い帯に【a.new-entry-title】と書いてあります。ここが今回関わっている部分になります。つまり、この部分のHTMLだったりCSSだったりを編集する事で、webページの見え方が変わってくるわけです。
では、この部分を表示している部分は具体的にどこなのでしょうか?それを今から見ていきます。
PHPファイルを編集する方法はこちら
Simplicity2のWidget~[S]新着・人気記事のカスタマイズ~PHPを編集して本文の抜粋表示をする方法ーその2