新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WordPress(ワードプレス)でトップページ以外にブログトップを設置する方法【完全版】 #wp

      2014/11/09

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

つぶくまブログの「←古い投稿」リンクが正常に動かなかったので修正することにした。
ちなみにつぶくまブログとはWordPress(ワードプレス)で作られているつぶくまにおけるブログトップページになる。
通常、ワードプレスではトップページがブログトップになるのだがつぶくまの場合トップページは別に用意(現状はindex.phpを編集して直接表示)しているため、別のページに飛んでからブログトップページを表示させるようにしていた。
こちらの方法は以下の記事を参考に。
□ ワードプレス(WordPress)、トップページとは別の場所で記事一覧を表示させる方法 #wp – ちほちゅう
ただし、この方法だけでは2ページ目、3ページ目に流れていった古い記事のページが表示されず、
2ページ目、3ページ目を見ても、1ページ目と全く同じインデックスしか表示されない。

スポンサーリンク
 

これは当初「query_posts」を「get_posts」に変えれば済むことだと思っていたのだが、そんな簡単には済まなかった。

いずれにしても、「query_posts」がグローバル変数を書き換えてしまっている影響で、2ページ目や3ページ目も1ページ目と同じ記事が表示されてしまっている可能性が高いのでquery_postsを使わないで記事一覧を表示させるようにする。
そのためにはトップページ用に直接編集していた「index.php」をオリジナルのテンプレート同様ブログトップのテンプレートに戻し、現在ブログトップのテンプレートになっている「blog.php」に読み込ませる必要がある。

  1. まずは、上記記事の要領でトップページを固定ページとして別に用意する。
    現在直接呼び出されているindex.phpを別のphpプログラムにして固定ページテンプレートとして保存。
    ワードプレスでブログトップページ01
    単純にindex.phpの内容をコピーしたテキストファイルをsitetop.php(任意)にでも改名してユニコードで保存。
    該当のテーマフォルダ内にアップ後、上記のようにテンプレート名をつけてあげればOK!
  2. 固定ページを作り、先ほど作ったテンプレートを適応させる。
    ワードプレスでブログトップページ02
    これが新しいトップページになる。
  3. 「設定」→「表示設定」で「フロントページの表示」を以下のように変える。
    ワードプレスでブログトップページ03
    フロントページを先ほど作った固定ページに。ここで設定ミスがあるとトップが表示されなくなってしまうので注意。
    その場合は早急に元に戻し、sitetop.php(任意)をチェックしましょう。
  4. これで「index.php」は使われなくなったので編集できるようになった。
    まずは、blog.phpのプログラム部分(get_header以下)のみindex.phpに上書き。
    ワードプレスでブログトップページ05
    その際、「query_posts( ‘post’ );」を削除する。
  5. blog.phpを以下のように修正。
    ワードプレスでブログトップページ06
    <?php
        load_template( TEMPLATEPATH . '/index.php');
    ?>

    ここに関しては以下の記事も参考に。
    □ WordPress(ワードプレス)でテンプレートにテンプレートを読み込む方法(インクルードタグ)

  6. 最後に再度、「設定」→「表示設定」に行き「投稿ページ」をブログトップページに変える。
    ワードプレスでブログトップページ04

以上。

ポイントになるのは「表示設定」の設定でトップページとブログのトップを指定してあげるところと、ブログトップページはテンプレートを直接編集せずにindex.phpを編集してそれを読み込ませるようにするところ。
これで、別ページをトップページ同様の挙動にすることでやっかいな「query_posts」を使わずに済ますことができるというわけ。

ただ、これでもまだ満足の行かない部分がある。
.html on PAGES」の影響で2ページ目、3ページ目のURL表記の途中に「.html」が入ってしまうのだ。
↓こんなかんじ。

http://tubukuma.com/blog.html/page/2

これ、なんとかなりませんかねぇ。。

参考) WordPress でトップページを静的ページにして、サブディレクトリにブログを配置する方法 – minorio のプログラミング・メモ

 - CMS, WordPress, プログラミング, 覚え書き , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
犬にキシリトールやアルコールはNG。場合によっては死亡

1年以上前の記事です。内容が古い可能性があります。以前、これの猫バージョンをやり …

no image
「モバイル版foursquare」でチェックインしてもメイヤーにはなれない

1年以上前の記事です。内容が古い可能性があります。iPhoneを解約してケータイ …

no image
ブログにFacebookの「いいね!」ボタンをつける方法【ライブドアブログ編】

1年以上前の記事です。内容が古い可能性があります。ツイッターやらブログやらで騒が …

Illustrator、Photoshopが起動しない。「コンピューターにMSVCR100.dll(MSVCR110.dll)が無いためプログラムを開始できません」の対処法

1年以上前の記事です。内容が古い可能性があります。年明け早々、自分のパソコンの「 …

no image
意外と気づかないSEO対策

1年以上前の記事です。内容が古い可能性があります。SEO対策の知識はかなり詰め込 …

no image
Safariの癖

1年以上前の記事です。内容が古い可能性があります。忘れないうちに「Safari」 …

湘南新宿ライン(赤羽⇔池袋間)は埼京線と並行して走っていない。山手線と並行して走ってた

1年以上前の記事です。内容が古い可能性があります。最近ダイヤ改正して上野東京ライ …

ドコモケータイの契約変更は「151」にダイヤル

1年以上前の記事です。内容が古い可能性があります。iモード(インターネット)で契 …

YouTube→Twitter(ツイッター)連携ダウン中?メール対応でFA

1年以上前の記事です。内容が古い可能性があります。FAってのはファイナルアンサー …

「Outlook Express」からドコモのガラケーへ電話帳データをインポート

1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)を …

血液型オヤジ