‘初心者向け’ タグのついている投稿

ブログのRSSを取得して表示(試作)

2011年3月2日 水曜日

トップページに記事タイトルのリストだけ表示させる場合。
任意の場所に以下を記述。

サイドバーなどに数件程度表示する場合を想定。
かなり乱暴な記述のため、後日改善する予定。

<?php //ここからRSS取得
include_once(ABSPATH . WPINC . '/rss.php');//WP固有

//RSSのキャッシュ設定
define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');//出力エンコード
define('MAGPIE_CACHE_DIR', './cache');//キャッシュディレクトリ
define('MAGPIE_FETCH_TIME_OUT', 30); //タイムアウトまでの時間
define('MAGPIE_CACHE_AGE', 60*60); // キャッシュ更新の時間(秒)。この場合1時間

// ブログRSSのURL 複数ok
$blog_rss_arr = array(
	'AブログRSSのURL',
	'BブログRSSのURL',
	'CブログRSSのURL'
);

$num = 4;// 表示件数
//日本語曜日配列 $weekday[date('w' , $blog_date)]の形で利用
$weekday = array( '日', '月', '火', '水', '木', '金', '土' );
$blog_html = '';
$count = 0;

foreach($blog_rss_arr as $url) {
	$rss = fetch_rss($url);
	if(!$rss) {//RSS取得に失敗
		echo "記事が取得できませんでした。";
		break;
	}
	/*$rss->channelに含まれる情報一覧["title"]
	$rss->channel["title"]→ブログのタイトル
	$rss->channel["link"]→ブログURL
	$rss->channel["description"]→ブログの要約
	$rss->channel["language"]→言語("ja" )
	$rss->channel["tagline"]→スローガンなど
	*/
	?>
<p><a href="<?php echo $rss->channel["link"];?>"
title="<?php echo $rss->channel["description"];?>" target="_blank">
&raquo;<?php echo $rss->channel["title"];?> </a></p>
<ul>
<?php
	foreach($rss->items as $blog) {
		/*$rss->itemsに含まれる情報一覧
		$blog['title']→記事タイトル
		$blog['description']→要約(要エスケープ)
		$blog['link']→URL
		$blog['pubdate']→日付(Tue, 01 Mar 2011 09:23:51 +0900)
		$blog['summary']→要約と通常同じ(要エスケープ)
		*/
		// PR記事を除外
		if(!preg_match("/^PR:/",$blog['title'])) {
			$blog_date  = strtotime($blog['pubdate']);
			$out_item_date = date('Y.n.j' , $blog_date).'('.$weekday[date('w' , $blog_date)].')';
			//ここで出力用に整形
			//strip_tags($blog['description'])→タグを除去した要約
			$blog_html .=  '<li><dl><dt class="day">'.$out_item_date.'</dt>
<dd class="sentence">
<a href="'.$blog['link'].'" title="'.strip_tags($blog['description']).'" target="_blank">'.$blog['title'].'</a>
</dd></dl></li>
';
			$count ++;
			if($count === $num) { break;}//指定の数だけ取得してbreak
		}
	}
	echo $blog_html;//整形済みのブログ記事タイトルのリストを出力?>
</ul><?php
}?>

出力は以下。

<p><a href="ブログAのURL" title="ブログAの要約" target="_blank">&raquo;ブログAのタイトル</a></p>
<ul>
<li><dl><dt class="day">2011.3.2(水曜日)</dt>
<dd class="sentence">
<a href="ブログ記事のURL" title="ブログ記事の要約" target="_blank">ブログ記事のタイトル</a>
</dd></dl></li>
<p><a href="ブログBのURL" title="ブログBの要約" target="_blank">&raquo;ブログBのタイトル</a></p>
<ul>
<li><dl><dt class="day">2011.3.2(水曜日)</dt>
<dd class="sentence">
<a href="ブログ記事のURL" title="ブログ記事の要約" target="_blank">ブログ記事のタイトル</a>
</dd></dl></li>
<p><a href="ブログCのURL" title="ブログCの要約" target="_blank">&raquo;ブログCのタイトル</a></p>
<ul>
<li><dl><dt class="day">2011.3.2(水曜日)</dt>
<dd class="sentence">
<a href="ブログ記事のURL" title="ブログ記事の要約" target="_blank">ブログ記事のタイトル</a>
</dd></dl></li>
</ul>

サンプルコードは配列の形で取得するケースが多いが、いきなり出力用のフォーマットへ。
これでもコメントを除けばかなり短め。

おすすめプラグインまとめ

