は、トップページやカテゴリーでの投稿記事の表示件数を、それぞれで設定できます。

元々WordPress(ワードプレス)では、表示設定で件数を設定すると、どのカテゴリーにおいても

一律にその投稿記事の表示件数が表示されますが、

このプラグイン「CustomQueryStringReloaded」

を使用すると、トップページやカテゴリーでの投稿記事の表示件数を、それぞれで設定できます。

カテゴリーごとに限らず、アーカイブやタグ別にも設定が可能です。

記事の表示順を「古い順」「新しい順」に変更する事も可能です。

ダウンロードは こちら  から　「Download and enjoy!」をクリックでダウンロードできます。

他のプラグイン同様、pluginsディレクトリにアップロードし、有効化します。

ダッシュボードの「設定」>「CQS」を開いて

「Custom Query String Reloaded」を設定します。

ヘッダー部が無く、ページメニューナビになっています。

全体的にシンプルなデザインです。

コーナー（4隅）は、丸みを帯びたレイアウトで

サイドメニューも丸み生かしたデザインです。

全体のページ横幅は若干広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さ（標準）だと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー上部にページメニューナビが付いています。

全体的にシンプルなデザインです。

コーナー（4隅）は、四角く角張ったレイアウトです。

サイドメニューも四角く、飾り気がない分すっきり感があります。

全体のページ横幅は若干広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さ（標準）だと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー部には、ページメニューナビは付いていません。

コーナー（4隅）は、丸み（曲線）のあるレイアウトでおしゃれな感じです。

全体的にシンプルなデザインですが、サイドメニューがブロック毎

に分かれたところも特徴的です。

全体のページ横幅は広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さだと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー下部にページメニューナビが付いています。

ヘッダー画像の縦幅は、少し狭目です。

全体的にシンプルなデザインです。

コーナー（4隅）は、軽い丸み（曲線）のあるレイアウトですが

ほとんど四角っぽい印象です。

全体のページ横幅は若干広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さ（標準）だと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー画像の縦幅もちょうどいい広さ（標準）です。

全体的にシンプルなデザインです。

コーナー（4隅）は、軽い丸み（曲線）のあるレイアウトです。

全体のページ横幅は若干広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さ（標準）だと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

フッターテンプレート同様に、サイドバーも複数使い分けることができます。

ページによっては、異なるサイドバーで表示させたい時などの使用法です。

sidebar.phpとsidebar-2.phpと異なるサイドバーテンプレートをアップ後

読み込みたいテンプレートに以下の様にコードを書いて使い分けます。

sidebar.phpを読み込ませるとき

<?php get_sidebar(); ?>

sidebar-2.phpを読み込ませるとき

<?php get_sidebar('2'); ?>

と書いて異なるサイドバーを使い分けます。

普通、ワードプレス全テンプレートでは、フッターテンプレートを読み込むときは

<?php get_footer(); ?>

を用いますが、 別のフッター用ファイル「footer2.php」を作成し、

それを読み込みたい場合には、 上記のコードを以下のコードに書き換えます。

<?php include (TEMPLATEPATH . ‘/footer2.php’); ?>

つまり、テンプレート毎にフッターを変えることが出来ます。

WordPress(ワードプレス)は、投稿履歴(記事のバックアップ)を自動的にデータベースに保存します。

これをリビジョンと言いますが、これはデータベースを重くしますので削除したいものです。

この削除をデータベースを開くことなく、簡単に行ってくれるプラグインが「Delete-Revision」です。

Delete-Revisionをダウンロード

他のプラグイン同様、pluginsディレクトリにアップロードし、有効化します。

「設定」＞「Delete-Revision」＞「Check Redundant Revision」 ボタンをクリックします。

リビジョン一覧の下にある青色のボタン「Yes, I would like to delete them!」

をクリックして削除出来ます。

*訂正： 実際は、データベースでは削除されていないみたいです。

