zamuu：：BLOG» Word Press｜zamuu：：BLOG

WordPressカテゴリ(都道府県・市町村)インポートとカテゴリ検索

cova — Mon, 06 Feb 2012 09:39:36 +0000

WordPressでカテゴリとして「都道府県・市町村一覧」を一括インポートさせる為のXMLファイルと、カテゴリ定義部分のXMLを生成用のExcelファイルを作成しました。今回は作業記録として記載します。

概要

カテゴリとして全国都道府県・市町村一覧(階層構造)をインポートし、カテゴリはチェックボックス一覧として表示します。これらカテゴリは検索項目となるようにしました。

内容

カテゴリ一覧を登録する

作成したインポートファイルを使用して、都道府県・市町村一覧をカテゴリ登録しました。カテゴリは以下のような構造です。

    全国
      +--- 都道府県
                +--- 市町村

カテゴリ一覧を取得するfunctionを作る

「とりさんのソフト屋さん」の記事を参考に「全国-都道府県-市町村」の順(term_id昇順)で取得する関数をfunction.phpへ記載します。「全国」のterm_idが13だったので13以下を指定しています。

/* --------------------------------------
カテゴリ一覧取得
 ---------------------------------------*/
function get_all_category_all() {
	if ( ! $cat_all = wp_cache_get( 'all_category_all', 'category' ) ) {
		// 指定カテゴリ以下取得
		$cat_all = get_terms( 'category', 'fields=all&child_of=13&orderby=id&hide_empty=0' );
		wp_cache_add( 'all_category_all', $cat_all, 'category' );
	}
	return $cat_all;
}

カテゴリ一覧を表示する

WordPressフォーラム「カテゴリをチェックボックスにし複数選択したい」を参考に、カテゴリ一覧取得＆表示箇所を以下のように書き換えました。

  $cats = get_all_category_all();
  $prev_parent = 0; // 前カテゴリの親term_id

  echo "";
  foreach($cats as $cat) :
    $id = "cat-" . $cat->term_id;
    if($cat->parent == 13){ // 都道府県名
       // 親IDが初回(0)でなく、前回の親ID=13以外なら市町村リスト終了
      if($prev_parent > 0 && $prev_parent != 13){
        echo "";
      }
      echo "$cat->name";
    }else{
       // 前回の親ID=13なら市町村リスト開始
      if($prev_parent == 13){
        echo "";
      }
      echo '' . ''. $cat->name . '';
    }
    $prev_parent = $cat->parent; // 前の親term_idを保存

  endforeach;
  echo "";

ファイル

ファイル公開はしていません。

WordPressでカテゴリに都道府県を登録する

cova — Thu, 02 Feb 2012 14:06:36 +0000

WordPressによるサイト構築で都道府県がカテゴリとしてある場合、インポート機能を利用して、登録を楽に行います。

以下参考までに。term_idは各自採番されていない番号から設定しなおしてください。

20JAPAN
21HokkaidouJAPAN
22AomorikenJAPAN
23IwatekenJAPAN
24MiyagikenJAPAN
25AkitakenJAPAN
26YamagatakenJAPAN
27HukusimakenJAPAN
28IbarakikenJAPAN
29TotigikenJAPAN
30GunmakenJAPAN
31SaitamakenJAPAN
32TibakenJAPAN
33ToukyoutoJAPAN
34KanagawakenJAPAN
35NiigatakenJAPAN
36ToyamakenJAPAN
37IsikawakenJAPAN
38HukuikenJAPAN
39YamanasikenJAPAN
40NaganokenJAPAN
41GihukenJAPAN
42SizuokakenJAPAN
43AitikenJAPAN
44MiekenJAPAN
45SigakenJAPAN
46KyoutohuJAPAN
47OosakahuJAPAN
48HyougokenJAPAN
49NarakenJAPAN
50WakayamakenJAPAN
51TottorikenJAPAN
52SimanekenJAPAN
53OkayamakenJAPAN
54HirosimakenJAPAN
55YamagutikenJAPAN
56TokusimakenJAPAN
57KagawakenJAPAN
58EhimekenJAPAN
59KoutikenJAPAN
60HukuokakenJAPAN
61SagakenJAPAN
62NagasakikenJAPAN
63KumamotokenJAPAN
64OoitakenJAPAN
65MiyazakikenJAPAN
66KagosimakenJAPAN
67OkinawakenJAPAN

Android(アンドロイド)とは – 身近になってきたスマートフォン -

