さて。

私達が御利用をお勧めしておりますオープンソースWordPress。
参考URL
オープンソースカンファレンス http://www.ospn.jp/
WordPress日本語 http://ja.wordpress.org/

オンライン上でブラウザを通し、サイト全体の運用、更新が手軽に出来てしまう非常に便利なソフトウェアでありますが、使い心地はいかがでございますでしょうか。

• WEB初心者だからやはり運用は難しい。
• 勉強会があれば参加してみたい。
• もっと適切な運用方法があれば知りたい。

などなど、いろいろなご意見があると思います。

そこで、今日は、そのWordPressに関しますイベントをご紹介させて頂きます。

私達の地元「名古屋」にて、2011年8月27日 (土)に、WordBeach ~ WordCamp Nagoya 2011が開催されるとのことです。

• 1.「WordPressを知り理解を深めよう」をテーマにした勉強会セッション
• 2.「WordPressユーザーと親睦を深めよう！」をテーマにした親睦会
• 3.「夏を満喫しつつ、WordPressをディープに愉しもう」をテーマにした懇親会&宿泊

* どなたでも参加できます。
* 1の勉強会は、参加費用無料です。
* 事前登録制、定員が限定されております。

親睦会および親睦会&宿泊は有料ですが非常に低めの価格設定になっておりました。

WordPressを、もっと身近に、そしてお仲間の方々と交流を深められる絶好の機会でもあると思います。
興味のある方は、是非、WordBeach ~ WordCamp Nagoya 2011公式サイトへお立ち寄りください。

また、イベント参加をご希望の方は、WordBeach ~ WordCamp Nagoya 2011にて既に、参加登録の受け付けを開始されています。
定員設定があるようですので、ご希望の方はお早めにお申し込みくださいませ。

* ページ上部の「参加登録」をクリック、ユーザー名、メールアドレス入力後、登録ボタンをクリックして会員登録をします。
* メールに記載されているパスワードでログインが可能になります。
* 管理画面へログイン後、上記3種類ございますイベントの中でご参加希望のものにチェックを入れます。 (3つ全てでも1つでも問題はございません)
* 必要事項入力後、プロフィールを更新をクリックして参加申し込み申請完了となります。

また、今回のイベントを開催されるWordBench名古屋様は、ほぼ毎月のように名古屋を中心に無料参加型勉強会や親睦会を開催されています。

予定されている勉強会の詳細につきましては、WordBench名古屋様公式サイトにてご確認ください。

それでは、本日もみなさまにとっての良い1日となりますように。

大変勝手ながら、2010年12月23日(祝)～2011年1月6日(木)までの期間を年末年始休業日とさせて頂きます。
つきましては、営業時間を下記の取り扱いにさせて頂きます。
お客様には大変ご迷惑をお掛け致しますが何卒ご了承下さいますようお願い申し上げます。

新規案件受け付け終了日は、2010年12月22日(水) 17：00迄とさせて頂きます。
新規案件受け付け再開日は、2011年1月7日(金) 10：00からとなります。

休業期間中に頂いた一部申請やお問合わせへの返信は2011年1月7日(金)の営業開始日以降になります。

ご理解、ご協力のほど、よろしくお願い申し上げます。

“カテゴリ名”に含まれる投稿をすべて表示

のように表示されてしまう。
この「に含まれる投稿をすべて表示」の一文を消したいと思い、カスタマイズを試みた。

まず、投稿記事のカテゴリ追加のところで、「名前」「スラッグ」「親」「説明」の全ての項目を入力しているのにも関わらず、カテゴリーの編集と自動挿入されてしまうため、ja.po、ja.moファイルを確認。
「View all posts filed under %s」が、「%s に含まれる投稿をすべて表示」と翻訳されているを見つけ、「View all posts filed under %s」をDWで検索。
wp-includes/category-template.php
に上記記述があるのを発見。

調べたところ、WordPressのコアファイルを編集しなければいけない模様。
WordPressのバージョンUPの際、ファイルが上書きされてしまうため、ここに覚書をする。

wp-includesフォルダ内にあるcategory-template.phpを開く。