2011年2月16日 水曜日

◎おすすめプラグインまとめ
以前も似た様な記事あり、若干改訂。
主に自分用覚え書き、詳細はリンク先で。

インストールなどは個人的に取り敢えず入れたいプラグインを参照

※簡易インストール→一番簡単なインストール法が可能なプラグイン
※日本語→○=標準で日本語対応、△=日本語化ファイルあり、×=日本語化ファイル無し

個人的に必須

編集
プラグイン 簡易
インストール
日本語 設定法
Fluency Admin

管理画面使い易く
好きなロゴの表示

× ◎参考サイト
WordPress 管理画面をリッチにする「Fluency Admin」
http://technolog.jp/website/cms/3645
Maintenance Mode

メンテナンスモード表示

一時的に閲覧をログイン者に限定し、一般ユーザーにはメンテナンス作業中の旨表示する

「設定」→「Maintenance Mode」でメンテナンスモードを「使用」に、その他各種項目を設定
※終了時刻を設定できるがあくまでユーザーへの通知用、自動でメンテナンス終了にはならないので注意

TinyMCE Advanced

入力用ビジュアルエディタ強化

通常のブログサービス並の高機能を実現
表の編集も可能

◎日本語

TinyMCE Advanced3.2.4 日本語版配布 ※日本語化ファイル
http://lovelog.eternal-tears.c……ced324-ja/

「設定」→「TinyMCE Advanced」でツールバーのカスタマイズ可能
※標準設定でも使用可能

Contact Form 7

バリデーション機能も装備した万能メールフォーム

サイドバーの下方に新規に作られる「お問い合わせ」から各種設定
メールフォームを複数設計可能
投稿へショートコードで挿入

※設定画面に公式サイトへのリンクあり

Search Regex

強力検索置換ツール

※構築作業支援、納品時には削除
正規表現にも対応した強力検索置換ツール
投稿した全てのデータを書き換えるため、バックアップが必須

◎日本語

Search Regex 日本語ファイル ※日本語化ファイル
http://wp.mmrt-jp.net/plugin-j……rch-regex/

「ツール」→「Search Regex」で設定
※やり直しは出来ないため必ずバックアップを
※正規表現はオプション、初期設定では一般的な検索
※「検索」「置換」はプレビュー、「置換して保存」しない限り実際のデータは変更されない

CSV Importer

CSV形式のデータのインポート


※二番目に表示
× CSV形式のデータを投稿やページとしてインポート可能
サンプルCSVをカスタマイズすればカスタム投稿にも対応
ただしExelで作成したCSVそのままではエラーとなるため注意

「ツール」→「Import CSV」で設定

