2008.04.12

Guestbookの設置 Paged Comments Plugin

小粋空間さんの「Guestbookの設置」手順に従って設置を行います。

(1)KEYVANサイトさんよりVersion 2.6.4 (2007-07-31) (zip file) をダウンロードしました。
「paged-comments」ホルダに
paged-comments-config-sample.phpファイル
paged-comments.phpファイル
languagesホルダ
themesホルダ
readme.txt
の5点が格納されています。

(2)解凍したpaged-commentsホルダ直下のpaged-comments-config-sample.php をpaged-comments-config.php にリネームします。

(3)paged-comments-config.phppaged-comments.phpをplugins ディレクトリにアップロードします。

注:僕の場合はpaged-commentsホルダからlanguagesホルダ、themesホルダ、readme.txtを削除しpaged-commentsホルダの中身はpaged-comments-config.phppaged-comments.phpのみとしてpaged-commentsホルダ自体をplugins ディレクトリにアップロードしました。

(4)また同梱されている themesホルダ配下にある、いずれかの comments-paged.php を現在利用中のテーマディレクトリ内に配置します。

注:僕の場合は不具合があり訳も解らないのにcomments-paged.phpは削除しています。comments-paged.phpにはなにか役割があるのでしょうか?

(5)このサイトの場合使用テーマがkoikikukan3なので小粋空間さんのguestbook.php をダウンロードし現在利用中のテーマディレクトリ内に配置します。

これで準備が出来ました。プラグイン画面でPaged Comments Pluginを有効化します。

次に、管理メニューより[投稿]-[ページ作成]をクリックしページ作成でタイトルはGuestbook、記事投稿欄にコメントをお願いします!等を適当に書き込んでもいいでしょう、下の「ページテンプレート」にて [Guest Book] を選択、公開ボタンをクリックします。

Guestbookの設置が出来ました。

ここで使用したテンプレートguestbook.phpはテンプレートpage.phpを改造したものです。
まずはpage.phpを複製し、guestbook.phpという名前を付け保存、ファイル先頭行に以下を書き込みアップロードします。

<?php
/*
Template Name: Guest Book
*/
?>

自分のサイトをブラウザで開き管理画面からテーマエディターを開くと右サイドバーにGuest Bookの表示があるのでクリックし開きguestbook.phpファイルの編集をおこないます。

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php endwhile; endif; ?>
の間の行を削除そこに以下を書き込みます。

<?php comments_template(); ?>

以上を書き込み保存します。

2008.04.11

トラックバックURL表示欄

Guestbookを作成したらトラックバックURL表示欄もGuestbookに作成されてしまった、これはテーマkoikikuukan3ではcomments.phpにトラックバックURL表示欄のコードが記述されていたからなのでcomments.phpにあった以下のコードを

<!– トラックバックはここ! –>
<h3 class="comments-head">Trackback URL</h3>

<!– トラックバックURL –>
<input type="text" value="<?php trackback_url(true); ?>" size="60" readonly="readonly" id="trackbackurl" tabindex="1" accesskey="t" onfocus="this.select()" />

single.phpに移動して単一記事のページにはトラックバックURL表示欄が表示され、Guestbookには表示されないようにしました。

中央カラムに「お知らせ」を表示する

小粋空間さんの記事に『中央カラムに「ニュース」「お知らせ」を表示する』というのがありました。

最近の自分の状況などを書けばサイトを訪れて下さった方に、より親しみを持って頂けるかと思い設置する事にしました。

僕の場合はインデックスページへの表示だけで良いかと、「テンプレートモジュール」にする作業はしていません。(最も良く判らなかったからという事が大方でしょうか?)

僕の場合は「お知らせ」というほどのものも無いので「最近の情報」という事でstyle.cssに以下を設置。

/* ニュースへっだー */
.news {
border: solid 1px #808080;
padding: 0px 10px 0px 10px;/* */
}
.news-header {
color: #444444;
font-size: 12px;
font-weight: bold;
border: solid 1px #808080;/* お知らせ部分のみの囲み */
background: #f6f6f6;
}
.news-content {
}
<

index.phpには以下青い部分を設置(黒い文字部は位置関係を現します。)して実現しています。

<div class="blog">
<!–にゅーすへっだー –>
<div class="entry">
<div class="news">
<p class="news-header">●最近の情報</p>
<p class="news-content">WordPress Japan 閉鎖に伴い<a href="http://ja.wordpress.org/">WordPress日本語</a>に移行すべく奮闘中です。</p>
</div>
</div>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

2008.04.10

Page表示メニューをヘッダーの下に移動

テーマkoikikukan3のサイドバーにあるPage表示メニューをWerdPress MeのテーマEasyAll 1.0ののPageメニューのようにヘッダー下に設置する。
style.cssの適当な位置に以下を記述します。

#navcontainer ul {
padding: 0;
margin: 0;
background: #5F707A;
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
float: left;
width: 100%;/* ナビの横幅760pxを変更 */
font: 13px Osaka, Verdana, sans-serif;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li.page_item a {
padding: 5px 14px 5px 14px;
background: #9C9D95;
color: #ffffff;
text-decoration: none;
font-weight: bold;
float: left;
border-right: 1px solid #FFFFFF;
}
#navcontainer ul li.page_item a:hover {
color: #FFFFFF;
background: #C9C0B0;
}
#navcontainer ul li.current_page_item a {
padding: 5px 14px 5px 14px;
background: #C9C0B0;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #DFDFDF;
}
#navcontainer ul li.current_page_item a:hover {
background: #6F6F6F;
}

次にheader.phpの下方設置位置に以下のHTMLを記述します。

<div id="navcontainer">
<ul>
<?php wp_list_pages(’title_li=’); ?>
</ul>
</div>

これでヘッダー下にPage表示メニューの設置が出来ました。

しかし、この状態でカテゴリーを追加すると追加したカテゴリーが全てヘッダー下のナビゲーションメニューに表示されてしまいます。
これを回避するために

<div id="navcontainer">
<ul>
<?php wp_list_pages(’exclude=○,○&title_li=’); ?>
</ul>
</div>

のようにexclude=○,○を挿入し○,○にはカテゴリーリストページ夫々のidを書き込みナビゲーションメニューの表示から削除しました。

2008.04.09

テーマkoikikukan3にログインリンクの追加

テーマkoikikukan3にはサイト管理、ログアウトといったメタの部分が無いのです。
もし、ログアウトしてしまった時には困るのでは無いかと思い管理画面に入るも出るにも困るので取りあえずデフォルトテーマのEasyALLのSideber.phpのメタ情報のところあたりからそれらしいコードの部分をコピペして貼付けてみました。

でも、管理画面からログアウトなんてしないので必要ないかも?

<!–めた –>
<li><h2><?php _e(’Meta’); ?></h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<?php wp_meta(); ?>
</ul>
</li>