WordPressのバージョンが3.1.1の場合、837行目あたりに、

			$link .= 'title="' . esc_attr( sprintf(__( 'View all posts filed under %s' ), $cat_name) ) . '"';

という記述がある。これを下記のように修正。

			$link .= 'title="' . esc_attr( sprintf($cat_name) ) . '"';

これで、リンクタグの部分が、title=”カテゴリ名”のように表示されるようになり、オンマウスで、カテゴリ名がタイトルとして表示されるようになる。
念の為、バックアップをとっておいてから作業をすることを推奨します。
正規記述をコメントアウトして、その直下に修正コードを追加してもよいと思われます。

また、カテゴリをリスト表示し、さらにFEED画像を表示している場合も、「%s に含まれるすべての投稿のフィード」とHTMLコードに記述されてしまう。
これは、同じcategory-template.phpファイルの852行目に、

				$alt = ' alt="' . sprintf(__( 'Feed for all posts filed under %s' ), $cat_name ) . '"';

が記述されているのが原因。
これも同じように編集を加える必要がある。

WordPress3.0以降のバージョンに入っているデフォルトテーマTwentyTenは、WordPress3.0のバージョンアップによって実装された関数が使われているため、バージョン3.0未満のWordPressでは動作しない。

【デフォルトテーマTwentyTenのファイル構成】

• images/
• languages/
• ja.mo
• ja.po
• twentyten.pot
• editor-style.css (投稿する際差分を埋める役割があるためプレビューを多用しなくて済む)
• editor-style-rtl.css
• rtl.css
• style.css
• 404.php
• archive.php
• attachment.php
• author.php
• category.php
• comments.php
• footer.php
• functions.php
• header.php
• index.php
• loop.php (旧デフォルトテーマindex.phpや、archive.phpのループ部分を切り取ったファイル)
• onecolumn-page.php (デフォルトの2カラムではなくサイドバーなしのテンプレート)
• page.php
• search.php
• sidebar.php
• sidebar-footer.php
• single.php
• tag.php
• screenshot.png
• lisence.txt

【主な変更点】

index.phpや、archive.phpの中身を見ると

<?php get_template_part( 'loop', 'index' ) ?>

や

<?php get_template_part( 'loop', 'archive' ) ?>

などの記述があることが確認できる。

例えば、index.phpの場合、

loop-index.phpというファイルがあれば、それを優先して関数の位置に表示し、loop-index.phpがなければ、loop.phpを読み込んでくれる。

archive.phpの場合も同様で、

loop-archive.phpというファイルがあれば、それを優先して関数の位置に表示し、loop-archive.phpがなければ、loop.phpを読み込んでくれる。

index.php、archive.php、以外にも、

• category.php
• tag.php
• author.php
• search.php

に同様の仕組みが施されている。

子テーマでloop.phpを使用する場合、親テーマがtwentyten、子テーマがtwentytenchildだった場合、

• 1.wp-content/themes/twentytenchild/loop-index.php
• 2.wp-content/themes/twentytenchild/loop.php
• 3.wp-content/themes/twentyten/loop-index.php
• 4.wp-content/themes/twentyten/loop.php

の順にファイルを探し見つかったファイルを優先的に表示し、見つからなければ、スルーしloop.phpを読み込みます。

【TwentyTen独自の関数】

twentyten_posted_on()

その記事の投稿日と投稿者を表示する

twentyten_posted_in()

その記事が属するタグやカテゴリーを表示する

twentyten_continue_reading_link()

記事の抜粋(excerpt)時に、"もっと読む"等の文章を挿入する

デフォルトテーマTwentyTenを直接編集するのではなく、TwentyTenのダミーをあらかじめ作っておき、編集することをお勧めします。

WordPressのバージョンアップの際、TwentyTenで行った編集内容が全て上書きされてしまいます。

タグ付けをしていない場合でも、タグ、カテゴリー、タイトル、本文の中から関連度を抽出し、自動的に関連記事を表示してくれるプラグインが、「Yet Another Related Posts Plugin」。