※必ず公式サイト( http://wordpress.org/extend/pl……ル確認
※必ず文字コードUTF-8、改行コードLF、日本語はクォートで囲う事

◎参考サイト
WordPressの一括投稿と重複削除のプラグイン
http://aki789.6.ql.bz/?p=64

My Link Order

WP標準の「リンク」の並べ替え

WP標準の「リンク」の並べ替えを直感的に行なえるツール
ただし、ウィジェットが必須

◎日本語
WordPress用プラグイン「My Link Order」の日本語化の方法 ※日本語化ファイル
http://iwaim.beering.be/blog/2……24/55.html

※予めウィジェットを有効化しておく
「リンク」→「My Link Order」で並び替えて確定
「外観」→「ウィジェット」でリンクを表示したいウィジェットを選び、左側から「My Link Order」をドラッグアンドドロップ
必要に応じて詳細設定をする

管理画面関係

編集
プラグイン 簡易
インストール
日本語 設定法
Meta box editor

WPのメタボックス非表示

× WPのメタボックス(カスタムフィールド、ディスカッションなど)を必要に応じて非表示に
インターフェースに慣れない人向け

標準で日本語表示、DLは下記リンクから

「管理画面のメタボックス表示・非表示を切り替えるプラグイン」
http://spais.jp/wordpress-plug……box_editor

設定は上記リンク参照
※カスタム投稿には非対応、ページだと一部無効?

Role Manager

マルチユーザーサイト向け権限管理ツール

× ※Meta box editorと併用OK!
アカウント(管理者や編集者)毎に細かく権限を設定可能
設定項目が多岐に渡るが、初めは初期設定のままでも問題無い
操作に不慣れorコア部分に触れて欲しくないユーザーからメニュー項目を隠す事も可能

◎本家サイト
Role Manager bei im web gefunden

http://www.im-web-gefunden.de/……e-manager/

◎ダウンロードURL
http://redalt.com/Resources/Pl……olemanager

◎日本語
最新版(v2.2.3)は標準で日本語表示(?)

一応日本語版も
WordPress Plugins/JSeries » Role Manager 日本語版 ※若干古い(v2.1.1)がプラグイン本体も込み

http://wppluginsj.sourceforge…….e-manager/

◎参考サイト
WordPress – 権限管理プラグイン「Role Manager」
http://technolog.jp/website/cms/2084
設定も上記サイト参照の事参照の事。
「ユーザー」の中に設定項目が出来るが、とにかく項目が多い。
(主に編集するのは「役割グループ」)

Revision Control

記事や固定ページのリビジョン(履歴)管理

SEO(スピードアップ)効果が若干あり
編集の度に作成されるリビジョンデータを制御、若干動作が軽くなる

「設定」→「リビジョン」
「リビジョンコントロール設定」「形式別のデフォルト設定」「デフォルトのリビジョン設定」で投稿、固定ページともに「リビジョン最大保存数:」を一桁程度に。2〜3で通常充分。
※納品の場合、「リビジョン」機能自体が一般に馴染みが無いため、極力少なく
※少ない程データベースの圧迫も無く、若干スピードもアップする。

◎参考サイト
WordPress 不要なリビジョンを抑制・削除する
http://pc.casey.jp/archives/3001
※リビジョンを選択して削除するツールの説明もあるが、初心者向け・納品時にはRevision Controlの方がおすすめ、一度の設定で済むので

セキュリティ

編集
プラグイン 簡易

インストール

日本語 設定法
WP Security Scan

高機能セキュリティチェックツール

× ※納品時には削除が望ましい
※パーミッション設定のチェックのみ利用して後はSecure WordPressでガードがおすすめ

◎参考サイト
WordPressセキュリティ・チェック・プラグイン
http://niche-affiliate-marketi……ity-check/

※まず上記サイトを参照。
サイドバーに「Security」と言う専用メニューが追加されるのでその中のメニューで操作。

特に重宝なのが「Security」→「Scanner」の「WP – Security Scan」。主要ディレクトリのパーミッションをチェックし、危険がある時は赤で警告&望ましい設定を「Needed Chmod」で表示。
基本的に赤く表示される部分が危険な場所。ただしサーバによっては変更できない事もあるため、出来る限りの危険性を対処した上で、クライアントに納品する場合は(余計な不安感を与えるので)このプラグイン自体をアンインストールすべき?
(逆に「Security」メニューの存在が安心感になる??ケースバイケース)

Secure WordPress

WPのセキュリティを高めるツール

WPのバージョン等の攻撃者に参考にされる情報を隠す
※更新通知も消せるため、クライアント向けにも重宝

「設定」→「Secure WP」から設定
適宜設定、おすすめは初期設定に加えて「エラーメッセージ」「スクリプト/スタイルのバージョン」をチェック。
※外部からの攻撃の参考になるため、WordPressのバージョンは極力隠す事、またWPに不慣れなクライアントに納品する場合は他の更新通知を削除。

◎参考サイト

Secure WordPressプラグインを入れてみた
http://www.hnishi1130.info/blo……chives/169

その他

編集
プラグイン 簡易
インストール
日本語 設定法
.html on PAGES

固定ページにも「.html」

× 「パーマリンク設定」で全ページに「.html」を付けたい場合に必要
ページは「パーマリンク設定」だけでは拡張子が付かないためこのプラグインで

※SEO的にはあまり効果無し、主にクライアント対策

インターフェース無し、有効化するだけでOK
※パーマリンクを変更した時は一度「設定」→「プラグイン」で「停止」して、再度有効化する事!

◎参考サイト
ページのURLに.htmlを付加するプラグイン「.html on PAGES」
http://www.bizmemowp.com/wordp……ess-biz502

HITS-IE6 PNG Fix

IE6でPNG

× ※基本的に「backguround」で指定した画像のみ、拡大・縮小していると崩れる?

「設定」→「HITS-IE6 PNG Fix」で操作
「PNG Fix Method:」を「DD_belatedPNG」か「Twin Helix v2.0」に

※前者がおすすめ
「CSS Selector:」でPNG背景のセレクタを指定、半角カンマ区切りで複数指定も可能

Breadcrumb Navigation XT

超万能パンくずリスト表示ツール

いわゆる「パンくず」の他に検索結果画面など様々な画面に対応

「設定」→「Breadcrumb NavXT」で表示項目を設定(初期設定は英語圏向け)
テーマファイル内の任意の場所に専用テンプレートタグを記述

<?php<br />
if(function_exists('bcn_display')){<br />
// 関数が有効か確認の上で出力<br />
bcn_display();//パンくずリスト表示関数<br />
}<br />
><br />
?>

◎参考サイト
Breadcrumb Navigation XT [パンクズリストの表示]
http://www.naviwave.com/blog_w……gation-xt/
日本語版配布もあり、でも最新版は言語ファイル同梱のため不要との事。

WP To Top

「Back to top」リンクを自動表示

× ※IE対応させるには専門知識必要!
※ケースバイケース
ユーザービリティ的には地味に便利
スクロールした場合に「Back to top」リンクを右下隅に表示

表示のカスタマイズも可能

「設定」→「WP To Top」で設定

◎参考サイト
WordPressに「上に戻る」ボタンをつけるプラグイン「WP To Top」
http://dollsent.jp/wordpress/?p=1152
一般的な使い方

WordPressのプラグインWP-to-topでIE6に縦スクロールバーが出ない際の修正箇所 – かちびと.net

http://kachibito.net/wordpress……croll.html
IE6でのエラー対策、プラグイン本体のCSSを編集する必要あり

Search Excerpt WordPress Plugin

検索結果にヒットした語句の前後も表示

× WPの検索機能を利用する場合にヒットした語句を強調しつつ前後の文章も表示
※便利だが環境によっては不具合?

◎日本語
※インタフェース無し

Search Word Highlight for Multibyte
http://wppluginsj.sourceforge…….multibyte/
日本語版配布サイト、本体も同梱。

使用テーマによってはカスタマイズが必要。

◎参考サイト
検索結果を見やすくしてくれるプラグイン
http://f40.aaa.livedoor.jp/~be……min/?p=304
標準的な使い方、テーマカスタマイズ例

Search Word Highlight for Multibyte
http://wppluginsj.sourceforge…….multibyte/
日本語版の配布の他、追加オプションの検索エンジンについても記述あり。

WP Keyword Link

キーワードを自動でリンクに変換

× 専門用語などのキーワードに自動で解説ページへのリンクを設定。
WP内の既存のデータベースを流用できないのは残念だが、作成した設定はエクスポート・インポートが可能なため、移転先に引き継ぐ事も可能。

「設定」→「WP Keyword Link」から設定
「zh-CN」

◎参考サイト
WP Keyword Linkはキーワードを自動で変換してくれるプラグイン。日本語にも対応!!
http://ore.qee.jp/wp-plugin/2049.html/

WordPressサイトを作る場合にまず設定する事(最小限)

2011年1月12日 水曜日

◎WordPressサイトを作る場合にまず設定する事(最小限)
※走り書き
※設定を変更した後は「変更を保存」ボタンで確定しておく事

◎サイドメニューの「設定」
●「設定」→「一般設定」

  • サイトのタイトル
    サイトの名称。ほとんどのテーマでヘッダーやtitle部分の表示に使われる。
    変更の予定が無ければテンプレートに直接記入してもOK。
  • キャッチフレーズ
    サイトの要約など。多くのテーマでヘッダーのサイト名に添えて表示される。meta要約に使われる場合も。
    ※他のプラグインを利用する事も可能、変更が無ければテンプレートに直接記入してもOK。

●「設定」→「投稿設定」

  • 投稿用カテゴリーの初期設定
    自動で「未分類」になるのを避けたい場合は必須。
    ※この画面ではカテゴリーの新設はできないため、予め「投稿」→「カテゴリー」で作成しておく。
  • リンクカテゴリーの初期設定
    ↑に同じく。特に全て同じカテゴリーにしたい場合などに。
    ※これも「リンク」→「リンクカテゴリー」で予め作成しておく。

●「設定」→「表示設定」

この設定だけは必ず行なう事!

  • フロントページの表示
    ※「ページ」から投稿したデータのみ、「投稿」記事は不可
    標準だとトップは「最新記事一覧」となるが、企業サイトの様に「フロントページ」を用意したい場合。
    ちなみにここで選んだページが空白でも、ホーム専用のテンプレートを選べるので、テンプレートの方で修飾する事も可能。
  • 1ページに表示する最大投稿数
    ※PHPで細かく制御する場合は不要
    「○月の記事一覧」などのアーカイブページで表示する記事の上限。
    記事の全文を表示する場合は5件程度にしないと重い場合も。ケースバイケースで。

●「設定」→「ディスカッション設定」
※テンプレート側でコメント入力・トラックバック不可になってなっていれば不要
基本的にスパム対策設定。
スパムが酷い場合はコメント・トラックバックともに「許可しない」にするか、「コメント表示条件」を「管理者の承認を常に必要とする 」に変更しておく。

●「設定」→「メディア設定」
「画像サイズ」は予め決めておく。(後から変更するのは面倒)
アップロードした一枚の画像からサムネイル・本文中に表示する中サイズ・クリックした時に表示する大サイズが自動で作成される。

初期設定で「 アップロードしたファイルを年月ベースのフォルダに整理」がONなので、状況によっては外しておく事。

後から「年月ベース」をOFFにしてもフォルダはそのままなので注意
ただし、アップロードが頻繁で固有の名前をいちいち付けられない場合は「年月ベース」も便利

●「設定」→「プライバシー設定」

この設定だけは必ず行なう事!

「サイトの表示状態」→サイト構築中は「検索エンジンはブロックするが通常の訪問者の閲覧は許可する」に、公開する場合は「サイトの表示状態 サイトを検索エンジン (Google、Bing、Technorati など) やアーカイブも含め、誰にでも読めるようにする」

●「設定」→「パーマリンク設定」
表示されるURLの設定。標準だと/wordpress/?p=123 の様になる。
URLから内容が推測出来る方がSEO的にも好ましい(?)とされるのでなるべく設定を。

ちなみに投稿のスラッグ名(投稿画面の下の方が、画面右上の「表示」で現れるチェックボックスで「スラッグ」をチェックした時に表示される項目)が「beginner」で「beginner.html」と表示したい場合

/%postname%.html

「ページ」はパーマリンクで「拡張子」を設定しても無効になる
「ページ」にも「拡張子」を付加したい場合はプラグイン「.html on PAGES」導入を

WordPressでgoogleカレンダーを利用

2011年1月8日 土曜日

◎WordPressでgoogleカレンダーを利用
プラグインを探したが、デザインにそれ程こだわりが無いならgoogleの標準機能が一番手軽。
WordPressでなくてもほとんどの場合に利用可能。

googleカレンダー
◎googleカレンダー
●事前にgoogleアカウントが必要
●「マイカレンダー」で出力したいカレンダーの右端の「▼」をクリック→「カレンダー設定」へ

画面右上の「設定」→「カレンダー設定」では無いので注意

●「<選択したカレンダーの名称>の詳細」画面の「カレンダー設定」の「このカレンダーを埋め込む」の「このコードをウェブサイトに貼り付けてください。」下のコードをコピー&好きな所へペースト

「色やサイズなどをカスタマイズします」で大きさなど細かく設定可能
複数のカレンダー(予定)を同じ画面に表示する事も可能

実際の使用例
◎実際の使用例
●コンパクトな表示

●週表示も可能、さらに切り替え用のタブも

●大型、複数のカレンダーの同時表示

表示はかなりカスタマイズ出来るが色はgoogleカレンダー側の設定に依存

カレンダー関連の関連サイト
◎カレンダー関連の関連サイト
●Disk It Around » Blog Archive » WordPressにGoogleカレンダーを表示
http://blog.diskit.jp/2009/06/……_calender/
様々な手法を試していて非常に参考に。

以下はgoogleとは無関係のカレンダー関連

●WordPressのカレンダープラグイン – satake7’s memo
http://d.hatena.ne.jp/satake7/……0090213/p1
比較的シンプルなプラグインの紹介。

●WordPress › フォーラム » カレンダーのプラグイン
http://ja.forums.wordpress.org……topic/3369
※要PHPプログラミング
まだ未検証だが、WordPress標準のカレンダー関数を利用し、日付部分にエントリのタイトル・リンクを表示する模様。

●WordPressでイベントカレンダー | wpxtreme
http://wpxtreme.jp/event-calen……-wordpress
※要PHPプログラミング
完全オリジナルで作るならこちらの記述がかなり詳細。
まで未検証、でもテストしたい所。

WordPressでFlash

2011年1月5日 水曜日

◎WordPressでFlash
●WordPressでFlashが表示されない原因
Adobe製品で自動生成されるコードでは不具合があるため注意。
具体的にはembedタグに問題あり。
また、通常のHTMLサイトの感覚での相対パス記述が原因となる事も。

手順が煩雑なため、大量に扱う場合はSWFファイル表示用のWordPressプラグインを利用するのが一般的。
●WP-SWFObject:比較的一般的


Flashに限らず、WordPressでのファイル参照は絶対パスが基本

参考サイト
◎参考サイト:取り敢えず表示したい
●WordPressで構築したサイトでFlashコンテンツを表示させる « messaliberty 日本語
http://jp.messaliberty.com/201……ess_flash/
プラグインを利用する方法とコードを自分で書く方法とあり。
トップにムービーを表示する程度ならばコードがおすすめ。

●SWFObject を使用してFlashファイルをページに埋め込み、iPhone用に代替画像を表示 – Web Tech Log by 1KB
http://1kb.jp/blog/archives/233
プラグインのインストールを促すのでは無く、代わりの画像を表示。
単純にウェルカムムービーとしてのFlashの場合は非常に有効。


個人的にはWordPressに限らず代替画像は欲しい所。
シェアは少ないものの、最新プラグイン非対応のマシンのユーザーはかなりにのぼる。
単純にiPhone・iPad対策で無く、できれば検討を。

◎参考サイト:応用
●xml+FlashのギャラリーをWordPressテーマ化し、更新出来るようにする為の作成チュートリアル – かちびと.net
http://kachibito.net/wordpress……orial.html
かなり本格的な情報。
動画中心のギャラリーを作りたいフラッシャー向け。

サンプルコード
◎サンプルコード
※代替画像を表示する事が主眼、プラグインのダウンロードを促さない
●基本

<object data="SWFファイルの絶対パス" type="application/x-shockwave-flash" width="横幅" height="縦幅">
<param name="movie" value="SWFファイルの絶対パス"></param>
<param name="play" value="true"></param>
<param name="loop" value="true"></param>
<!-- 以下、代替記述。画像以外にテキストもOK -->
<img src="代替画像の絶対パス" width="横幅" height="縦幅" alt="メインイメージ" />
<!-- 代替記述ここまで -->
</object>

●テーマファイルにFlashファイルも含める場合
トップにのみムービーを配置する場合などで、階層構造が以下の様な場合。
テーマファイルフォルダ>images>main.swf(Flashムービー)、main.jpg(代替画像)
横幅:960px、縦幅:300px

<object data="<?php bloginfo('template_url');?>/images/main.swf" type="application/x-shockwave-flash" width="960" height="300">
<param name="movie" value="<?php bloginfo('template_url');?>/images/main.swf"></param>
<param name="play" value="true"></param>
<param name="loop" value="true"></param>
<img src="<?php bloginfo('template_url');?>/images/main.jpg" width="960" height="300" alt="メインイメージ" />
</object>

※bloginfo(‘template_url’):テーマファイルディレクトリのURL
表示が崩れる場合は改行を削除。


WordPressの投稿画面にHTMLコードを入力する場合、改行タグが自動挿入されるため注意。
予想外の表示になる場合は出力されたコードを確認する事。

プラグインの導入

2010年12月25日 土曜日

◎プラグインの導入
※入れ過ぎると動作が重くなるので注意
※10数個程度、できれば1桁で

インストール
●FTPクライアントからインストール
wordpress>wp-content>plugins にアップロードでOK。

●管理画面からからインストール
 ・サイドバー中程の「プラグイン」の「新規追加」
 ・「キーワード」にプラグインの名前orキーワードを入力すると候補が表示される
 ・「今すぐインストール」でインストール開始
  ただし、ftpの設定の入力が必要。

●有効化、設定
インストールのみでは機能せず、「プラグイン」画面から「有効化」を。
通常「ツール」か「設定」内に設定用メニューが追加されるが、別の場所や設定画面の無いものも。
見当たらない場合はプラグイン一覧画面から「プラグインの詳細」でドキュメント参照を。

●日本語化
有名ファイルは日本語版あり、wordpress+プラグイン名+日本語化or日本語版で検索で探索可能。
「プラグイン**の日本語版配布」サイトには言語ファイル(拡張子mo)のみ、本体は別途DLがほとんど。
通常は日本語版配布サイトにインストール方法の指示あり。
当該プラグインフォルダ内の日本語化ファイルを置くべき階層に他の言語用ファイル(拡張子mo)あり。

●WordPress Plugins/JSeries プロジェクト日本語トップページ – SourceForge.JP
http://sourceforge.jp/projects……ppluginsj/
プラグインの日本語化プロジェクト、定番プラグインの日本語版が多数あり。

便利サイト
◎プラグイン紹介ページ
●全てのWordPress使いが導入を検討すべき15のプラグイン – かちびと.net
http://kachibito.net/wordpress……lugin.html
導入理由と効果が明確なプラグイン群。クライアントに納品する場合にもおすすめ。

●クライアントに頼まれやすい機能を補えるWordPressプラグインいろいろ – かちびと.net
http://kachibito.net/wordpress……rcial.html
上記より新しい記事。やや入力支援系多め?大手ブログサービスと同等の使い勝手を実現。
携帯用サイトや他言語対応など、「ついで」の様に頼まれてしまう厄介な作業の手間を軽減。
また、「意外にor地味に喜んで貰えた」機能など。

●使用中のおすすめWordPressプラグイン15個 | Webクリエイターボックス
http://www.webcreatorbox.com/t……ss-plugin/
慣れた管理者向け?コード記述や投稿内でphpを使えるものも。でも基本も網羅。

●WordPress 3.0対応のとっても便利なプラグイン集 | コリス
http://coliss.com/articles/blo……ess-3.html
「定番」プラグインをジャンル毎に紹介。ここでほとんどの悩みは解決。
ただし解説は最小限なので注意。判らない時はプラグイン名+WordPressでぐぐると吉。

個人的に取り敢えず入れたいプラグイン

2010年12月25日 土曜日

※既に紹介済の「プラグイン紹介ページ」で紹介しているサイトの方がおすすめ
※テーマファイルや投稿を編集して初めて機能するものもあり、要ドキュメントのチェック
※紹介リンクは本家では無く「日本語で読める解説ページ」、情報が古い場合も
※このページのプラグインは(テストサーバにインストなら)リンク先読まなくても一応OK

比較的基本・定番
◎個人的に取り敢えず入れたいプラグイン
●members-only:強制ログインを要求してWPサイト全体を非公開にするツール
※広く公開する場合は不要、ただし構築中などには便利
●WP-DBManager:バックアップツール。設定すれば勝手に作業してくれて便利
※サーバによっては利用不可能、ローカルも駄目、要注意
 WORDPRESSのWP-DBManagerはバックアップと最適化をするプラグイン | WgimP
  http://ore.qee.jp/wp-plugin/1590.html/
●Akismet:標準でインストール済のスパム対策ツール、利用には各種設定が必要、商用は有料
●contact-form-7:設置が簡単過ぎる国産メールフォーム、Akismetとの連携可能
●Simple Tags:タグ入力支援やタグクラウドをPHP無しで自在にカスタマイズ、類似記事の表示等
※タグをmetaキーワードに設定する事も可能、便利過ぎ!タグ利用なら是非!
●HITS- IE6 PNGFix:IE6対策、PNG表示可能に、ただしbackguroundに設定したファイルのみ
※実態はJS、稀に他のスクリプトとバッティングする危険も

◎その他
※以下は未検証のものもあり
※一部PHPで自力で実装可能な機能も

◎ユーザービリティ:どのサイトにも
●Breadcrumb Navigation XT:パンくずリスト簡単生成、カスタマイズも楽々
●WP To Top:「ページトップへ戻る」リンクを自動作成
●Link Indication:リンク先ファイルの種類をアイコンで表示、PDF等のDL用リンクに

◎ユーザービリティ:検索結果表示
●Search Excerpt:ヒットした語句の前後を表示

◎ユーザービリティ:ページ数が多い場合に便利
●WP-PageNavi:前へ・先へのリンクの他、現在のページ/総ページ数を表示
●Dagon Design Sitemap Generator、PS Auto Sitemap:サイトマップ自動作成
※サイトマップ作成ツールは各種あり、基本的に要css

◎ナビゲーションのカスタマイズ(大手ブログサービス並の機能を実現)
●My Category Order:カテゴリーの順序を編集(要ウィジェット)
●My Page Order:ページの順序を編集(要ウィジェット)
●My Link Order:リンク(WP標準のブックマーク)の順序を編集(要ウィジェット)
※個人的にはMy Link Orderが一番必須、PHPでも順序変更可能な筈がリンクだけ上手く行かないため

管理画面
◎管理画面:投稿入力支援
●Advanced make Clickable [ハイパーリンク用]:投稿内のURLを自動でリンクに、日本語版あり
●AddQuicktag:投稿画面に独自のタグ入力ボタンを追加可能、定型文入力にも
●TinyMCE:投稿画面のビジュアルエディタを強化、日本語版あり
※環境によっては重いかも…?
●Admin Post Navigation:投稿画面で次の記事&前の記事の編集画面に移動するリンクを表示
 Admin Post Navigationで空のページが含まれてしまう | pico.mint blog.
  http://picomint.net/2010/07/25……avigation/
  このプラグイン使用で起きる気になる現象と対処法

◎管理画面:画像関連
●File Gallery:画像の複数アップロードが可能に、他にも色々
※ただし日本語化ファイル見当たらず、クライアント向けでは無いかも…?
●Regenerate Thumbnails:サムネイル画像の設定変更時に、設定済のファイルも自動更新
※WPの標準機能で作った「アイキャッチ」画像のみ

◎管理画面:大量データを扱う場合
●CSV Importer:CSV形式のファイルをWPへインポート、カスタム投稿にも対応
※日本語は必ずUTF-8、LFにする事
※バージョンアップでCSVの記述法が変わる可能性あり、必ず一度は本家のドキュメントを読む事
 WordPressの一括投稿と重複削除のプラグイン | おっさんにできるかな?Webプログラミング!!
  http://aki789.6.ql.bz/?p=64
●Search Regex:正規表現も可能な検索置換ツール、必ずバックアップを取ってから使う事!
※「置換して保存」ではじめて置換される

その他
◎状況に応じて
●.html on PAGES:通常「.html」を付けられない「ページ」にも「.html」を
※.htmlにしてもSEO的メリットは無いとの説も
●Ktai Style:携帯版を簡単生成、バッティングが多いらしい?
※未検証
●WPML:他言語対応サイトを作成
※未検証

WPのテーマ作成について

2010年12月24日 金曜日

◎WPのテーマ作成について

※本当に最低限の情報です。
※基本的に現在作成中のサイト(固定ページがほとんど)を念頭に置いているため、一般的では無い可能性があります。
※きちんと作るなら書籍か、以下のサイトを一度はチェックを。
テーマの作成 – WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/%……C%E6%88%90

基本
●最初に作るファイル
 ○index.php 一番の基本。
 ○style.css 冒頭に必ずテーマ名を、他の要素は省略OK、こんな風に↓記述

/*
Theme Name: Test Theme
Description: This is test theme.
Version: 1.0
Author: someone
*/

 ○functions.php 全体で使う関数やウィジェット等の設定など、カスタム投稿もここで
 ○header.php ヘッダー部分、

<?php get_header(); ?>

で呼び出し
 ○footer.php フッター部分、

<?php get_footer(); ?>

で呼び出し

●作ると便利なファイル(if文不要に、他にも色々)
 ○home.php トップページだけ表示を変える場合
 ○sidebar.php サイドバー設定、で呼び出し
 ○search.php 検索結果表示ページ
 ○category.php カテゴリ一覧ページだけ表示を変える場合
 ○archive.php アーカイブ(「○月の一覧」など)一覧ページだけ表示を変える場合
 ○single.php 個別記事ページだけ表示を返る場合、アーカイブとデザイン変える時など
 ○page.php 個別固定ページだけ表示を返る場合
 ○404.php エラーページ(標準だと何も表示されない)

応用
●独自に作ったページテンプレートを使う
 ・名前は自由、拡張子はphp
 ・ファイル冒頭にテンプレート名を記載

/*
Template Name: Test Theme
*/

 ・ページ編集画面の「ページ属性」の「テンプレート」に上記名称で表示されるので選択

●カテゴリー別にCSSを効かせる方法 | WordPress カスタマイズ | Lovelog+*
http://lovelog.eternal-tears.c……egory-css/
標準のカテゴリーIDを使うやり方の他にカテゴリーのスラッグ名でこんな方法も。
PHPでカテゴリースラッグ名のついたCSSを指定、WordPressはPHPで全て制御可能なため、こんな風に機能をどんどん追加可能。

◎function.phpに記入しておくと便利なコード
●ウィジェット有効化
●WordPressのテーマに、複数のウィジェットを設置する方法 [WordPress/複数のウィジェット設置方法] – ソラトモラボ/デザイン事務所メモ
http://www.soratomo.com/xoops/……A%FD%CB%A1

一つだけ作る場合にはfunction.phpに以下を記述

<?php
if ( function_exists('register_sidebar') ) //ウィジェット対応バージョンか確認
	register_sidebar();//有効化
?>

テンプレート内の任意の場所に以下の様に記述

<!-- widget -->
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
<?php endif; ?>

※sidebarとあるが、フッターでもヘッダーでも任意の場所に設置可能。

追記
2011.1.2追記

◎head.php/footer.php
●head.phpのheadタグの直前に必ずwp_head()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
<?php wp_head(); ?></head>

●footer.phpのbodyの終了タグの直前に必ずwp_footer()

<?php wp_footer(); ?></body>
</html>

●びぎねっとブログ » wp_head;とwp_footer();は必ず書こう
http://begi.net/blog/20100114/148