データーベースにログインしての削除方法は、こちらに詳しく説明してあります。

全体的にシンプルなデザインです。

コーナー（4隅）は、軽い丸み（曲線）のあるレイアウトですが

ほとんど四角っぽい印象で、すっきり感があります。

全体のページ横幅は若干広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さ（標準）だと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー上部にページメニューナビが付いています。

全体的にシンプルなデザインですが

コーナー（4隅）の丸み（曲線）の強いレイアウトが特徴的です。

全体のページ横幅は広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さだと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー部には、ページメニューナビは付いていません。

全体的にシンプルなデザインですが、サイドメニューがブロック毎

に分かれたところが特徴的です。

全体のページ横幅は広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さだと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー下部にページメニューナビが付いています。

ヘッダーの縦幅は他と比べ狭目で、重量感と落ち着きを

感じさせるレイアウトが特徴的です。

全体のページ横幅は広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さだと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

ヘッダー上部にページメニューナビが付いています。

コーナー（4隅）の丸み（曲線）の強いレイアウトが特徴的です。

全体のページ横幅は広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さだと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

全体のページ横幅は広めの900pxです。

昨今、ワイド画面の割合も高いことから、3カラム・レイアウトでは、

妥当な広さだと思います。

ちなみに、yahooJapanのTOPページは、950pxともっと広いです。

全く異なるわけなので、まず、商品表示形式にしたいカテゴリー用の専用のテンプレート 

を作成します。 

例として、当サイトの「ワードプレス・テーマ一覧」の作成方法を記述しておきます。 

まず、管理室で「ワードプレス・テーマ一覧」というカテゴリーを作成します。 

このページのURLは、
../wp-admin/edit-tags.php?action=edit&taxonomy=category&post_type=post&tag_ID=5
と、ページIDは ’5′ です。 

ページID=5ならば、 

category-5.php　とハイフンとカテゴリIDの数字をつけてを作成します。 

*archive.phpをそのままコピーしてファイル名をcategory-5.phpとし、アップしました。 

そのファイル「category-5.php」を商品表示形式に、以下の様にカスタマイズします。 

<?php get_header(); ?>
<div>
<div style="float:right; width:240px;">
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
</div>

<div>

 <br><h2>ワードプレス・テーマご選択から完成までの概要</h2>
<div id="info_top">
<div>

 <!-- 上部メッセージループ開始 -->

<?php include('info.php') ?>
<!-- 上部メッセージループ終わり -->

</div>
</div>

</div>

<!-- プロダクト -->

<div id="product3">
 <h2>ワードプレス・テーマ一覧</h2>
<!-- 次ページへのナビ上 -->
<div>
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
</div>
<!-- 次ページへのナビ上ここまで -->  
        <?php query_posts($query_string . "&order=ASC"); ?>
 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

  <!-- エントリータイトル -->
  <div>
  <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
  <!-- エントリーの内容 -->
　　　　　　　　　　　<div align="center">（画像をクリックで拡大）</div>
  <?php the_content('詳細...'); ?>
  </div>
<?php endwhile; ?>

</div>
<!-- 次ページへのナビ下 -->
<div>
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

<?php if ($prev_link || $next_link): ?>
<div>
 <div><?php echo $next_link; ?></div>
 <div><?php echo $prev_link; ?></div>
</div>
</div>

<?php endif; ?>
<!-- 次ページへのナビ下ここまで -->  
<?php endif; ?>
</div>
</div>

<div>
<div>
</div>
</div>
<?php get_footer(); ?>

このページのスタイルシートcssは、以下

/* 上部メッセージループ部 */
#info_top{
  width: 522px;
  height:px;
  border: 1px solid #BBB;
  background-color: #F2CCCC;
  margin: 3px 0px 3px 0px;
  line-height:150%;

}

#info_top .inner{
  padding: 0px 0px 2px 5px;
}
/* テーマ一覧ページ */