cova — Fri, 20 Jan 2012 04:23:26 +0000

進むクラウド化とスマホケータイ

タイトルは、「Android(アンドロイド)とは」としていますが、今回は初心に返り、「Androidとは」という触りと、「アンドロイドで気軽にブログを始める」という使用例を記載したいと思います。また、スマートフォンは略して「スマフォ」「スマホ」と言われているので、そのように記載します。

Android(アンドロイド)とは

1年ほど前より、Android（アンドロイド）という言葉を聞くようになりました。一般的に「Android(アンドロイド)」は、iPhoneとならび、タッチパネル式の多機能携帯として、DoCoMo/AU/SoftBankから発売されている携帯電話を指しているようです。(より正確にはOSというソフトウェアの製品を指しますが、ここら辺は誤認され浸透しているようです。
このスマートフォンの普及の勢いは「今や国内では、爆発的に進んでいる」と広告・宣伝されています。

Android(アンドロイド)の魅力

Android、iPhoneに代表されるスアートフォンはITに精通している方、PCを身近に使っている方でないとその使用感は『使いづらい』と思われる人が多いようです。しかしながら、1度その使い方になれてしまうとその便利さから手放せなくなる人もいるのも事実です。

せっかく機種変更した方は「スマートフォンに機種変更したけれども、使い方わからないから・・・」という残念なことにならないように気をつけたいものです。

今までの携帯電話との違い

今までの携帯電話と違い、多機能携帯と言われているところがポイントでしょう。もう少しいうと、「クラウド連携が可能」という点です。詳しいところは省きますが、電話・メールだけじゃなく、クラウドを利用してさまざまなサービスを受けることができるようになっています。
スマホ普及の課題の１つとしてあるのが・・・「多機能」が故の「操作が難しい」ということです。テレビのリモコンがまさにそうでした。

余談ですが、「AndroidとiPhoneと違いは？」という疑問もでてくるかと思います。賛否両論あるかと思いますが、個人的意見として、単純に言うと製造メーカーの違いでしょうか。そういった比較サイトはいくつかあります。

知識のある方はこちら↓を参考にしてみるといいかもしれません。
「iPhone・Android比較！入門編～10の違い～」
「iPhoneとAndroidの比較」

ブログツールWordPress(ワードプレス)とは

話はガラッと変わりますが、zamuuではWordPress（ワードプレス）による企業ホームページや予約システム等制作しています。みなさんWordPress（ワードプレス）をご存知でしょうか？元々はブログツールとして、世界的にも普及し、2012年1月現在では国内のオープンソースCMSシェアとしてはNo1となっています。
このツールは元々ブログとして使用されていましたが、その汎用性の高さから、ここ数年では企業サイトやショッピングサイト、予約サイト等々、幅広いサイト構築の実績をあげてきました。
その繁栄力はホスティングサーバ業者へも影響し、「さくらレンタルサーバ」「ロリポップ」といった大手企業も標準サービスとして導入しています。

導入事例: WordPressによる企業サイト制作
他サイト企業導入事例: WordPress で作られた国内の企業サイトだけを集めてみた第五弾

Android(アンドロイド)で気軽にブログを始める

AndroidをWordPressの紹介を行いましたので、ここでは冒頭で記載した「アンドロイドで気軽にブログを始める」について、こちらのアプリを紹介します。アンドロイドマーケットから取得します。既にアンドロイド端末を契約しているかたならこちらからインストールできます。

ブログを始める為の簡単な解説

操作に詳しい方なら「アカウント取得→ブログ開始」と言えば分るでしょうか。操作は以上です。これだけでホームページ業者や、パソコンからの申請等しなくてもブログが開始できます。

WordPressで画像アップロードできない

cova — Fri, 13 Jan 2012 03:50:18 +0000

WordPressで画像アップロードできないケースはいくつか原因があるみたいです。今回はcformIIの相性の違いでした。

環境

WordPress3.0.1

現象

WordPress3.0.1で「新規投稿」の「画像アップロード」ボタン押下してもJavaScriptが利かず、通常ならlightboxのようなポップアップが表示され、画像アップロード画面がそのウィンドウ内に表示されるのですが、新規ブラウザ全画面で表示されてしまいます。

Chrome/FireFoxではエラー箇所がわからなかったので、IEで管理画面を表示させると以下のエラーが。

Web ページ エラーの詳細

ユーザー エージェント: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB7.2; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; CMNTDF; .NET4.0C)
タイムスタンプ: Fri, 13 Jan 2012 02:01:33 UTC

