‘プラグイン’ タグのついている投稿

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

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月11日 火曜日

◎インストールするプラグインの一例
※固定ページ中心のサイトを構築したケース
※ブログや各ページのボリュームの多い場合は想定せず

インストールについて
◎WordPressのプラグインのインストールについて
●一番簡単なインストール法

何も考えずに可能な方法、でもこの場合でも関連ドキュメントは必読
またこの方法ではインストール出来ないプラグインもあり

  1. 管理画面のサイドメニュー→「プラグイン」→「新規追加」
  2. 右側の画面の「検索」の「キーワード」にプラグイン名を入力して「プラグインの検索」「
  3. 目的のプラグインが見つかったら「いますぐインストール」
  4. ダイアログ「本当にこのプラグインをインストールしてもいいですか ?」に「OK」
  5. 最初のインストール時にはFTPの設定を聞かれるので入力
  6. インストールが完了すると「操作: プラグインを有効化 | プラグインインストーラに戻る」と表示されるので、「プラグインを有効化」
  7. 適宜設定を行なう

プラグインのメニューは通常サイドメニューの「設定」の中
インポート・エクスポート、検索関連は「ツール」の中
アカウント・権限関連は「ユーザー」の中

●上記の方法で出来ない場合:プラグインのZipファイルがある場合

  1. プラグイン配布サイトからダウンロード
  2. 管理画面のサイドメニュー→「プラグイン」→「新規追加」
  3. 右側の画面の「アップロード」
  4. 「ファイルを選択」でZipファイルを選択、「いますぐインストール」
  5. インストールが完了すると「操作: プラグインを有効化 | プラグインインストーラに戻る」と表示されるので、「プラグインを有効化」
  6. 適宜設定を行なう

●FTPソフトで直接アップロードする場合

  1. FTPソフトで「wordpress」→「wp-content」→「plugins」内にアップロード
  2. 理画面のサイドメニュー→「プラグイン」でアップロードしたプラグインを探索
  3. プラグインの名称下の「有効化」をクリック
  4. 適宜設定を行なう

「日本語版」「日本語化」について
◎WordPressのプラグインの「日本語版」「日本語化」について
●「日本語版」だけでは動かない事も
WordPress関連サイトで「日本語版配布」とあっても通常は「言語ファイル」のみ、つまり「日本語化ファイル」のみがほとんど。
通常は本家サイトからプラグイン本体をダウンロードした後、「日本語版(日本語化ファイル)」を所定の階層に配置し、アップロードする。

日本語化ファイルの配置場所は各ドキュメントを参照の事。
プラグインフォルダ内に「lunguage」フォルダがある場合はその中でOK。
通常、日本語化ファイルを置くべき階層に拡張が「.mo」のファイル(言語ファイル)が置かれている。
ただし、稀にプラグイン本体を編集する場合もあるので、必ず配布サイトのインストール方法を確認する事。

プラグインリスト(一例)
◎プラグインリスト(一例)※追加予定あり
※固定ページ中心サイトでの例
※ブログサイト、特に文章量が多い場合や、画像などマルチメディアコンテンツ中心な場合はもっと別なプラグインが必要になる事も。

プラグイン 日本語化ファイル 設定法 参考サイト
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」で設定

※やり直しは出来ないため必ずバックアップを

※正規表現はオプション、初期設定では一般的な検索

※「検索」「置換」はプレビュー、「置換して保存」しない限り実際のデータは変更されない

Import 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標準の「リンク」の並べ替えを直感的に行なえるツール

ただし、ウィジェットが必須

●WordPress用プラグイン「My Link Order」の日本語化の方法 ※日本語化ファイル

http://iwaim.beering.be/blog/2……24/55.html

※予めウィジェットを有効化しておく

●「リンク」→「My Link Order」で並び替えて確定

●「外観」→「ウィジェット」でリンクを表示したいウィジェットを選び、左側から「My Link Order」をドラッグアンドドロップ

●必要に応じて詳細設定をする

Meta box editor

WPのメタボックス(カスタムフィールド、ディスカッションなど)を必要に応じて非表示に

インターフェースに慣れない人向け

標準で日本語表示

●「管理画面のメタボックス表示・非表示を切り替えるプラグイン」

http://spais.jp/wordpress-plug……box_editor

←のリンク参照

※カスタム投稿には非対応、ページだと一部無効?

Role Manager

※Meta box editorと併用OK!

アカウント(管理者や編集者)毎に細かく権限を設定可能

設定項目が多岐に渡るが、初めは初期設定のままでも問題無い

操作に不慣れorコア部分に触れて欲しくないユーザーからメニュー項目を隠す事も可能

最新版は標準で日本語表示(?)

一応日本語版も

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

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

まずは→を参照の事。

「ユーザー」の中に設定項目が出来るが、とにかく項目が多い。

(主に編集するのは「役割グループ」)

