はじめて投稿させていただきます。AFFINGER6 EXを使用しています。…

Affinger解決済み
blolaboさん
blolabo

はじめて投稿させていただきます。
AFFINGER6 EXを使用しています。

Gutenbergで記事を作成する際に「STINGER:記事一覧(ID)」で固定ページにカード型の記事一覧を表示しています。

記事が多くなってきたので「続きを見る」という感じで一覧を一回切りたいのですが、カスタマイズ可能でしょうか?
よろしくお願いいたします。

添付された画像

みんなのコメント 3件

ベストアンサー

ユーザー660さん
ユーザー660さん

>記事が多くなってきたので「続きを見る」という感じで一覧を一回切りたいのですが、カスタマイズ可能でしょうか?

▶可能かどうかで言えば、「可能」です。ただしそれなりの知識が必要にはなってきます。
具体的には、「STINGER:記事一覧(ID)」をカスタマイズするための PHP / HTML / CSS の知識が必要です。

おそらく今回のご質問はトップページでの話かと思われますが、現状は単に h2 見出しごとに「STINGER:記事一覧(ID)」で記事一覧表示している仕様かと思います。いわば、トップページを HTML サイトマップ的に活用されていますね。

で、記事が多くなってきたために、ある程度の記事数をトップに表示しつつ、それ以下は「続きを見る」で区切りたいとのことですが、そもそも「続きを見る」をクリックした先の仕様はどのようにお考えでしょうか?

これは一つの案ですが、例えば「WordPressプラグイン」見出しの部分であれば、「WordPressプラグイン」の紹介している記事をまとめた固定ページ(まとめページ)を新たに作成しつつ、「STINGER:記事一覧(ID)」にてトップページに代表的な記事を 4 つほど表示して、そして「STINGER:記事一覧(ID)」カードの下にまとめページへのリンクを貼る、というような仕様もできるかと思います。これではダメですか?

わざわざレベルが高くリスクもあるテーマファイルカスタマイズに手を出そうとしている理由は何ですか?

ユーザー660さん
ユーザー660さん

新たに固定ページ(まとめページ)を作成するのが面倒、トップページ上に全て表示されるようにしたいのであれば、アコーディオン要素を取り入れるという方法もあります。
アコーディオン要素はプラグインでも導入できますし、プラグインを利用しない方法もあります。「WordPress アコーディオン」などと検索すればいろいろと情報が出てくるので、調べてみてください。
https://dadadaweb.com/easy-accordion/

例:
 「STINGER:記事一覧(ID)」(1 ~ 4)
 //アコーディオン//
 「STINGER:記事一覧(ID)」(5 ~)
 //アコーディオン//

何にしろ、わざわざテーマファイルをカスタマイズする必要はないように思えます。別の方法で工夫することをオススメします。

blolaboさん
blolaboさん質問者

@j_jetstreamさん
ご回答ありがとうございます。

確かにアコーディオンの機能を使えば、似た感じに仕上がりますね!存在すっかり忘れてました。
ちなみにテーマがAffingerなのでプラグインなしでも大丈夫です。
名前が少し変わり「スライド」と呼ばれています。(Cocoon使っている方は「トグル」です。)

デフォルトの機能で十分対応出来そうです!
ありがとうございました。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録