導入は簡単で
Contact Form 7をダウンロード
↓
プラグインフォルダwp-content/wp-plugins/内に一式アップ。
↓
管理画面「プラグイン」にContact Form 7が表示されますので、使用するをクリック。
↓
Contact Form 7編集画面でフォーム項目を編集し、フォームを表示させたいページに
コードを追加すればＯＫです。
詳しい情報はかちびと.netさんの
WordPressプラグインContact Form 7のメールフォームのデザインカスタマイズ
という記事で紹介されています。
これで簡易ＨＰは簡単に制作できてしまいます。
あとはスパム対策やもろもろ細かい設定なども対応したほうが良いですね。
wordpressは使いやすくてはまってしまいました。
]]>投稿記事をＸＭＬファイルに書き出して、FLASHコンテンツ等によみこませれば、
様々な運用と表現が可能になります。
そしてこれは
jungle gym :: designer's monologueさんの記事
「WordPressで出力したXMLをFlashで表示してみる備忘録 : その1」
5ive.blogさんの記事
「WordPressでFlash用に複数のxmlを出力する方法」
がとても参考になりました。
大枠の流れは以下の通りです。
使用中のwordpressテーマフォルダ内にＸＭＬ出力用のphpファイルをアップします。ファイル名はなんでもＯＫですが今回はinfoxml.phpとします。
このファイルで書き出すＸＭＬを指定します。
・日付
・タイトル
・本文
・パーマリンク
を書き出す一例は下記となります。
<?php header('Content-Type: text/xml; charset='.get_option('blog_charset'), true); ?>
<?php /*
Template Name: infoXML
*/ ?>
<?php echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.'>'; ?>
<info>
<?php query_posts("posts_per_page=5&category_name='news'"); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<topic>
<date><?php echo get_post_time('Y-m-d', true); ?></date>
<?php the_category_rss(); ?>
<url><?php the_permalink() ?></url>
<title><?php the_title_rss(); ?></title>
<description><![CDATA[<?php the_excerpt_rss(); ?>]]></description>
</topic>
<?php endwhile; endif; ?>
</info>
ファイルが完成したら使用中のテーマフォルダ内へアップロードします。
その後、コンパネの「外観」→「編集」からテーマの編集画面を開き、テンプレート一覧に「infoxml.php」が表示されていればＯＫです。
次に「ページ」→「新規追加」でページを追加します。
そのタイトルを「infoXML」とします。
そしてページテンプレートを「デフォルトテンプレート」から「infoXML」と変更します。
これで公開処理後、再びinfoXMLページ編集にアクセスするとパーマリンクが表示されていますので、そのＵＲＬにアクセスしてＸＭＬ出力を確認します。
問題なければＯＫです。
あとはFLASH側でXMLを読みこませます。これはアクションスクリプトやネット上のサンプルデータを利用すれば比較的容易に設定可能です。
以上で「デザインカスタマイズ〜更新情報のＸＭＬ出力」まで準備完了です。
次はwordpressプラグインの「Contact Form 7」を利用したお問い合わせフォーム制作ステップへ入ります。
]]>基本的に制作したHTMLテンプレートを組み込むだけでＯＫです。
ＣＭＳツールでよくある構成で、１枚のＨＴＭＬを２分割して
下記テンプレートへ記述します。
※外観→編集→テンプレート一覧から
ヘッダー (header.php)
フッター (footer.php)
また必要に応じて、他テンプレートも修正します。
ページテンプレート (page.php)
メインインデックスのテンプレート (index.php)
単一記事の投稿 (single.php)
など・・・。
上記の組み込みが完了すれば、表示側としての整形はほぼ完了です。
]]>次に動的な表示を制御するテンプレートタグの組み込みを行います。
ページ構成に応じて必要なタグを組み込んでいきます。
「Ａページにはこのメニュー」「Ｂページにはバナー表示」等といった条件分岐や
記事リスト表示など。
ちなみに条件分岐は下記イメージです。
--------------------------------------
homeには「お知らせ」を表示。
page_id=8には「お問い合わせ」を表示。
以外のページには「その他」を表示。
--------------------------------------
<?php if (is_home()) { ?>
お知らせ
<?php } else if (is_page(8)) { ?>
「お問い合わせ」
<?php } else { ?>
「その他」
<?php } ?>
その他、各種便利なテンプレートタグは以下で掲載されていますので、必要なタグを追加します。
表示と動作確認を行い問題なければ作業完了です。
■テンプレートタグ一覧
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0
これでwordpressの表示設定は完了となります。
次は更新情報を自由に加工、表示するために記事情報をＸＭＬファイルへ書き出すステップへ入ります。
]]>●１．まずサイトコーディングを通常通り行います。wordpressで構築するページも後でwordpressにデザインを組み込む為、テンプレートとして制作しておきます。
●２．サイトコーディングが完了したら、wordpressをサーバーへインストールします。
利用サーバーにより、インストールガイドがあったりしますので、マニュアルにそって作業すれば問題ありません。ちなみに今回利用したサーバーは「さくらのレンタルサーバー」です。
http://www.sakura.ne.jp/
下記ページの様にインストールマニュアルがあるので便利です。
http://support.sakura.ad.jp/support/manual/rs/wp_man.shtml
インストールが完了したら、wordpressの初期設定を行いカスタマイズに入ります。
●無料SEOツール｜ピタゴラス
http://www.pythagoras.bz/
基本機能だけの利用は無料ですが、月額有料版はページ単位でのアクセス解析やバナー広告の非表示選択など、機能も豊富ですので、デジタルブックをお考えの方は一度試しに使ってみるといいですよ。
電子ブック配信サービス mixPaper | ミックスペーパー
http://mixpaper.jp/
そんな時、専用のオイルやパウダーを使用する方法もありますが、簡易的にすぐ対応できるのはフィルムの膜面を逆にしてスキャンする方法です。
簡易スキャンであればこれで問題無いかなと思いますが、
色調がかわる場合があるので色調補正は必須かもです。
]]>動かない・・・。ためしに他のファイルに組み込むと動く・・・。
何が違うんだろうとしばらく格闘し、ついにギブアップでシステムの方へ泣きついたところ原因が判明しました！
]]> 「ファイルのBOMにチェックがはいってるよ！」との指摘が。
これを外したら無事動きました。
いつのまについてしまったのかなぁ。各エディタの初期設定も見直さなきゃです。
BOMについて詳しくはこちらで。
]]>実際にサイト上のデザインには関係ない部分とはいえ、ブックマーク時等、素敵なファビコンがあると目にとまりますよね。
]]> 16px×16ｐｘの画像を制作したら下記サイトでicon形式に変換しましょう。
あとは表示したいファイルにファビコン表示の記述を追記するか、Apach等、サーバー側の設定で表示させてあげましょう。
●アイコン（icon）変換ツール - Favicon Converter
※画像形式はPNG、GIF、JPEG、JPEG-2000、BMP、PSD、PDF、DPX、Postscript、SVG、TIFFなどに対応。
また詳しいファビコンの設置方法は下記サイトで説明されております。
]]>
]]> ●The Search RSS Mix
ひとつ前の記事で紹介しましたRSSリーダー「ai-Ticker (アイティッカー)」と組み合わせるのも簡単で便利です。
]]>