SEO対策

【Xeory_Base】記事一覧ページを設置する方法

xeory_base_read_more

WordPressテーマ「XoeryBase」を使用する場合、TOPページに新着記事が表示されますが、一部の新着記事だけで、すべての新着記事を閲覧することができません。

この記事ではXeoryBaseテーマのTOPページに「もっと見る」というボタンを設置し、リンク先で新着記事一覧が表示されるよう設定する方法を解説していきます。

▼今回の完成形

xeory_base_read_more

ステップ1:function.phpにコードを追加

外観 > テーマの編集 > テーマのための関数(function.php)

を開いて、一番下に下記のコードを挿入。

引用元:投稿一覧ページを作成する

「ファイルを更新」ボタンを押して保存。

これだけですでに「https://ドメイン名/post-all」にアクセスすると、新着記事一覧が設置されています。

ステップ2:TOPページに「もっと見る」を追加する

外観 > テーマの編集 > ホームページ(front-page.php)を開く。

137行目あたりの、上記のコードの前に下記を挿入して「ファイルを更新」で保存。

最終的に下記のようになります。

TOPページを確認してみると、次のように表示されていると思います。

xeory_base_もっとみる

ステップ3:「もっと見る」の位置と色を調整する

外観 > テーマの編集 > スタイルシート(style.css)を開く

一番下に下記を挿入して、「ファイルを更新」で保存。

#005990 を変更すると、ボタンの枠の色が変わります。

リンク:カラーコード表

最終的に次のように表示されています。

xeory_base_read_more


次の記事も読むと、未来のユーザーニーズが見えてきます

icon-check-circle Google検索の変遷から見えてくる「Googleがキュレーション化する日」
あなたの課題はなんですか?
【SEO】順位が上がらない。アクセスが集まらない。
【アフィリエイト】成果が発生しない。リンクをクリックされない。
【サービス登録率】登録まで行かない。登録率が改善しない。
【広告運用】CPAが下がらない。毎回数値がブレる。
Twitterをフォロー 30分相談 コンサル相談 匿名質問
(2018年3月12日現在、1件コンサルの空きがあります)