「Similar Posts」も、上記にある「Yet Another Related Posts Plugin」と同様の機能を持ち合わせているが、
・日本語化されていない点
・WordPress2.6のバージョンまでしかサポートされていない点
から、Yet Another Related Posts Pluginのほうが有効だと思います。

WordPressの管理画面の「プラグイン 新規追加」から、Yet Another Related Posts Pluginを検索しインストールを実行。

Yet Another Related Posts Pluginのインストールが完了すると、
「yarpp のテンプレートファイルを現在使用のテーマのフォルダに移しましょう。」と表示されるため、FFFTPなどを使って、
/wp-content/plugins/yet-another-related-posts-plugin/yarpp-templates
にアクセスし、そこにある全てのPHPファイルをいったんダウンロード。

ダウンロードしたファイル群を現在利用しているテーマフォルダの中にアップロード。
/wp-content/themes/利用中のテーマフォルダ名

インストールが完了すると、WordPressの管理画面の左サイドバーに、「関連記事 (YARPP) 設定」というメニューが追加される。

関連スコア設定では、デフォルトで、表示する最低関連スコアが5、タイトル、タグ、内容、カテゴリが検討するになっているが、記事数が少ない場合は、「表示する最低関連スコア」の数値を下げるといい。

デフォルトで過去の記事だけを表示にチェックがついているが、これも、過去記事を含めて関連記事を表示させたい場合にはチェックを外す。

表示用(ウェブサイト用)の項目では、さきほど、テーマフォルダにアップロードしたテンプレートを使って関連記事を表示するか否かの設定ができる「テンプレートを使って表示」という項目がある。
用意されているテンプレートの中には、ランダム表示するものや、リスト表示するものなど、いくつかの種類に分けられているため、好みに合わせてテンプレートを選択する。

もちろん、Yet Another Related Postsで用意されているテンプレートは使用が必須となっているわけではないため、必要でなければテンプレートを選択する必要はない。

そのほか、表示用(RSS/Atomフォード)などの表示設定も行える。
必要に応じて、さまざまな個所を設定し直してください。

Random Imageというプラグインを使えば、投稿中の画像がWordPressのメディアライブラリに登録されていなくても(つまり、WordPressのあるサーバー以外の画像を投稿中に含んでいる場合)、サムネイルを表示することはできるが、極力プラグインを使わずにサムネイル表示を実現させたいと思い、下記のようにカスタマイズを施した。

まず、functions.phpに、下記のコードを記述。

function catch_that_image() {

    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);

    $first_img = $matches [1] [0];

    if(empty($first_img)){ //Defines a default image
        $first_img = "/images/default.jpg";
    }
    return $first_img;
}

/images/default.jpgは、投稿中に画像がなかった場合に、ダミーとして表示してくれる画像のある場所(階層)を示す。default.jpgのある階層が異なる場合は、必要に応じてディレクトリ名を編集し、画像ファイル名が異なる場合も画像名を編集してください。

次に、アーカイブのページにおいても、投稿中の画像のサムネイルを表示させたいため、archive.phpのサムネイルを表示したい場所に、下記のコードを記述。

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><img src="<?php echo catch_that_image(); ?>" width="80″ height="80″ alt="<?php the_title(); ?>" /></a>

上記は、サムネイル表示した画像に、投稿ページへのリンクが貼ってあるが、そのリンクが不要な場合は、

<img src="<?php echo catch_that_image(); ?>" width="80" height="80" alt="<?php the_title(); ?>" />

とし、<a>タグを削除する。

トップページのサイドバー等に、最新の投稿一覧を表示する場合、サムネイル画像も同時に表示させたい場合は、

<ul>
<?php
$myposts = get_posts('numberposts=5');
foreach($myposts as $post) :
?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><img src="<?php echo catch_that_image(); ?>" width="80" height="80" alt="<?php the_title(); ?>" /></a>
<div class="text"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br />
<?php the_time('Y/n/j'); ?>
</li>
<?php endforeach; ?>
</ul>

と記述する。

functions.phpを編集する際、記述する場所を誤ると、テーマの編集画面が真っ白になったり、エラーを返したりするので、編集する際は、必ず事前にバックアップをとっておくなどして、慎重に作業をしてください。