#content3 h2, #product3 h2{
  margin: 0px 8px 4px 10px;
  height: 30px;
  font-size: 117%;
  font-weight: bold;
  color: #6D8A92;
  text-indent: 5px;
  line-height: 180%;
  border: 0px solid #CCC;
  display: block;
  overflow: hidden;
  background: url("images/nav2.png") no-repeat right top;
  width:540px;
  padding-top: 3px;
}

/*Product*/
#product3 {
  clear: both;
  margin: 5px 0 5px 10px;
  width:540px;
}
#product3 .box3{
  float: left;
  width: 160px;
  height: 240px;
  overflow: hidden;
  margin: 5px 3px 5px 2px;
  padding: 5px;
  border: 1px solid #CCC;
  font-size: 12px;
  text-align: left;
  line-height: 120%;
}

#product3 .box3 p{
  margin: 5px;
  font-size: 12px;
  line-height: 120%;
}

#product3 img{
  margin: 3px 0;
  border-style: none;
  text-align: center;
  width:140px;
  height:105px;
}

.art-content {
  float:left;
  width:540px;
  margin-left:10px;
  margin-right:5px;
}
.nextpage {
  margin-top:10px;
  margin-bottom:10px;
  width:520px;
  height:10px;
  text-align:left;
  margin-left:20px;
}

*ちなみに、ページナビにはこちらのプラグインを使用しています。

ワードプレスは機能が豊富ので、その使用法、カスタマイズ方法をメモしておかないと忘れてしまいます。

そのメモ内容には、タグを記述しておく場合も多くあります。

そんな時、このプラグインを使用すると、様々な言語のタグが

きれいで見やすく表示できます。

■ 導入方法は以下のように
・プラグインのダウンロードはこちら→Syntax Highlighter
・/wp-content/plugins/  にFTP等でアップロードします。
・ワードプレスの管理画面 ＞ ツール を開き、有効化します。

◎実際に表示するには、記事投稿画面にて以下のように記述します。
 