●WordPress – 権限管理プラグイン「Role Manager」

http://technolog.jp/website/cms/2084

※日本語化ファイルの配布もあり

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プログラミング
完全オリジナルで作るならこちらの記述がかなり詳細。
まで未検証、でもテストしたい所。

CSVデータのインポートやセル結合も可能なWP-Table Reloaded(若干訂正)

2011年1月7日 金曜日

◎CSVデータのインポートやセル結合も可能なWP-Table Reloaded

2011.1.7 追記
× TinyMCE → ○ TinyMCE Advanced
作表機能を標準で備えるのは後者。

作表機能のみならビジュアルエディタ強化プラグイン「TinyMCE Advanced」も有望、ただしあくまで「ワープロの作表機能」的な機能。
インポートに関しては若干力不足。
よってCSVデータのインポートも可能なプラグインを捜索、以下の物がヒット。

概要
●ソート可能なテーブルを作成して設置できるWordPressプラグイン – ミblog : レビューや日常など
http://www.meblog.info/624.html
こちら↑に使用法あり、詳しい!

日本語化ファイルは同梱のため、インストールのみでOK。
日本語が文字化けする場合は以下の変更で解決。

  • 文字コード:UTF-8
  • 改行コード:LF(UNIX)

他のプラグインでも「日本語で文字化け」が起きた場合は試す価値あり。

●とにかく多機能

  • テーブルは複数作成可能
  • 既存のテーブルを複製可能
  • 既存のテーブルにデータを外部からインポートする事も可能
  • XML、HTMLもOK
  • XML、HTMLもOK

同じフォーマットの表を幾つも効率よく作成可能

単純ながら数をこなす必要のある、ルーチンな作表作業に非常に実用的。

●作表機能は独立
TinyMCEと異なり、専用の別画面で作表し、出来た表をショートコードで投稿本文内に呼び出す仕様。
簡単な表ならば編集が一画面で済むTinyMCEの方が便利だが、より細かい設定も可能。

ExelでCSV保存したデータをインポート
●ExelでCSV保存したデータをインポート
以下、実際に試した結果。

●インポートしたCSV

日付,場所,イベント
1月7日,駅前某店,新年会
1月9日,市立公園,町内会餅つき大会
1月11日,第二カンファレンスルーム,会議
1月12日,路上,井戸端会議
1月13日,例の店,プチ新年会・身内ver
1月15日,本社,プロジェクト〆切
1月22日,本社 ,デバック〆切

●生成されるコード

今月の予定

日付場所イベント
1月7日駅前某店新年会
1月9日市立公園町内会餅つき大会
1月11日第二カンファレンスルーム会議
1月12日路上井戸端会議
1月13日例の店プチ新年会・身内ver
1月15日本社プロジェクト〆切
1月22日本社 デバック〆切
Exelで作成→csv保存したデータをUTF-8、改行コードLF(UNIX)にしてインポートしたもの。
クォートもない単純なCSV形式だが、日本語も問題無く再現されている事に注目。

●実際の表示

今月の予定

日付場所イベント
1月7日駅前某店新年会
1月9日市立公園町内会餅つき大会
1月11日第二カンファレンスルーム会議
1月12日路上井戸端会議
1月13日例の店プチ新年会・身内ver
1月15日本社プロジェクト〆切
1月22日本社 デバック〆切
Exelで作成→csv保存したデータをUTF-8、改行コードLF(UNIX)にしてインポートしたもの。
クォートもない単純なCSV形式だが、日本語も問題無く再現されている事に注目。

ってゆーかフルスペック過ぎるでしょ;

  • 標準でソート機能付き、さらにストライプ設定も可能。
  • キャプションにも対応、今回試していないが、セル結合にも対応。
  • フィルタリング等はオプションだが、標準でONのため、通常は外す。
  • 設定項目は多いものの、全て日本語化されているため、落ち着いて操作すればOK。

実験
●セル内にカンマ

太郎,"リンゴ,ゴリラ"
次郎,"ラッパ,パラシュート"
三郎,"コブタ,タヌキ,キツネ,ネコ"
与四郎,"1,2,3,5,7,11,13,17,19"

●生成されるコード

カンマ区切り.csv

太郎リンゴ,ゴリラ
次郎ラッパ,パラシュート
三郎コブタ,タヌキ,キツネ,ネコ
与四郎1,2,3,5,7,11,13,17,19
カンマ区切り.csv (text/csv)
Exelでセル内にカンマを含むデータをCSVで保存してインポート、全く問題無く再現。
ハイライト機能をONにしたため、選択行が強調表示される。

●実際の表示

カンマ区切り.csv

太郎リンゴ,ゴリラ
次郎ラッパ,パラシュート
三郎コブタ,タヌキ,キツネ,ネコ
与四郎1,2,3,5,7,11,13,17,19
カンマ区切り.csv (text/csv)
Exelでセル内にカンマを含むデータをCSVで保存してインポート、全く問題無く再現。
ハイライト機能をONにしたため、選択行が強調表示される。

