今日は少し仕事で困った事があったので忘れないようにメモ。
まず前提としてページ内にあるサブナビだけをサイト内の共通要素として使用したかったのでいつも使っているphpのreadfileで対応しようとしたわけです。
ただ今回はその埋め込む対象が静的なHTMLファイルではなくWPのページ部分に追記する場合だったのがそもそもの事の発端です。
いつもやってる方法(一応メモ)
htmlファイルでもphpが読み込めるように.htaccessに「AddHandler php5-script .html」と記述しphpを動作させるようにします。
今回の場合はサーバーがヘテムルだったのでこんな感じでおk。
もちろんphpのバージョンも既存の環境にあう設定です。
次に読み込むファイルを作成。今回はサブナビなのでsubnavi.htmlとでもしておきます。
subnavi.htmlには以下のみを記載するとします。
<ul id="subnavi">
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
</ul>
で、埋め込む側のファイルに絶対パスで
<? readfile("http://xxx.cm/subnavi.html"); ?>
と記載。すると埋め込みを指定したページにsubnavi.htmlの記述が反映されて埋め込み完了。
動作も確認してきちんと埋め込まれている事が確認できました。
と、ここまではいつもどおりにうまく行ってたんですがWPのページ内にこの記述を埋め込むとなぜか反映されない・・・・・。
ためしに埋め込んだページと全く同じ記述の静的なHTMLファイルを作りアップロードしてみると反映されている・・・。
という訳でこの時点でもうお手上げでした。
同じ記述をしているのにHTMLファイルとWPのページ内では動作が違うなんて・・・プログラムがよくわかんない僕ではここでお手上げです。
これは困ったと思いTwitterで愚痴っているとふとアイデアが浮かびました。(ここからが本題ですw)
「あのプラグインを使えばreadfileと同じような動作をWP上で実現できるんじゃね?」
そのプラグインというのがContact Form 7です。
このContact Form 7というプラグインはその名のとおりWP上で簡単にフォームが設置できるようになるプラグインなのですが、
このプラグインを使ってサブナビを実装しちゃいましたw
使い方は簡単でプラグインの設定画面から新規でフォームを作成し、フォームの部分にsubnavi.htmlに記述してある
<ul id="subnavi">
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
<li><a href="#">めにゅー</a></li>
</ul>
をまるコピすればおk。
あとはプラグインで指示されたコピペする記述をWPのページ内に貼り付けるだけ。
結果からいうとこっちの実装の方がWPでは簡単ですね。
フォームとかでめんどくさい時とかにたまに使ってたこのプラグインがこんな形で有効活用できるとは思ってもいませんでした。
これを応用すればサイト内のちょっとした共通要素をまとめて管理できる素晴らしいプラグインにはやがわりです!
もちろんフォームにも使えるのでカバーできる範囲がとっても広い。
これからはインストール時の基本メニューに決定です!
先日Twitterの公式ツイートボタン「Twitter Button」がリリースされたので早速試してみました。
まずは実験という事ででろぐに実装してみる事にしましたがTwitter上でWordpressのプラグインTweetButtonが紹介されていたので早速入れてみました。
このプラグインはWPのほかのプラグインと同様にダウンロードしてきてWPのプラグインディレクトリにフォルダごとアップしてから、管理画面にログインしてプラグインの有効化をすれば使用できます。
まあ導入は至って簡単です。
導入後の画面がこちら

前からあるTOPSYのツイートボタンの横に同じような体裁でボタンが追加されました。
ためしにボタンを押すとこんな感じに。

Twitterにログインしているとボタンをクリックするとそのままツイートできる感じです。
まあ便利。
短縮URLはt.coが使われます。
でもよく考えると本家版を使っていなかったのでついでに調べてみました。
http://twitter.com/goodies/tweetbutton
こっちを使うとボタンの表示やツイート内の表示テキストURLや言語の選択などがカスタマイズでき、あとオススメフォローユーザーのアカウント表示までコントロールできます。
使い方次第ですが、例えばキャンペーンサイトなどに表示させてハッシュタグを埋め込んだり、意図的にRTを促進させたり、運営者のアカウントのPRが出来たりするのでけっこう便利かも。無料で利用できるので導入しやすいですし。
実装したいだけならWPのプラグインとかで簡単にできていいと思いますがカスタマイズしたいなら公式の方を使った方がいいような気がします。
あくまで個人的な意見ですけどね。
おまけ
このTwitter Buttonの事を調べていたら知らなかった少し便利な事が分かったので追記します。
それはTwitterのロゴやアイコンや公式のボタンがあるということです。(ボタンは今回のTwitter Buttonの事ではなく単純な画像の分ですよ)
Twitterロゴとアイコン
Twitterボタン
利用シーンによりますが使う場合はこっちを使った方がいいかも。
もちろん利用する場合は利用ガイドラインをしっかり把握した上で使うのは当然です。
今日は朝から京都リサーチパークで開催される「WordCamp Kyoto2009」に行ってきました。
WordCamp Kyoto2009を簡単に説明するとWordPressというブログツールのコミュニティイベントです。
WordPressは日本であまり知れわたってはいませんが実は世界で最も利用されているブログツールです。
その為、今回のイベントも昨年東京で行われたイベントに続く日本で2回目のイベントです。
もちろん関西地方初。
この手のイベントでしか手に入れることのできない「生きた情報」を求め行ってきました。

