「STINGER3の「もっと見る」を改造する」の版間の差分
ナビゲーションに移動
検索に移動
Rin-scrooge (トーク | 投稿記録) |
Rin-scrooge (トーク | 投稿記録) |
||
24行目: | 24行目: | ||
#WordPressのダッシュボードから「外観」→「テーマ編集」をクリックしてね。 | #WordPressのダッシュボードから「外観」→「テーマ編集」をクリックしてね。 | ||
#右側のファイル一覧から「sidebar.php」を選択してね。 | #右側のファイル一覧から「sidebar.php」を選択してね。 | ||
− | #表示されたソース内を「もっと」で検索してみてね。以下の行が見つかるよ。<syntaxhighlight lang=" | + | #表示されたソース内を「もっと」で検索してみてね。以下の行が見つかるよ。<syntaxhighlight lang="html"><p class="motto"> <a href="<?php echo home_url(); ?>/">→もっと見る</a></p></syntaxhighlight> |
− | #見つかった行を以下のように修正するよ。<syntaxhighlight lang=" | + | #見つかった行を以下のように修正するよ。<syntaxhighlight lang="html"><p class="motto"> <a href="【投稿ページに設定した固定ページのURL】">→もっと見る</a></p></syntaxhighlight>僕の場合は以下の様になっているよ。<syntaxhighlight lang="html"><p class="motto"> <a href="http://rindomain.com/rinpress/allpost/">→もっと見る</a></p></syntaxhighlight> |
#修正したら画面下部の「ファイルを更新」ボタンをクリックしてね。 | #修正したら画面下部の「ファイルを更新」ボタンをクリックしてね。 | ||
2019年7月26日 (金) 17:33時点における最新版
SINGER3のサイドメニューの「→もっと見る」って、デフォルトではトップメニューにリンクされているんだよね。
「→もっと見る」なんだから、「投稿記事一覧」にリンクしたくなったんだよ。
そこで、出来る限り最小の改造でサイドメニューの「→もっと見る」を「投稿記事一覧」に改造してみたよ。
(ただし、トップページが固定ページの時に限る)
投稿ページの作成
僕も最初はダッシュボードの「設定」→「表示設定」にある「投稿ページ」の意味が分かってなかったんだけど…
どうやらこれは、「投稿記事一覧」の固定ページを指定するところみたいなんだよ。
- WordPressのダッシュボードから「固定ページ」→「新規追加」をクリックしてね。
- 題名を適当に入力してね。本文は空白で問題ないよ。僕は「すべての投稿」って名前にしたよ。
- パーマリンクの編集ボタンをクリックして、適当に入力してね。僕は「allpost」にしたよ。
- 右のメニューから「公開」ボタンをクリックしてね。
- 左のメニューから「設定」→「表示設定」をクリックしてね。
- 「フロントページの表示」って項目に「投稿ページ」って欄があるから、先ほど作成した固定ページを選択してね。
- 画面下部の「変更を保存」ボタンをクリックしてね。
サイドメニューの改造
サイドメニューを改造するよ。
STINGER3のテンプレートを直接改造するとバージョンアップ時に元に戻っちゃうから、子テンプレートを作成しておいてね。
子テンプレートの作成方法は以下を見るとできるよ。
WordPressでSTINGER3の子テンプレートを作成する
- FTPのアプリケーションなどでSTINGER3の「sidebar.php」ファイルを子テンプレートのフォルダにコピーしてね。
- WordPressのダッシュボードから「外観」→「テーマ編集」をクリックしてね。
- 右側のファイル一覧から「sidebar.php」を選択してね。
- 表示されたソース内を「もっと」で検索してみてね。以下の行が見つかるよ。
<p class="motto"> <a href="<?php echo home_url(); ?>/">→もっと見る</a></p>
- 見つかった行を以下のように修正するよ。僕の場合は以下の様になっているよ。
<p class="motto"> <a href="【投稿ページに設定した固定ページのURL】">→もっと見る</a></p>
<p class="motto"> <a href="http://rindomain.com/rinpress/allpost/">→もっと見る</a></p>
- 修正したら画面下部の「ファイルを更新」ボタンをクリックしてね。
参考サイト
ええかげんブログ(本店) - WordPressのフロントページに「投稿ページ」を指定する意味
STINGER3 - 「もっと見る」ボタンを押した際に次の記事が読み込まれない状態となっております。