メッセージ: catch ステートメントでは適用されますが、throw ステートメントでは適用されません。
ライン: 16
文字: 15511
コード: 0
URI: http://xxxxxx.jp/wp-content/plugins/cforms/js/jquery.js?ver=1.6.2

解析

どうやらプラグイン「cformii」が悪さしているようで、javascriptのバージョンの不一致でした。WordPress3.0.1の既存jqueryのバージョンより、cformIIの方が新しい為、画像アップロード・公開状態の編集・ステータスの編集等が動かなくなりました。

解決策

cformIIプラグインを直接編集しました。「cforms.php」の1640行目辺りの「wp_deregister_script、wp_register_script」をコメントアウトします。

    if ( version_compare(strval($wp_scripts->registered['jquery']->ver), strval("1.6.1") ) === -1 ){
                // wp_deregister_script('jquery');
            // wp_register_script('jquery',$r.'/js/jquery.js',false,'1.6.2');
        wp_enqueue_script('jquery');
    }
        else
                wp_enqueue_script('jquery');

    // load new jQuery UI shipped with WP
    if ( version_compare(strval($wp_scripts->registered['jquery-ui-core']->ver), strval("1.7") ) === 1 ){
                wp_enqueue_script('jquery-ui-core');
                wp_enqueue_script('jquery-ui-datepicker');
         }

以上で対応完了です。

WordPressメールフォームのみをHTTPS(SSL)対応

cova — Fri, 06 Jan 2012 04:23:00 +0000

固定ページのメールフォーム部分のみSSL対応させたい場合は、「Admin ssl」というプラグインをお勧めします。以前ご紹介した「WordPressメールフォームプラグインcformⅡ」と組み合わせて利用するとHTTPS対応されたメールフォームが簡単に作成できます。

但し「Admin ssl」を利用する場合は、HTTP/HTTPSのドキュメントルートを同じにしておく必要があります。

WordBench-Kagawa キックオフ

cova — Fri, 07 Oct 2011 04:45:44 +0000

本日18時よりWordBench-Kagawaのキックオフが香川県産業頭脳化センタービルで行われました。

開催概要

香川県のWordPressコミュニティ、WordBench香川のキックオフミーティングを2011/10/07（金）に開催します。お初の方もいらっしゃると思いますのでWordBenchについての紹介を交えつつ、交流をはかりたいと思います。

内容

初回ながらも参加者8名も集まり、男女比率も半々くらいとバランスのいい感じでスタートしました。
当日はおかし持ち寄りでしたが、@show_webさんがCSS Nite in Takamatsu ,Vol5でゲットした香川の高級菓子「志満秀のみくせん」を持ってきていました。

終始なごやかな雰囲気で終わりましたが、次回は喫茶店かどこかで「お茶会しましょう」ということになりました。

固定ページ直下の「アイキャッチ画像」を表示する – wordpress -

cova — Sun, 05 Jun 2011 15:01:17 +0000

今回は、wordpressの固定ページで、その固定ページ直下の「アイキャッチ画像」を表示する方法を紹介します。ページテンプレート(page.php)等に記載して使用すると良いと思います。

";
    foreach($pages as $page) {
      if ($page->post_parent != $productID) continue; // 直下以外は無視
      // image from gallery
      $link = get_page_link($page->ID);
      if(has_post_thumbnail($page->ID)) {
        $image_id = get_post_thumbnail_id($page->ID);
        $image_url = wp_get_attachment_image_src($image_id,'thumbnail', true);
echo <<<_PRODUCT_
        
        {$page->post_title}
_PRODUCT_;
      }else{
         // アイキャッチ画像が無い場合。noimage.pngは予め用意する
echo <<<_PRODUCT_
        
        {$page->post_title}
_PRODUCT_;
      }
    }
    echo "";
  }
}
?>

先日、「wordpress プラグイン」としてリリースしたので、こちらも参考にしてください。

Wordpressページ・アイキャッチをサムネイル表示する – eyecatch thumbnail -

cova — Sun, 05 Jun 2011 10:40:23 +0000

Wordpressのアイキャッチ画像を一覧表示するプラグイン”Eye Catche thumbnail”をwordpress3.1にて動作確認したので、リリースします。製品情報等はこちらから。

EyeCatch-thumbnail リリースに際して

wordrepssプラグイン「アイキャッチ・サムネイル」をリリースしました。wordpressユーザがより使いやすくなる為に貢献できたらと思っております。