会場入り口の様子。クリエイティブな雰囲気がします。

参加記念品としてシールやカンバッチ等のグッズがもらえました。

会場内もクリエイティブな雰囲気です。
前置きが長くなりましたが今回行ってきて紹介しても大丈夫そう&個人的に面白かった事を紹介しようと思います。
まずは3番目にプレゼンをしてくださった池田百合子さん。
プレゼン内容は「Ktai StyleとKtai Entryで楽しいブログ生活」
池田さんが開発した携帯投稿用プラグインのKtai StyleとKtai Entryを使ってメール投稿で快適なブログライフを楽しもうというものです。
その為にこういう事例があってとかの具体的な話が聞けました。
内容ももちろんよかったのですがそれよりも池田さんのしゃべりがすごかった。
30分近くあるプレゼン時間中ずっとしゃべりっぱなしのマシンガントーク。
しかもしゃべりにポイントを混ぜて話してくれるのでとても楽しかったです。
次に面白かったのがデジタルキューブさんのプレゼン「め組GPLテーマ」です。
GPLで配布されているテーマについてのプレゼンで以前は自分も聞く側だった事から作り始めて世界観が変わった話が印象的でした。
あとは目を引くプレゼンテーション資料の質の高さと小ネタのちりばめ方が非常に参考になりました。
次回は是非大阪でも開催してもらいたいなと思います。

ちなみにお昼休憩は近所のかごの屋で食べましたがおいしかったです。
この前独自ドメインを取得してブログを移行した訳なんですが、ちょっと面倒だったので忘備録的な意味あいも含めて記事にしてみようと思います。
まず、普通であればjugemで記事をエクスポートしてからそのデータをWordpressにインポートすれば完了となればいいんですがそういうわけにはいきません。
というのもjugemブログの記事のエクスポート形式がJUGEM-XML形式という特殊な形なためなんですが、これが対応していないので正常にインポートできないという事が分かりました。
(jugem同様ロリポブログもこの形式です。)
なので調べてみると以下のような手順を踏む必要があるという事が分かりました。
ちなみに以下手順は画像を新しいサーバー上にアップロードする事を前提です。Jugemに画像データを置いてそのまま使う場合は手順2.3.4は必要ありません。
1.jugemから記事のエクスポート(JUGEM-XML形式。100件ずつで分割)
↓
2.画像データもダウンロード(Jugem管理画面からデータ管理→画像管理で開いてでてきたサムネイル横のテキストリンクを右クリックで「対象をファイルに保存」でそのままの名前でダウンロード。一括でできる方法がないのでめんどくさいですががんばります。いい方法あったらだれか教えてくださいw)
↓
3.画像を新しいサーバーにアップロード(アップロードするディレクトリはどこでもいいですが1箇所にしておきましょう。)
↓
4.記事をエディタで開いて画像のパスを一括変換
↓
5.記事をJUGEM-XML形式からMT形式に変換。(いろいろなサイトがありますがJUGEMログをMTログに変換サイトが一番いい感じでした。)
↓
6.WordpressでMT形式のログをインポート
↓
7.確認して完了
という流れです。この方法でやるとコメントやトラックバックの情報を保持したまま移行することができるので便利です。
一番めんどいのは画像のダウンロードですね。Jugemで一括ダウンロードできるようにできたらいいのに・・・。
その行程を省けば記事の移行自体は30分もあれば終わります。
- いってきた
- うさぎ
- うどん
- おいしい
- おもちゃ
- お出かけ
- こいのぼり
- たこ焼き
- なんば
- ぶどう
- ゆるキャラ
- アニメ
- アンパンマン
- カメ
- クッキー
- クラウド
- グルメ
- ケーキ
- ゲーム
- コスプレ
- サマソニ
- サーバー
- ショッピング
- シンケンジャー
- スイーツ
- ディケイド
- ドットコーダー
- ドメイン
- ブラウザ
- プラグイン
- ボーネルンド
- ポケモン
- ポメラ
- ラーメン
- 中華
- 乗り物
- 京都
- 仮面ライダー
- 伊丹
- 便利ツール
- 元浜緑地
- 公園
- 城崎
- 夏祭り
- 大阪IT飲み会
- 天王寺
- 奈良
- 妻
- 感想
- 散歩
- 本
- 東京
- 枚方
- 梅田
- 水族館
- 水遊び
- 水都大阪
- 海遊館
- 牧場
- 琵琶湖
- 病気
- 痛車
- 盆踊り
- 砂遊び
- 神戸
- 紅葉
- 絵本
- 花
- 花火
- 西宮
- 西猪名公園
- 誕生日
- 電車
- 高槻
- 鳥取
- Adobe
- apple
- BBQ
- FLASH
- Gumblar
- HTML5
- IE
- iPad
- iPhone&iPad
- IT経営実践会
- Javascript
- jQuery
- Movabletype
- NAS
- OPENPNE
- PhoneBook
- Skype
- TDR
- USJ
- W
- Web
- windows
- Wordpress
- WWE