全く問題無し。

●その他
html形式のインポートはかなり正確な記述で無いと無効。
セル結合はやや癖があり、htmlでインポートしても反映されず。
手動で編集するも操作方法に癖があり、難しい。
セル結合に関しては「TinyMCE Advanced」の方が楽かも。

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コードを入力する場合、改行タグが自動挿入されるため注意。
予想外の表示になる場合は出力されたコードを確認する事。

セキュリティ、SEO関連のプラグイン

2010年12月25日 土曜日

◎やや商用サイト向け、ある程度関連ドキュメントを読む必要あり

セキュリティ
◎入れるべき、と言われているプラグイン(セキュリティ)
※商用サイトでは絶対入れるべき、クライアントさんへの説明が難しいかも
※でも頑張って導入すべき、ただし機能を理解&説明できるようにしておく
●Secure WordPress:外部からWPの情報を隠して不正アクセス防止、日本語化で比較的判り易い
 セキュリティを強化する”Secure WordPress”|プラグイン|情報商材レビューアフィリエイトブログ
  http://hakkutsu-indy.biz/archi……00659.html
●AntiVirus:悪意のあるテーマや改ざんを警告、ただし稀にシロでもクロ検知する事あり
※ただし!シロだったファイルがクロになったら改ざんの危険あり!
●WP Security Scan:テーマファイルの脆弱性チェック
 WP Security Scanはセキュリティーをチェックするプラグイン | WgimP
  http://ore.qee.jp/wp-plugin/2098.html/

※参考:セキュリティに関して(改ざんの一例)
●WebTecNote – [wp] WordPressテーマのfunctions.phpに仕込まれるワームについて
http://tenderfeel.xsrv.jp/wordpress/837/
・被害はWPのパスワードなど管理画面から取得可能な情報を盗まれる等
 ※WPのパスワードを金融関係などの重要なパスと同じにしない事!
・悪意のあるテーマファイルをアクティブ→インストール済の他のテーマ・プラグインにも感染
・自作ファイルがいつの間にか感染→気付かず配布もあるため、有名作者のテーマも要注意
 ※相当注意しないと改ざんに気付かないため熟練者の紹介でも要注意

SEO&スピード
◎SEO対策(検索エンジン対策&スピードアップ)
※SEO対策もまずは中身ありき、情報の整理されたサイトを心がけるだけでも効果あり
●All in One SEO Pack:これ一つでmetaキーワードなどほぼ全て管理可能
 WordPressのSEO定番プラグインAll in One SEO Pack(オール・イン・ワンSEOパック)の日本語版 | 広告大臣
  http://www.ad-minister.net/200……japanized/
●HeadSpace2:上記プラグインから設定インポートも可能、ほぼ同等の機能、日本語ok
 WordPressのSEOに千手観音プラグイン、HeadSpace2・使用方法まとめ – かちびと.net
  http://kachibito.net/seo/seo-t……pace2.html
※キーワードと要約程度ならカスタムフィールド利用で自力でも可能です
 WordPress カスタムフィールドの活用法:記事の短い紹介文を表示
  http://webdesignrecipes.com/wo……tical-use/
 WordPress カスタムフィールドの値をSEOのキーワードに流用する | WeBridge
  http://www.myu-zin.com/webridg……s/354.html
●Google Sitemap Generator:Google Sitemap」用のサイトマップ ファイルを自動で生成
 WordPressのプラグイン:Google Sitemap Generator | コリス
  http://coliss.com/articles/blo……in/55.html
  ※↑古い記事ですが判り易いので
●Broken Link Checker:リンク切れを通知
 Broken Link Checker 投稿した記事内のリンク切れをチェック | WordPressのプラグイン解説 | Lovelog+*
  http://lovelog.eternal-tears.c……k-checker/
●WP super cache:キャッシュ作成でスピードアップ、バッティング多いため注意
 WP super cacheは静的なページを生成してスピード&SEOアップのプラグイン | WgimP
  http://ore.qee.jp/wp-plugin/1577.html/
●WordPress Head Cleaner:WPが自動出力する余計なタグを削除、バッティング多いため注意
 WPのHead Cleanerはheadのjsとかcssとかを整理して、表示スピードを上げてくれるプラグイン。 | WgimP
  http://ore.qee.jp/wp-plugin/1887.html/
●Revision Control:リビジョン数を制限
●Delete Revision:不要リビジョン削除
※リビジョンは投稿履歴を保存し復帰できる標準機能、ただし速度低下の大きな要因に
 pc.casey.jp » WordPress 不要なリビジョンを抑制・削除する
  http://pc.casey.jp/archives/3001

プラグインの導入

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:他言語対応サイトを作成
※未検証