　[***]ここに表示したいコードを記述します。[/***]

(例) phpのコードを記述する場合、 *** の部分は 「php」 「/php」 のように小文字で挿入。

■ 以下が対応する言語です。  –  *** に記載する文字

C++　-　cpp, c, c++
C# c#　-　c-sharp, csharp
CSS　-　css
Delphi　-　delphi, pascal
Java　-　java
Java Script　-　js, jscript, javascript
PHP　-　php
Python　-　py, python
Ruby　-　rb, ruby, rails, ror
Sql　-　sql
VB　-　vb, vb.net
XML/HTML　-　xml, html, xhtml, xslt

function.php の最下部にそのまま

<?php
remove_action('wp_head', 'wp_generator');
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wlwmanifest_link');
?>

を挿入します。

● 一行目と五行目の ＜?php と ?＞　は入れなくても良いです。

● ちなみに

remove_action(‘wp_head’, ‘rsd_link’);　
は、iPhoneなどで投稿する時。

remove_action(‘wp_head’, ‘wlwmanifest_link’);　
は、Windows Live Writer を使ってブログ投稿する時。

に使用するとの事です。

その価格のリーズナブルな事から、

ドメインは、「ムームードメイン」

詳しくはこちら▼

サーバーは、「ロリポップサーバー」を使用しています。

詳しくはこちら▼

当社サービス、「格安！ホムペ作成スタートパック」での「ドメイン＆サーバー料金」は、

一年間の料金ですので、二年目以降の更新には、更新料金が必要となります。

ページ間のハイパーリンクなど、余りWeb作成の知識のないサイト管理者（クライアント）でも

Webブラウザ上で更新が簡単にできるという点では、ブログに似ています。

しかし、CMSは、従来のホームページの様に、固定ページを持ち、そのページ単位で

コンテンツにおけるデザイン変更が可能ですので、ブログより自由度が高く、時系列以外の

管理も可能なシステムと言うことになります。

簡単に言うなら、「ブログの手軽な機能」と「従来のホームページの機能・概観」を

合わせ持つのがCMSです。

この機能の面を、WordPress（ワードプレス）と言うオープンソースを用いることにより

CMSでのweb制作を行います。

pluginsフォルダにアップし、[プラグイン]　を開き、有効化します。これでOK。

後は、[お問い合わせ]　＞  [編集]　で Contact Form 7  を開きます。

「タグの作成」ボタンを利用して、左の「フォーム」に作成していきます。

「メール」は自分への、「メール2」は、投稿者への自動返信メールになります。

「contact-form …」コードをコピーして、投稿、ページ、またはテキストウィジェットの本文内

などフォームを表示したい所にペーストすれば良いです。

参照ページ1       参照ページ2

ヘッダー部分(画像)は無く、ページ最上部がページメニューナビになっていますので、

メインコンテンツ上部に、サイトの特徴を表す画像を持ってくるのが基本的なデザイン手法です。

全体をブラックカラー基調でまとめた、テンプレートです。

ヘッダー部分は縦に広めで、ヘッダー上部にページメニューナビは付いていません。

ヘッダー部分も標準の大きさで、ヘッダー上部にページメニューナビが付いています。

ヘッダー部分は他に比べ、縦に狭目で全体的に軽快な感じです。

ヘッダー部分にページメニューナビは付いていません。

右にサイドメニュー、左にメインコンテンツの2カラム・レイアウトのテンプレートです。

全体のページ幅は標準の800pxです。

ヘッダー部分(画像)は無く、ページ最上部がページメニューナビになっていますので、

メインコンテンツ上部に、サイトの特徴を表す画像を持ってくるのが基本的なデザイン手法です。

ヘッダー部分は縦に広めで、ヘッダー上部にページメニューナビが付いています。

ヘッダー部分は縦に広めで、ヘッダー上部にページメニューナビが付いています。

ヘッダー部分は縦に広めで、ヘッダー下部にページメニューナビが付いています。

ヘッダー部分(画像)は無く、ページ最上部がページメニューナビになっていますので、

メインコンテンツ上部に、サイトの特徴を表す画像を持ってくるのが基本的なデザイン手法です。

別のページに表示したい内容を直接記述します。

1.まず、「info.php」に以下の様に記述し、テーマ内にアップします。

<?php
/*
Template Name: インフォメーション
*/ ?>

<div id=”info”>
　　　<div>
　　　　
　　　ここに別のページに表示したい内容を記述

　　　</div>
</div>

2.実際に表示させたいテンプレートに以下を記述します。

<div id=”info_top”>
<div>
<!– インフォ内容を表示 –>
<?php include(‘info.php’) ?>
<!– インフォ内容を表示終わり –>
</div>
</div>

3、表示部分のCSSをスタイルシートに記述して、調整します。
#info_top {
width: ○○px;
height:○○px;
border: ○○px solid #○○;
background-color: #○○;
margin: ○○px ○○px ○○px ○○px;
line-height:○○%;
}
#info_top .inner {
padding: ○○px;
}

＊アドセンスコードを「info.php」に記述して、ページの映したいところに

　<?php include(‘info.php’) ?>

を挿入するなどの使い方も出来ます。

の様なページナビゲーションをワードプレス(WordPress)に設置出来るプラグインです。

こちらのサイトの「WP-PageNavi」 をダウンロードします。

他のプラグイン同様、pluginsディレクトリにアップロードし、有効化します。

次に、管理室の 「テーマ編集」 ＞ 「テンプレート」 ファイルのページナビゲーションを表示したい所に

<?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?>

のタグを挿入します。

デザインは、管理室の「設定」 ＞ 「pagenavi-css.css」 で調整します。

日本語化する人は、こちらのサイト  より WP-PageNavi2.73 日本語言語ファイル  を入手します。

