プラグインを使わないwordpressの記事一覧

 wordpressの記事一覧を更新日順に並べる方法をアップした。

 wordpressの記事一覧はいろいろなプラグインが出ていて、ネットで探しても「プラグイン」の話がほとんど。

 すごく簡単に記事一覧が作れるのになあ。

プラグインを使わないwordpressの全記事リスト・必要なもの

・空いているphpファイル

 テーマの中で使っていないphpファイルがあればそれをそのまま利用する。

 使っていないphpファイルが無ければ適当な名前でphpファイルを作って、サーバーのテンプレートの中にアップロードしておく。

 この場合テキストエディタで白紙のファイルを作って、適当な半角英数でファイル名をつけて、拡張子だけ.phpに書き換えてアップロードする。

  STINGER3には「PAGE itiran 固定ページテンプレート (page-itiran.php)」というファイルがあって、このファイルを使う。

STINGER3には「PAGE itiran 固定ページテンプレート (page-itiran.php)」を使った記事一覧

1、【外観】⇒【テーマの編集】⇒【PAGE itiran 固定ページテンプレート (page-itiran.php)】をクリック。

2、【PAGE itiran 固定ページテンプレート (page-itiran.php)」】の中身をすべて以下のコードに書き換える。

<?php
/*
Template Name:PAGE itiran
*/
?>
<?php get_header(); ?>
   <div id="container">
      <div id="content">
         <?php the_post() ?>
         <h1 class="page-title"><?php the_title(); ?></h1>
         <div class="entry-content">
         <?php the_content() ?>
        [ 全記事表示 ]
         <?php wp_get_archives("type=postbypost");?>
         </div>
      </div><!-- #content -->
   </div><!-- #container -->

<!-- END div.post -->
<?php get_footer(); ?>

 大事なのは赤い文字で書いた部分。

自分でアップロードしたphpファイルを使った記事一覧

1、【外観】⇒【テーマの編集】⇒【アップロードしたphpファイル】をクリック。

2、以下のコードを書き込む。

<?php
/*
Template Name:アップロードしたファイル名
*/
?>
<?php get_header(); ?>
   <div id="container">
      <div id="content">
         <?php the_post() ?>
         <h1 class="page-title"><?php the_title(); ?></h1>
         <div class="entry-content">
         <?php the_content() ?>
        [ 全記事表示 ]
         <?php wp_get_archives("type=postbypost");?>
         </div>
      </div><!-- #content -->
   </div><!-- #container -->

<!-- END div.post -->
<?php get_footer(); ?>

 テンプレートによっては、<?php get_footer(); ?>の前や<?php get_header(); ?>の後に<?php get_sidebar() ?>を付け加えるとうまくいく。

記事一覧を公開するには?

1、【固定ページ】⇒【新規追加】をクリック。

2、画面横に「ページ属性」【テンプレート】の選択画面があるので、「PAGE itiran」を選択。

3、タイトルをつけて、公開する。

記事一覧に更新日や公開日、要約をつけたり更新日順に表示することもできる

wordpress記事一覧に更新日、公開日、要約をつける方法はこちらを見てね

wordpressの記事一覧を更新日順に表示する方法はこちらを見てね

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

RSSボタンをスタイルシートで作ってみたよ
色コードの収得に便利な無料ソフト・ウェブカラークリエイター
noimage
スタイルシートの擬似要素after、beforeで前後に文字や画像を入れることができる
スタイルシートにコメントを入れるには?
メタデーターdescriptionsでサイトの訪問者を増やそう
GoogleWEBマスターツールの「HTMLの改善」で訪問者を増やそう
WordPressで使っていない画像を探して削除
Googleアドセンスを設置したページ読み込みパフォーマンスを向上させるための対策
WordPressのTOPとアーカイブページで記事と記事の間に広告を入れる方法
g+1ボタンを非同期に読み込んでwordpressの表示を高速化する
Googleアドセンスってなに?
FC2ブログのタイトルの下に文字を入れてみよう
description次第で検索順位が変わる・訪問者が増える
FC2ブログの好きな位置に広告やランキングを表示させる

Menu

HOME

 TOP