プラグインの機能説明

本プラグインは、親ページ配下の子ページ、孫ページのアイキャッチ画像に登録されているサムネイルをリストとして自動表示する機能です。リストの出力形式・子ページの階層深さの指定ができます。

「このページに子ページとなる各ページのサムネイルを表示したい」といった要望に適しています。

使用例

１．以下のような構成のページを作成し、子・孫ページにアイキャッチ画像が登録されているとします。

商品一覧ページ
: 　商品カテゴリAページ; 　　商品A-1ページ; 　　商品A-2ページ; 　商品カテゴリBページ; 　　商品B-1ページ; 　　商品B-2ページ

「商品カテゴリA」「商品カテゴリB」は「商品一覧」の子となり、「商品A-1」「商品A-2」は「商品カテゴリA」の子となっています。

２．アイキャッチ画像のサムネイル一覧を表示させたい「商品一覧」ページに以下タグを張付けます。
[wp-eye-catch format=1 deep=3]

format=1
format出力リストのフォーマットを指定します。

format=1

[title]

format=2

format=3

format=4
deep=3
deep階層の深さを指定します。deep=1ならタグ記載した子ページのアイキャッチ画像のサムネイル一覧となります。

本プラグインを開発した理由

Wordpressでホームページ制作をしていると、カテゴリ配下の画像を「商品紹介や、新着情報として画像表示させたい」といった要望がよくあります。この処理を今までwordpressのfunction.phpや、各ページテンプレートに直接書いてきたのですが、「プログラマーだけでなく、デザイナーの方でも気軽にできるように」と思ったのがきっかけです。

画面イメージ

サンプルページ構成です。

親となるページには、タグを張付けます。

子ページには予めアイキャッチ画像を登録します。

フロントの指定した「サンプル」ページに子ページのアイキャッチ画像（サムネイル）が表示されます。

ライセンス

wordpress同様GPL(General Public License)で提供しております。

お問合せ等

ご質問やお問合せはこちらから承っております。タイトルもしくは本文に「eyecatche-thumbnailについて」と明記して頂けると助かります。

ダウンロード

本プラグインは、親ページ配下（子・孫または、それ以下のページ）のアイキャッチ画像のサムネイルをリスト表示するプラグインです。

ダウンロード

download1.0.0 - EyeCatch-Thumbnail

wordpress複雑なメールフォームを作る – cformⅡ -

cova — Thu, 19 May 2011 08:00:07 +0000

Web屋さんにとって、サイト構築する際のメールフォーム選定が一つの課題となっています。弊社はCMS（wordpress）による構築を得意としていますが、それでもメールフォームを作成するときは迷います。国内ではContact form7がよく利用されているようですが、今回は複雑な問合せ内容にも対応するwordpressのメールフォームプラグイン「cformⅡ」を紹介します。

本家サイト：cformⅡ (2011/05/19 閉鎖中)

機能概要

プラグインインストール後の管理画面から設定できる機能は以下。

フォームについて

Ajax使用可否
HTML・テキストメール使用可否
各種フォームのINPUT設定（各ファイルを添付しての投稿も可）
Wordpressコメントフォームへの反映
各種入力チェック（必須チェックや正規表現による入力チェックも可）
未入力フィールドの初期テキスト表示（カーソルがあたると消えたりします）
送信後のメッセージや、自動応答のメッセージ設定
フォームからの問合せ内容をデータ管理（トラッキング）可能
送信サーバ（SMTP）をGmailやYahooのような外部のサーバへ変更可能
CAPTCHA）イメージ設定
フォームスタイル（デザイン）の変更

上記以外にもさまざまな機能が用意されています。

Ajaxセキュリティ対策

特に気になったのは、Ajaxフォームならではのスパム対策としてcaptcha機能があることです。captcha機能とは文字列をならべた画像コードを認証として使う機能です。この機能が気軽に使えるのはありがたいと思います。

CAPTCHA以外にも、Q&Aによる認証もあるようです。

基本的な使い方

wpgogoに基本的な設定方法が解説されています。

参考サイト：
wpgogo.com
自転車で通勤しましょ♪ブログ

Wordpressプラグイン”Widget Custom”をリリース

cova — Tue, 05 Apr 2011 07:16:04 +0000

Wordpressのサイドバーやウィジェットを管理するプラグイン”Widget Custom”をwordpress3.1にて動作確認したので、リリースします。製品情報等はこちらから。