また、archive.phpや、sidebar.phpを編集する際にも、バックアップをとっておくことをおすすめします。

アーカイブのページで役に立つ、ページ送りをするナビゲーションを自動的に生成してくれる「WP-pagenavi」。

WordPressを使い始めた当初は、このプラグインを使って、次へのページ、および、前のページへのページ送りをしていたが、プラグインは必要最低限のものに絞りたいということで、プラグインを使わずにナビゲーション機能が使えるようにした。

functions.phpに下記のコードを記述。

//page navi
function bmPageNavi() {
global $wp_rewrite;
global $wp_query;
global $paged;
$paginate_base = get_pagenum_link(1);
if(($wp_query->max_num_pages) > 1):
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
$paginate_format = '';
$paginate_base = add_query_arg('paged', '%#%');
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
user_trailingslashit('page/%#%/', 'paged');;
$paginate_base .= '%_%';
}
$result = paginate_links( array(
'base' => $paginate_base,
'format' => $paginate_format,
'total' => $wp_query->max_num_pages,
'mid_size' => 5,
'current' => ($paged ? $paged : 1),
));
echo '
<ul class="pageNav">'."\n
	<li>".$result."</li>
\n</ul>
\n";
endif;
}

記述する場所を誤ると、テーマの編集画面が真っ白になったりエラーを返したりするので、事前にfunctions.phpのバックアップをとるなどして慎重に作業をしてください。

archive.phpの下記該当箇所

<div> <div><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')); ?></div> <div><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')); ?></div> </div>

となっている部分を、

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

と修正。

ここで1つ気をつけておきたいのが、WordPressの管理画面「設定」タブの中にある「パーマリンク設定」が、

/%postname%/

や、

/%category%/%post_id%/

などとなっていると、正常にページ送りできなくなります。

一番望ましいパーマリンクは、/%post_id%/だと考えられます。

functions.php、および、archive.phpの任意の場所に、上記に示したコードを記述し、パーマリンクの設定にも問題がなければ、下記のようなページナビゲーションが表示されます。

1 2 3 4 5 6 7 8 9 次へ

上記は、あくまで見た目のサンプルです。
実際に稼働しているページは、http://b-cures.jp/information/になります。
スタイルシートでカラーやデコレーションを指定できるので、お好みに合わせてstyle.cssを編集してください。

ビジネスブログ設置

WordPressのテーマを、ブログには見えない、まるでホームページの一部のコンテンツのように、ブログデザイン(テーマ)を制作致します。

WordPressは、近年、利用者の需要が非常に伸びており、オンライン上で簡単に、リアルタイムな更新ができるということで注目を集めているプログラムです。

ビジネスブログを簡単に始めるのであれば、WordPressの導入を推奨致します。

WordPressは、ビジネスブログとしても利用できますが、トップページから、中のページやカテゴリまで全てをWordPress化することもできます。

WordPressをまだ導入しておらず、静的HTMLにて、手動でホームページの更新をしている方は、この機会にWordPressへの御乗り換えを、ぜひ、ご検討くださいませ。

先日は2件、今回は2件です。

ビーキュアズにてホームページを制作頂いたユーザー様には、本当に温かく接して頂いております。

この場を借りて、ユーザー様への感謝の気持ちを伝えるのと同時に、ユーザー様が運営するサイトを紹介させて頂くことで、ビーキュアズ代表である私からのお礼を申し上げます。

人伝いでビーキュアズを紹介された方、ビーキュアズのホームページを見てホームページの制作をと依頼された方など、たくさんのユーザー様にお声をかけて頂いております。

ビーキュアズは、4人のメンバーで構成されているチームです。

4人で一丸となって、今後も変わらず、ユーザー様にコストがかからないサイト運営を実現する「WordPress」でのサイト構築の提案と、そのカスタマイズなどのご相談に対応し、日々、精進してまいります。

新規にホームページ制作のご依頼がありましたら、都度、アップしてまいります。

最新のホームページ制作実績は、
http://b-cures.jp/jisseki/
こちらをご覧くださいませ。