ヘッダー部分の大きさも標準で、ヘッダー下部にページメニューナビが付いています。

全体をブラックカラー基調でまとめた、テンプレートです。

ヘッダー部分の大きさも標準で、ヘッダー上部にページメニューナビが付いています。

全体をブラックカラー基調でまとめた、クールなテンプレートです。

ヘッダー部分の大きさも標準で、ヘッダー部分にページメニューナビはなく、

本当にシンプルでスタンダードなテンプレートです。

ヘッダー部分(画像)は無く、ページ最上部がページメニューナビになっていますので、

メインコンテンツ上部に、サイトの特徴を表す画像を持ってくるのが基本的なデザイン手法です。

ヘッダー部分は標準の広さで、ヘッダー上部にページメニューナビが入っています。

ヘッダー部分は縦に広めで、ヘッダー上部にページメニューナビが付いています。

ヘッダー部分は縦に広めで、ヘッダー下部にページメニューナビが付いています。

サイドメニューのカスタマイズを管理室の [外観] ＞ [ウィジェット] で行う。

例えば、サイドメニューに「ページに関するナビ」を挿入したい場合、

[ウィジェット] ページの左側[利用できるウィジェット] 中の[ページ]を、

右側の[サイドバー] にドラッグ＆ドロップで挿入する。

それだけで、サイドメニューに[ページ]に関するナビ表示が出来上がります。

カスタムメニューの作成を管理室の [外観] ＞ [メニュー] で行う。

2.カスタムメニューを作成してのサイドメニューのカスタマイズ

 ページ右側で、 「メニューの名前」 を記入し、カスタムメニューを作っていきます。
(トップレベルのページを自動的に追加するにはチェックを入れない)

ページ左側に並んでいる「カスタムリンク」「ページ」「カテゴリー」の中から、その枠組みに関係なく、

カスタムメニューに加えたいモノにチェックを入れて、[メニューに追加]をクリックすると、

右のカスタムメニューにカテゴリーとして加わりますので、[メニューを保存]をクリックします。

以上で出来上がります。

カスタムメニューは、同じ要領で、いくらでも作成できます。

次に、 [外観] ＞ [ウィジェット]　に戻り、

[ウィジェット] ページの左側[利用できるウィジェット] 中の[カスタムメニュー]を、

右側の[サイドバー] にドラッグ＆ドロップで挿入して出来上がりです。

カスタムメニューは、ページやカテゴリーの枠組みを越えて

自由にメニューのカスタマイズが出来ます。

また、プラグインを追加することなく、メニューにおける表示順も入れ替えることが出来ます。

ページ個別にmeta description、keywordsを挿入することができるプラグインです。

ダウンロードは、コリス　さんから

1. 「add-meta-tags-JP」をプラグインフォルダ(/wp-content/pluguins)にアップロードします。

2. [管理画面] – [プラグイン]画面で、「Add Meta Tags -Japanese Edition」を「有効化」します。

3. [ページ]画面の[カスタムフィールド]の左の名前欄に[description]と記入し、

右の値欄に紹介文を記入します。

4. [カスタムフィールドを追加]し、左の名前欄に[keyword]と記入し、右の値欄にキーワードを

コンマ,で区切り記入します。

ほぼ同じ要領で、ページ毎にmeta description、keywordsを挿入することができます。

ダウンロード – Enhancing CSS

このプラグインを使用することで、テーマ中の元のCSS（スタイルシート）に直接追加で

書き込んだりすること無く、別のCSS（スタイルシート）の作成・追加できます。

参照：http://firegoby.theta.ne.jp/wp/enhancingcss

FTPなどでpluginsフォルダーにインストール　＞　管理室の「プラグイン」を開き、有効化。

使用は、「外観」の拡張CSSを開く

ビジュアルエディターにスタイルを適用する。にチェックを入れる。

ここで記入し、保存したスタイルシートは、ページに反映される。