で紹介していた『publishToMixi』ですが Windows Live Writer や iphone などの外部からの投稿が反映されていないようです。

wordpress3.3.1のバージョンアップからだと思うので、wordpress の仕様変更が原因だと思うのですが、今までも mixi のセキュリティ変更などで動作不良になったこともしばしば・・・。

そこで提携をした twitter と mixi ですので連携も確かだろうと、mixi の外部連携を使って twitterと連携させることにしました。

publishToMixi の良さのひとつにmixi日記に投稿できるという利点があるのですが、ちょっと我慢してmixiボイスでの連携です。

投稿時の流れはこんな感じになります。

Windows Live Writer で wordpress に投稿
↓
wordpress のプラグインで twitter に自動ツイート
↓
twitter と mixiボイスが自動連携

———– twitter と mixi を連携する ————–

まずは mixi にログインした状態で『設定変更』をクリック

『外部サービス連携』の『・twitter連携』をクリック

Twitter連携の部分、『設定方法を選ぶ』をクリック

Twitter連携の設定を決めます。

今回は『Twitterのツイートを、mixiボイスに転送する』にしました。

ここの設定で、相互に転送したり、mixiからtwitterへ転送したりできます。

twitterのアプリ認証が開きますので『連携アプリを認証』クリックして終了です。

これで wordpress に投稿すると mixiボイスにも反映されます。

phpをあつかっていると、ドメインをまたぐような外部ファイルの取得や、サーバーの仕様などで ”include” が使えない場合があります。

今回はサーバーの移転をしたら、今まで使っていた “include” が使えずファイルを引っ張ってくることができなくなりました。

こんな時は、”fopen” をつかって処理します。

こんな感じ、

   1: $files=fopen("http://example.com/content.php","r");

   2: fpassthru($files);

$files=fopen でファイルを収納、fpassthru でファイルを出力。

ｒ は『読み込みで開く』ということです。

xsltprocessorとはPHP5のXSLT関数なのですが、WebMatrixでは初期でセットされていないようです。

PHP5ははいっていますので、”php.ini”を探ってみました。

WebMatrix のWeb サーバーとして稼働しているのは IIS Express ですので、その中のフォルダにあるはずです。

C:￥Program Files (x86)￥IIS Express￥PHP￥v5.2

これをエディタで開き[ExtensionList]を探すと、1309行目にありました。

最後の行に extension=php_xsl.dll を付け足して保存します。

ただこのファイル、書き込み出来ないようになっていますので、
ファイルを右クリック→プロパティ→セキュリティ→編集→Usersを選択し、書き込みの所にチェックを入れてOK。

これで xsl が使えるようになります。

自分もしばらくは、『XAMPP』と簡単なWebサーバーをたてて使っていたのですが、最近ではもっぱら『Microsoft WebMatrix』を使っています。

最近ではもっとも多いのが、Wordpressのテーマなどのカスタマイズなので、サクッと環境作りサクッと作業に入る、というのがやはり理想です。

この『Microsoft WebMatrix』けっこう昔からあったような気がするのですが、当時はどちらかと言うと.NETなどの開発用という感じだったような気がします、今ではすっかり様変わりしてとっても便利で高機能な事も出来ちゃうツールです。

自分が良く使うのが『Webギャラリーからサイトを作成する』

試しにWordpressサイトを作ってみると、

WordPress 日本語をクリックし、

『同意する』をクリック

必要な部分を入力『次へ』

これでローカルのセットアップは終わり。

URLをクリックすると、おなじみのWordpressのセットアップが始まります。

これが終われば、インストール終了。

MySQLなどのインストールが終わっていればここまで”5分”です。

Microsoftなので安心して使えますよ。

Webギャラリーにはこんな動的サイトが用意されています。

ブログ系
・Wordpress（英語・日本語）
・BlogEngine.NET
・Acquia Drupal
・DasBlog
・Mayando
・Subtext
・AtomSite
・MODx CMS
・Composite C1 CMS
・DotNetAge
・Geeklog

CMS
・DotNetNuke
・Umbraco CMS
・Joomla!
・mojoPortal
・Kentico CMS
・Moodle
・Orchard CMS
・N2 CMS
・My Web Pages
・Dropthings
・TangoCMS
・Kooboo CMS
・MonoX
・SQLCMS
・Composite C1 CMS
・SugarCRM
・Tandem Server CMS

eコマース
・nopCommerce
・mojoPortal
・Kentico CMS
・Kartris
・Core Ecommerce Lite
・SplendidCRM
・EC-CUBE

フォーラム
・phpBB
・YetAnotherForum.NET
・OpenPNE

ギャラリー
・Gallery Server Pro
・Mayando
・Gallery
・Azopho

ツール系
・ResourceBlender
・nService
・Piwik

Wiki
・ScrewTurn Wiki
・Tiki Wiki CMS

ダウンロードはこちらです。

これはIEのバージョンによってCSSの解釈の違いというか、バグがあるからなのですがけっこうこの検証が厄介です。

そのせいか Internet Explorer 9 には『開発者ツール』というものがついてあり、この中の『ブラウザーモード』でIE9、IE8、IE7それぞれの検証ができるようになっています。

しかしこの機能、自分の周りだけかもしれないのですが開発者で知らない方が多いのに最近気がつきました。

きっとみんな標準でFirefoxを使っているせいだと思うのですが・・・。

この機能は”IE9”がインストールされていれば使えます。

サイトを開いて、『F12』キーを押します。

『開発者ツール』が開きますので『ブラウザーモード』をクリックし検証したいIEバージョンを選ぶだけ。

ちなみに今制作中のサイトはこんな感じ、

IE9、IE8では問題なし	IE7ではサイドバー崩れる

まだ10％ほどいるといわれるIE6の方のための検証は、
Windows7でIE8、IE7、IE6、ついでにIE5.5も使えるようにする（その１）
をご参考ください。

IE9はここからダウンロードできます。

http://windows.microsoft.com/ja-JP/internet-explorer/downloads/ie

英語にんってしまうのですが、『Wordbooker』というプラグインを使ってみます。

————— インストール ————————–

WordPressの管理画面、『プラグイン』→『新規追加』で『Wordbooker』を検索。インストールします。

『設定』の中に『Wordbooker』がありますのでここで設定をします。

まずは、『Connect with Facebook』をクリック、『許可する』でアプリを通します。

Facebookに通るようになったら、設定なのですが、けっこうたくさんあるのでざっと自分が変更したところだけ紹介します。

Length of Extract を400に変更、投稿の文字数だと思うのですがこれを多くしました。

Default Pubish Post to Facebookにチェック。

Post Attributeを”mauyas.comから %title%”に変更

『Save Blog Level Options』をクリックして終了です。

WordPressに投稿すると、自動でmixiの日記にも投稿できるというもので、ものぐさな自分にはぴったりのプラグインです。

これでまっさらなmixi日記もなんとかさまになるというものです。

——————— インストール ———————————-

いつものようにWordPressの管理画面からのインストールです。

管理画面の『プラグイン』→『新規追加』で『publishToMixi』を検索。インストールします。

『設定』の中に『mixi投稿設定』がありますのでここで設定をします。

設定自体はいたって簡単なのですが、『mixi ID』というのがあります。

これはmixiでの自分のIDなのですが、簡単な見方は、

mixiのプロフィールを開いたときのURLに、”?id=○○○・・・・”というのがありますのでその数字を入力してください。

投稿画面のチェックボックスで投稿するかどうかを選べるのですが、『デフォルトでオンにする』のチェックをつけておくと、Windows Live Writerなどで記事を書いても自動でアップできますので便利です。

で書いたように、大御所もSNS参戦と言うことでこのへんの効果ももう無視できそうにありません。

そこでWordpressでサクサクっとやってしまうお役立ちプラグインです。

『WP Social Bookmarking Light』

対応しているサービスは
Hatena Bookmark
Hatena Bookmark Users
Hatena Bookmark Button
Twib – Twitter
Twib Users – Twitter
TweetMeme – Twitter
Tweet Button – Twitter
Livedoor Clip
Livedoor Clip Users
Yahoo!JAPAN Bookmark
Yahoo!JAPAN Bookmark Users
Yahoo!Buzz
BuzzURL
BuzzURL Users
@nifty Clip
@nifty Clip Users
Tumblr
FC2 Bookmark
FC2 Bookmark Users
newsing
Choix
Google Bookmarks
Google Buzz
Google +1
Delicious
Digg
FriendFeed
Facebook Share
Facebook Like Button
Facebook Send Button
reddit
LinkedIn
Evernote
Instapaper
StumbleUpon
mixi Check 
mixi Like 
GREE Social Feedback
atode

と多彩です。

——— インストール —————————————————————

このサイトの場合、『Like』というFacebookのいいねプラグインを導入してたのでこれを停止。
新たに『WP Social Bookmarking Light』を利用します。

いつものようにWordPressの管理画面からのインストールです。

管理画面の『プラグイン』→『新規追加』で『WP Social Bookmarking Light』を検索。インストールします。

インストール、有効化が済むと、『設定』から『WP Social Bookmarking Light』を設定します。

日本語化もされていますので簡単に設定できると思いますが、mixiを使う場合、mixi check keyが必要となります。

下の方、mixiの所にあるリンクから設定の説明を読んでください。

設定が完了するとこんな風に表示されます。

Googleに登録していてログインしている方には、Googleの検索をするとこんな風に見えます。

『+１』のアイコンと『+１』が付いていたらその情報が表示されています。

いわゆる『いいね！』みたいなものだと思うのですが、天下のGoogleさん今後どういう風に影響するのか、これからはユーザー目線のサイト構築が鍵になりそうです。

で紹介した、Twitterへの投稿プラグインですが、いつの間にかTwiterへ投稿できなくなっていました。

そこで、自動更新をしてみるとなんと

日本語になっていました。

これは大変たすかります。

さっそく日本語になった設定内容をみていくと、

『特殊なツイートタイミング設定』の所、

“リモート投稿時にツイートする (メール投稿・XMLRPC クライアント)”

にチェックを入れる項目を見つけました。

自分の場合、Windows Live Writer で記事を書いているのですが、どうやらこれが原因のようです。

Windows Live Writer やメール投稿などをしている方で、『WP to Twitter』でWordpressの投稿がTwitterに反映されない方は、ぜひチェックしてみてください。

Firefoxは更新に関しても簡単になりましたので、サクサックとバージョンアップしてしまいましょう。

Firefoxの『ヘルプ』から『Firefoxについて』をクリックします。

『ダウンロードした更新を適用』をクリック。

『Firefox を更新する』をクリックします。

これで更新できます。

セキュリティの更新も含まれているようですのでぜひやっておきましょう。

感想はとにかく速い！

「JägerMonkey (イェガーモンキー)」というJavaScript エンジンのおかげなのか、めちゃ速です。

インタフェイスはこんな感じ

スッキリとしていてシンプルです。

Google Chromeがでたときは、すっきりしすぎていて『大丈夫か！』なんて思ったものですが、IE9にせよブラウザはシンプル化へと進んでいるようです。

当然ですがIE9同様、今回も注目しているのが『HTML5』、『CSS3』といった新機能への対応、それにFirefoxではWindows７でのマルチタッチにも対応しているようです。

とにかく今回のFirefox4、てんこ盛りの新機能を備え登場です。

新しいFirefoxの機能と特徴を知りたい方はこちらでご覧下さい。

http://mozilla.jp/firefox/features/#sec-tech

速さには驚きますよ！

ブラウザがSafariなので一般表示は問題ないのですが、やっぱり小さい。

そこでスマートフォン表示に自動で変換してくれるプラグイン『WPtouch』を導入してみました。

いつものようにWordPressの管理画面からのインストールです。

管理画面の『プラグイン』→『新規追加』で『WPtouch』を検索。インストールします。

有効化すればすぐに使えるようになります。

『WP FollowMe』がFlashなのでうまく表示されていませんが、とりあえずOKとします。

ほとんどそのままカスタマイズなしで使えると思うのですが、一つだけ気になることが・・・。

絵が少なくなりますのでIconをオリジナルにした方が分かりやすそうです。

設定の中の『Default & Custom Icon Pool』にIconをアップします。

Iconはサイトで使っていたFaviconを流用しました。

Upload Iconでアップするのですが、うまくいかない場合は、
…/wp-content/uploads/wptouch/custom-icons
にFTPでアップしてみてください。（このサイトではこの方法を取りました）

このようにアップしたIconが表示されます。

今度はその下にある『Logo Icon // Menu Items & Pages Icons』の『Logo Icon // Menu Items & Pages Icons』をIconの名前に変更します。

これでiPhoneなどのスマートフォンで表示されたときオリジナルのIconeで表示されます。

ちなみに画面をスクロールした下にある『Mobile Theme』で表示の切り替えができます。

まあ、検索エンジンもGoogleに代わりますし当然でしょう。

ということは、metaタグも必要でなくなったということ。
余計なコードは取ったほうがいいので、さっそく各サイト削除です。

そう、管理しているサイト20、あー大変だ～。

皆さんもmetaをヘッドに書いてた方は削除してくださいね。

<meta name="y_key" content="○○○○○○○○○" />

このようなタグです。

今度のプラグインは『wp to twitter』を使いました。

管理画面の『プラグイン』→『新規追加』で『wp to twitter』を検索。インストールします。

『設定』のところに『WP → Twitter』ができますのでここをクリックしセットアップします。

1. Register this site as an application on Twitter’s application registration page
の青いリンクをクリックして、まずはTwitterの設定をします。

————————————————————————

Twitter Developerが開きます。

ログインしていない場合は使用するTwitterでログインしてください。

【アプリケーション名】：自分で決めることができます。Twitterには”○○から”と表示されますのでちょっとは考えて付けましょう。

【アプリケーションの説明】：自分で決めることができます。
【アプリケーションのウェブサイトURL】：使用するサイトのURLです。
【所属／団体】：自分で決めることができます。
【アプリケーションの種類】：”ブラウザアプリケーション”にチェックを入れます。
【コールバックURL】：アプリケーションのウェブサイトURLと同じURLを入れます。
【Default Access type】：”Read & Write”にチェックを入れます。
【アプリケーションのアイコン】：自分で決めることができます。

『アプリケーションを登録する』をクリックします。

『I Accept』をクリックします。

keyが発行されます。

——————————————————————–

『wp to twitter』にkeyを入力します。

”Twitter Consumer Key”にtwitterの”Consumer Key”を
”Twitter Consumer Secret”にtwitterの”Consumer Secret”を入力。

”Access Token”にtwitterの”Access Token（oauth_token）”を
”Access Token Secret”にtwitterの”Access Token Secret（oauth_token_secret）を入力。
これはtwitterの右『My Access Token』ボタンをクリックし別画面にて確認できます。

入力が終わったら『Connect to twitter』をクリックします。

これでtwitterにツイートできるようになります。

Basic Settingsの”Choose your short URL service (account settings below)”にてショートURLを『Don’t shorten URLｓ.』にしておかないとエラーが出ます。

ショートURLのサービスを登録しセットするか、使わない場合は『Don’t shorten URLｓ.』にしてください。

9月の頭ぐらいから手を入れ初め、最低限まで持ち上げたのが17日、1週間で目に見える成果が出ました。

このサイトの場合、まずは初歩的なSEOをし、コンテンツの整理、デザインを含めた中身の再構築という手順で作業を進めています。

その結果、

こんな感じでアクセスが約5倍になっています。

ここでいったんこのサイトの開発を休んで、関連サイトのテコ入れに入っている最中です。

友達のショッピングサイトとあってこういう知らせはうれしいものです。

初の売れた商品はこちら

オールドチーク レストアスツール

オールドチーク×アイアンスツール

うれしいので宣伝してしまいます。

検索エンジンからのアクセスが要因なのですが、たったひとつのキーワードがこのような現象となります。

当然基本のSEOを行っていることが前提となるのですが、やっぱり内容、タイトルが重要のような気がします。

なんだ！このアクセスは？

でも書いたのですが、とんでもないワードでアクセスが伸びたりします。

昔、物販をやってた頃があるのですが、売上を上げるための商品をよく『仕込む』と言っていました。
そしてそれが当たって売れると『とぶ』と言ってました。

12年前仕込んだ商品がアウトドアメーカーのレディース商品。

スポーツ店以外の一般小売では全国で初めての卸だったそうです。

いま『森ガール』、『山ガール』とその手の商品が好調のようで専門の通販誌まであるとのこと。
10年早かったか・・・なんて思っているこうこの頃です。

なんだかこの『仕込む』、『とぶ』の感じは似ているような気がします。

でもネットの世界ではあまりにも要因が多すぎて、最近では『ネットは誠意だ！』なんて言ってるこの頃です。

暑いですからね。

とうとう発表になりました。

噂のあったYahoo！の検索エンジンGoogle化。

この提携で影響を受けるのは、ウェブ検索結果の表示に必要な検索エンジン部分と検索連動型広告の表示に必要な配信システムの部分。

てことはほとんどがGoogleの影響を受けそうです。

残るのはYahoo！の独自コンテンツ部分ぐらいか・・・？

このサイトもそうなのですが、Googleに検索に重きを置いていましたのでちょっとうれしい次第です。

しかしなんか独占状態になるのもどうかなという気がしています。

SEOも波瀾万丈です。

今まで眠っていたドメインをたたき起し、サイトの構築です。

どちらかと言えばSEOとかより、教えた人向けのあんまり有名になりたくないサイトです。
名刺なんかにひっそり書いておくような感じ。

でもそれなりのものにしたかったので簡単にぱぱっと作ってしまおうと『ID for WebLiFE 』というソフトを使い作ってみました。

http://awnet.org

3時間ほどの作業です。

この『ID for WebLiFE 』というソフト、使って4,5年ほどになるのですがFLASHベースのサイトの制作ソフトです。

カートリッジという概念の制作方法で、あらかじめある用途のさまざまなカートリッジを組み合わせカスタマイズして作っていくというもの。

素材を工夫するとなかなか出来栄えの良いサイトが出来上がります。

大きな不具合の報告もないようですし、試験サイトの更新具合も何ともなさそうですのでマウやすやその他のサイトも更新を始めました。

恒例になった自動アップグレードを使います。

自動更新になってからとっても楽チンになりました。

とてもすっきりした管理画面です。

今回 『Wordpress MU』と統合になったようですが、そんなに変わった感じはしません。
ちょっと気になったのが、テーマのコントロールなどを行う『外観』のところに『メニュー』の項目ができたこと。

クリックすると、

現在のテーマはメニューに対応していませんが、”カスタムメニュー”ウィジェットを使い、ここで作成したメニューをテーマのサイドバーに追加できます。

とでます。

メニュー項目のカスタマイズなどを行えるような機能なのだと思います。
ちょっと検証してみる必要がありそうです。

他にも追加になった機能があるようなのですが、暇を見てやってみようと思います。

WordPress の新しい機能は、今回新しくなった標準のテーマ”Twenty Ten 1.0”で使っているみたいです。

背景、ヘッダイメージの変更や Twitter でよくつかわれる短縮リンクなど気になる新機能が実装されています。

WordPressもますます敷居が低くなりました。

WordPress 3.0 のビデオツアー

通常『前のページ』、『次のページ』など2方向のナビゲーションはありますが、視覚的にページ数などが出るページナビゲーションがユーザビリティにも優れています。

そのページナビゲーションを導入できるのが『WP-PageNavi』というプラグインです。

今回も簡単に管理画面から導入します。

プラグインの”新規追加”を表示します。

『PageNavi』と入力し『プラグインの検索』をクリック

『WP-PageNavi』が現れますのでインストールクリックしインストールします。

導入後表示したいテーマの場所に

<?php wp_pagenavi(); ?>

とコードを書き入れます。

『設定』のPageNavi Settingsにて表示の設定ができます。

このサイトでは『Number Of Pages To Show』の数を変えた他はそのままで使っています。

昔のバージョンではCSSを書き換えサイトに合わせる必要がありましたが、現在の場合では『Use pagenavi-css.css』のチェックでサイトのカラーに合ってくれると思います。

おなじ記事がカウントされてしまっているようです。

導入したばかりも同じようなことがあったのですがその時は『Remove Plugin』をしたりしたときでした。

ちょっと原因は分からないのですがこの重複したカウントを正常にするにはちょっとコツが必要になります。

SQLを開いて重複したデータを削除するのですがその説明をします。

—————————————————————————–

phpMyAdmin を使います。

WordPressをインストールしたときのデータの接頭語（$table_prefix デフォルトで”wp_”）によって頭がちょっと違ってきますが、『wp_posts』を探し表示させます。

重複している記事のタイトル『post_title』を探し IDをメモしておきます。

この場合”2254”がIDです。

次に『wp_postmeta』を表示させ『post_id』がIDと同じものを探します。

同じ『pvc_views』がふたつあります。
この『pvc_views』が『Popular Posts』のデータです。

このふたつのうちどちらかを削除します。

これで重複したカウントを正常化できます。

7.8年前は全くと言っていいほど手頃なカートが見つからず結局CGIなどをつかって作っていたのですが、最近ではいろんなカートシステムが出回ってきました。

その中でも一番注目しているのが『Welcart』

Welcart

WordPressに組み込めるプラグインです。

たしか前身が『uCart』というので始まったと思うのですが、名前も一新、日本語対応ということでは一番使いやすい手頃なシステムなのではないでしょうか。

まだ開発途中ではありますが、テストも兼ねて『浜梨かふぇ ネットショップ』というサイトで使わせていただきました。

浜梨かふぇネットショップ

簡単とはいえ、ショッピングシステムですのでやはり組み込みや構築にはそれなりの覚悟がいると思います。
その点、サポートやコミュニティが日本語でありますので敷居は低いと思います。

基本的にショートカットは、

『スタート』 → 『すべてのプログラム』 → 『Windows Virtual PC』 →『Windows XP Mode アプリケーション』のフォルダの中に出来ます。

アプリケーションなどによってはこのショートカットができなかったりした場合、Windows XP Mode上でこのショートカットを作りましょう。

Windows XP Mode の『スタート』を右クリック、『開く-All Usars』をクリック。

オープンしたスタートメニューの中の『プログラム』をクリック、このフォルダの中ににショートカットを作ります。

これでWindows7の
『スタート』 → 『すべてのプログラム』 → 『Windows Virtual PC』 →『Windows XP Mode アプリケーション』の中にショートカットができます。

次回からはこのショートカットで直接”Windows XP Mode”のアプリケーションを立ち上げることができるようになります。

Windous7にてIE8、IE7、IE6、IE5.5を立ち上げ並べてみました。

このように普通のアプリケーションのように動作します。

このマウやすはいずれもキチンと表示されました。

ちなみにMSNは、

IE5.5ではくずれていますね。

Windows XP Mode を起動します。

IE6が初めから入ってありますが、IE7にバージョンをアップします。

http://www.microsoft.com/japan/windows/downloads/ie/getitnow.mspx

からIE7をダウンロードします。

ダウンロードはWindows XP Mode 上のIE6で行ってください。

IE7のダウンロードのボタンは下の方にあります。間違ってIE８をダウンロードしないように注意してください。

IE7をインストールします。

http://tredosoft.com/Multiple_IE に行き『Multiple IE』をダウンロードします。

下の方の ”Download Multiple IE installer” です。

インストールの途中でインストールのIEのバージョンを選択できます。
自分の場合IE６だけでいいとは思っていたのですがついでにIE5.5もインストールしました。

Windows XP Mode 上のデスクトップに3つのIEのショートカットができました。

このままでも使えるのですが、Windows7で使いやすくするために次回はショットカットの設定をしてみます。

よくMacでWindowsを動かしている”Boot Camp”と同じ仕組みです。

今回は WindowsXP ということで導入しますが、基本的に『Virtual PC』はパソコン本体にて動作可能なプログラムを動かすことができます。つまり、Windows2000やLinuxなどもインストールして使うことができます。

——————————————————————

まずMicrosoftのサイトから必要なファイルをダウンロードし、インストールします。

http://www.microsoft.com/japan/windows/virtual-pc/download.aspx

自分のWindous7のディションを選択し、言語を選択するとそれに合ったファイルがダウンロードできるようになります。

順番にダウンロードしインストールします。

– セットアップ –

コンピューターの再起動後、『スタート』 → 『すべてのプログラム』 → 『Windows Virtual PC』 →『[Windows XP Mode』をクリックしセットアップを開始します。

パスワードを記入し『次へ』
コンピュータの保護を選択
『セットアップの開始』をクリック

セットアップの間簡単ですがWindows XP Modeの概略を見ることができます。

セットアップが終了したらWindowsXPが起動します。

WindowsXPが起動したら通常のXPのように扱うことができます。

必要な設定を行います。

—————————————————–

次回は通常のXPでのマルチIEと同じになってしまいますが、IE7、IE6、ついでにIE5.5をインストールしてみます。

しかしそろそろWindows７でもIE7、IE6を使いたいと思い早速やってみました。

手順は、

1. Windows7でWindows XP Modeを使えるようにする。
2. Windows XP Mode でIE7を使えるようにする。
3. Windows XP Mode にて『Multiple IE』をインストール
4. Windows7で直接Windows XP ModeのIE7を起動できるようにショートカットを作成する。

というやり方です。

Windows XP Modeは”Windows 7 Professional”、”Ultimate”で使える機能でIE7以下のバージョンはインターフェイスの関係からこの機能を使わないと起動できません。

残念ながら”Windows 7 Home Premium”で同じような機能を使おうとするとXPのライセンスが必要となります。

やはりある程度の高度な作業をする予定のある方には”Windows 7 Professional”以上のグレードを購入するのをお勧めします。

では次回にて”Windows7でWindows XP Modeを使えるようにする。”をやってみたいと思います。

 
Windows７にてIE8、IE7、IE6、IE5.5表示

よく新着記事などで新しい記事を5件など表示させたい時があります。

このサイトでは『RECENT』がその役割を持っています。

大抵はこんな感じ

query_posts を使ってループを作って表示です。

showposts は表示する数

order で昇順、降順を指定です。

カテゴリーを指定するときは cat＝○ で指定するのですが、除外の方法が分かりませんでした。

あれこれやってみたところなんてことはない － をつければよかったようです。

cat=-5

これでカテゴリーIDが5以外のループができます。

よく”スポイトツール”とか”カラーピックアップ”と呼ばれるツールがそうなのですが、今回自分が気に入ってよく使っているフリーのソフトをご紹介します。

『Instant Eyedropper』という外国のソフトなのですが簡単ですので英語でも十分使いこなせます。

まず、
http://instant-eyedropper.com/?ref=ie
からダウンロードします。

ダウンロードした InstantEyedropper.exe をクリックしインストールは終了です。起動するとタスクバーにアイコンが表示されます。

このアイコンをクリックしながらポイントを色が知りたい場所に合わせます。

色のコードが見ることができます。上画面の場合、HTMLでのコード表示ですが使い方に合わせ

HTML
Hex
Delphi Hex
VB Hex
RGB
HSB

を選択できます。

Options で Copy to Clipboard にチェックが入っているとクリックを話した時点でクリップボードにカラーコードがコピーされます。

あとは入力したい場所にペーストすると完了です。

使い勝手がよくスピーディーに作業もこなせますのでお勧めのソフトです。

今回はサイトを管理するため、おもに検索エンジンのクロールやインデックスなどをするための登録になります。

googl ウェブマスターツール

https://www.google.com/webmasters/tools/home?hl=ja

Googleアカウントの取得が必要となります。過去記事でSeesaaを例にして説明してあります。
SeesaaでGoogleウェブマスターツールを使う

Yahooサイトエクスプローラー

https://siteexplorer.search.yahoo.co.jp/

Yahoo!JAPAN IDが必要となります。過去記事はこちら
Yahoo! JAPANのサイトエクスプローラー
昔は日本版がなくYahoo！Asiaのサイトエクスプローラなどを使って登録したりしていました。
未確認ですが外国のYahoo！にも登録したほうが有利、なんて伝説もあります。

bing Webmaster Center

http://www.bing.com/webmaster

MSNのアカウントが必要になります。Live Searchの時のですが全く同じですので過去記事を参考にしてください。
MSN（Live Search）へSitemapを登録

まずはサイトURLの登録、

Bing

http://www.bing.com/webmaster/SubmitSitePage.aspx

yahoo
 
http://submit.search.yahoo.co.jp/add/request

Google
 
http://www.google.co.jp/addurl/?continue=/addurl

いずれも各検索エンジンにサイトのURLを教えるために登録します。
ほっておいても検索エンジンはインデックスしてくれますが、登録をすると短期でエンジンがやってきてくれます。

普通レンタルサーバーでは容量のアップはあってもSQLの作成数まで増やしてくれることはめったにありません。
X10プラントいう一番少額なプランで”20GB”、”30個のMySQL”ですからレンタルサーバーの中ではピカイチなのではないでしょうか？
仮に1ドメイン1個のSQLを使うとしたら30個のドメインで運用できてしまいます。

改めてXSERVERでよかったなんて思ってしまいます。

今なら『サーバー申し込み６万件』を記念したキャンペーンをやってます。

自分でサーバーを運用したい方にお勧めです。

バナーを制作する時や、BOXを作りたい時などがそうですが、やっぱりアナログ的に定規で測るように知りたい。そんなときに便利なソフトです。

こんな感じでピクセルを測ることができます。

—————— ダウンロード ——————–

vector からダウンロードすることができます。

http://www.vector.co.jp/soft/win95/art/se319323.html

デスクトップに出来たファイルを解凍し

解凍後のファイルの中にある『Rosa.exe』にて使用できます。

表示解像度のエミュレートや画面のキャプチャ機能なども付いています。

このソフト結構昔からあるのですが使いやすいのでいまだに重宝しています。
Windows7 64bit でもきちんと動作してくれています。

ちなみに自分はこのようなフォルダ起動のソフトはドライブの中に『my program』というフォルダを作ってそこに集めています。

ランチャなどを使ってショートカットを作っておくと管理もわかりやすいですよ。

この二つのプラグインは共通のプラグイン『Post-Plugin Library』を使っていますので、『Popular Posts』を使っているならぜひ合わせて使いたいプラグインです。

このサイトでは

こんなふうになっています。

プラグインの設定はデフォルトのまま、CSSだけをつけたしています。

—————– プラグインのインストール ————————–

まずは Post-Plugin Library をダウンロードし有効にします。
これは、
WordPressで人気のあるエントリー（記事）を表示してくれるプラグイン『Popular Posts』
を参考にしてください。

『Similar Posts』をダウンロードします。

http://rmarsh.com/plugins/similar-posts/

に行き、

をクリックしダウンロードしてください。

ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを有効化します。

表示したいテーマファイルの場所に

   1: <?php similar_posts(); ?>

とコードを付け加えます。これで表示されます。

先ほども述べましたが、このサイトでは『Similar Posts』の設定自体はほとんどいじっていません、変更したのが『Placement Settings』タブの『Output after post』の部分、

『Activate』の部分を ”Yes”にし、『Parameters』を

   1: prefix=<div id="best"><h4>ついでに読んだら参考になるかもしれない関連記事:</h4><ul class="similar-posts">&suffix=</ul></div>

としました。

関連記事についてはいろんなプラグインがあるのですが、タイトル、記事内容、タブ、といろんな要素での選出がありそんな調整もできるのがこのプラグインです。

最初はショッピングサイトで『人気のある商品ベストテン』を表示するために使ったプラグインなのですが、なかなか面白いのでこのサイトでも使用してみました。

—————– プラグインのインストール ————————–

まずは Post-Plugin Library をダウンロードします。これは Popular Posts を動かすために必要なプラグインになります。

http://rmarsh.com/plugins/post-plugin-library/

のサイトから

にてダウンロードします。

次に、Popular Posts をダウンロードします。

http://rmarsh.com/plugins/popular-posts-plugin/

から

をクリックしダウンロードしてください。

ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを『Post-Plugin Library』、『Popular Posts』の順で有効化します。

表示したいテーマファイルの場所に

   <?php popular_posts(); ?>

とコードを付け加えます。

これで表示されます。

このサイトでは 『Number of posts to show』 表示数をいじったぐらいです。

肝心なのが『Output』タブの表示部です。

Available Tags が使えるタグの一覧になっているので、これを組み合わせ自分なりの表示をカスタマイズしてみてください。

このサイトでは、『Output template:』を

   1: <a href="{url}" title="{title}"><img  src="{imagesrc}" width="45" height="33" ait="{imagealt}" /></a>

『Text and codes before the list:』を

   1: <div id="best"><h4>人気のあるエントリー BEST10</h4>

『Text and codes after the list:』を

   1: </div>

としています。

後はCSSをいじって終了です。

スタイルCSSに以下を追加して終了です。

   1: #best {

   2:     border: 1px solid #AEC1CD;

   3:     padding: 5px 5px 0 5px;

   4:     }

   5:  

   6: #best ul {

   7:     margin: 0;

   8:     padding: 0;

   9:     line-height: 18px;

  10:     list-style: none;

  11:     }

  12:     

  13: #best li {

  14:     list-style: none;

  15:     padding-left: 10px; 

  16: }

  17:  

  18: #best img {

  19:     vertical-align: text-bottom;

  20: }

今回はこのサイトの携帯表示の下部にMicroAdのバナーを貼ってみます。

まずは携帯表示のテンプレート（このサイトは redportal）、下の部分になりますので footer.php を編集することになります。

ファイルは、Wordpressのプラグインフォルダ Ktai_style の中、
wp-content\plugins\ktai_style\themes\テーマ名
にあります。

footer.php をエディタで開くと下のほうに

   1: <hr color="&amp;lt;?php echo $ks_settings['hr_color']; ?>" />

   2: <div align="center">Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>

   3: <?php /* ks_wp_footer(); */ ?>

   4: </div></body></html>

このような部分があります。

<hr color=” … で横罫線が入り、

<div align=”center” … で中央ぞろいのコピーライトが入ります。

このコピーライトの前にバナーを入れます。

MicroAdから取得した、バナーのコード

<a href=http://msend.microad.jp/ … （途中省略）guid=on&s=1" /></a>

を

<div align="center">

のあとに入れます。

   1: <hr color="&amp;lt;?php echo $ks_settings['hr_color']; ?>" />

   2: <div align="center">

   3:  

   4: <!-- MicroAdバナーここから -->

   5: <a href="http://msend.microad.jp/ad/ic　・・・（途中省略））e.gif?guid=on&s=1" />

   6: </a>

   7: <!-- MicroAdバナーここまで -->

   8:  

   9: <br />

  10: Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>

  11: <?php /* ks_wp_footer(); */ ?>

  12: </div></body></html>

これを保存し、アップしてください。バナーが表示されるようになります。

最近になってモバイル需要も高くなってきました。

せっかくのWordpressですからモバイルにも対応させて効率を稼ぎましょう。

キャリア、コード、画像の重さなどいろいろ制約があり制作もそうですが検証にも時間がかかるものです。

そこでWordpressならぜひ使ってもらいたいのが『Ktai Style』今使っているWordpressのサイトがそのまま携帯対応になります。

http://wppluginsj.sourceforge.jp/ktai_style/

日本語のサイトなので設置のやりかたも丁寧ですぐにでも導入できますよ。

このプラグインですが、いくつかテンプレートが用意されてあり好きなものを選択できます。

このサイトは Redportal というテンプレートを使っています。

ちなみにTOPページはこんな風になります。

FireMobileSimulator というアドオンがとても簡単で高機能です。

3キャリアに対応していて任意の端末の追加などもできます。

まずは、
http://firemobilesimulator.org/
に行きます。
ブラウザはFirefoxで行うとインストールの手間が省けます。

『ダウンロー』から最新版のリンクをクリックすると、インストールが始まります。

『許可』をクリックし

『今すぐインストール』をクリック、でインストールできます。

Firefoxを再起動するとツールバーに

ができていると思います。

端末を選択し再読み込みをすると、携帯スタイルで表示の確認ができます。

携帯での確認はパケットもかかりますし、キャリアもそれぞれ確認しなければいけませんのでこのようなアドオンはとっても重宝します。

PC版と違ってカスタマイズのキャパシティは少ないのですが、今回は携帯用の表示画面にバナーを張ってみましょう。

マイブログから

『デザイン』→『コンテンツ（モバイル）』

エキスパートを選択

種類を 『自由選択』にして『コンテンツの追加』ボタンをクリックします。

今回はMicroAdの携帯用のバナーを貼りますので、

タイトルに『MicroAd』、自由入力欄に取得したバナーのコードを入力します。

『保存する』をクリックして保存します。

編集モード：ノーマルにて作ったタイトルでコンテンツが出来上がっていると思いますので、これをおきたい場所に移動します。

Powered By の上に今回はおきました。

Firefoxの携帯表示を使って確認します。

きちんと表示できていました。

携帯の場合はコンテンツも少ないので簡単です。

レジストリなんかちょこちょこやれば何とかできそうだなんて思っていたらこんなソフトを見つけました。

『Windows Live Writer Backup – Windows Live Writer Plugins』

Windows Live Writerのバックアップとレストアをやってくれるソフトです。

そっ気のない風貌ですがなかなか役に立ってくれます。

ダウンロードはこちら

Windows Live Writer Backup – Release: Version 3.0 Final

インストールして

クリックで起動します。

チェックマークでバックアップするものを選択できます。

『Backup』でバックアップ

こんなアイコンのファイルができます。

『Restore』で復元できます。

WordPressにtwitterのFollow meバッジを表示してくれるプラグイン『WP FollowMe』
で紹介したようにWordpressではプラグインで簡単にFollow meバッジをつけることができたのですが、Seesaaではそういうわけにもいきませんので、『twitter follow badge』というWebサービスのを使います。

まずは

http://www.go2web20.net/twitterfollowbadge/

にアクセスします。

項目に情報を記入します。

Twitter account:登録してあるTwitterアカウントを記入します。
Label:表示を選べます。
Color:色を変えることができます。
Side:右側につけるか左側につけるかを選べます。
From top:トップからの位置をピクセルで指定できます。

『UPDATE CODE』をクリックします。

コードが発行されます。
このコードをSeesaaに貼り付けます。

『デザイン』→『HTML』→『HTML名』でソース編集画面を開きます。

一番下まで行って、</body>の上に先ほどのコードを貼り付けます。

保存をクリックして終了です。

Follow meバッジが表示されました。

Seesaaに限らず、HTMLが編集できるサイトなら使えますので覚えておくと役に立ちますよ。

WordPressの投稿時にTwitterにつぶやいてくれるプラグイン『Post to Twitter』でも書いてはいるのですが、この機能のいいところは手間をかけずに露出を多くすることができる。
更新をタイムリーにアナウンスすることができる。

なんてふうに思っていますが、活用はともかく使ってみたいツールだと思います。

利用にはtwitterの登録が必要になりますので、
そろそろtwitterを使ってみるか・・・。
を参考に新規登録をしてください。

Seesaaの『設定』、『ブログ設定』に

”Twitterとの連携”という項目がありますので、このTwitterの認証を行うで機能させることができます。

クリックすると

になりますので、Twitterで取得した『ユーザー名やメールアドレス』、『パスワード』を入力し『許可する』をクリックします。

『記事投稿時にTwitterに投稿』の ”しない” を

”する” して 『ブログ設定の変更』をクリックし終了です。。

これでSeesaa更新時にTwitterにつぶやきが送られます。

そこでサイトにも”FollowMe”をつけたくなるのですが、Wordpressならプラグインで簡単にできます。

—————- 『WP FollowMe』のインストール ——————-

今回はWordpressの管理画面からプラグインをインストールします。

『プラグイン』の『新規追加』から『プラグインのインストール』画面に行きます。

『キーワード』に”WP FollowMe”と入力し『プラグインの検索』をクリックしま す。

『インストール』でインストール、『プラグインを有効化』で使えるようになります。

—————- 『WP FollowMe』の設定 ——————-

wordpress設定画面、設定、FollowMe Settingsにて設定します。

Set badge color: で色を決めることができます。
Your twitter account：はtwitterのID、
Distance from top:はTopからの位置を、
Text：は表示のテキストを、
Side:で右側か左側かを設定できます。

設定をSaveで終了です。

このように表示されました。

クリックすると、自分のtwitterのページが表示されます。

『Post to Twitter』はインストールするとWordpressの投稿時に自動で投稿タイトルをつぶやいてくれます。

—————- 『Post to Twitter』のインストール ——————-

今回はWordpressの管理画面からプラグインをインストールします。

『プラグイン』の『新規追加』から『プラグインのインストール』画面に行きます。

『キーワード』に”twitter”と入力し『プラグインの検索』をクリックします。

”twitter”に関するプラグインがずらっと出てきますので、その中からほしいプラグインを探します。

今回は投稿をtwitterにプットするだけでいいので、シンプルなプラグイン『Post to Twitter』を選択しました。

『Post to Twitter』の項目右にある『インストール』をクリックします。

Description画面にて『いますぐインストール』をクリックします。

インストールが完了したら、『プラグインを有効化』をクリックし有効化します。

—————- 『Post to Twitter』の設定 ——————-

wordpress設定画面、設定、Post to Twitterにて設定します。

Twitter Usemame：に取得したIDを入力。
Twitter Password：にパスを入力。
Twitter prefixに投稿時の接頭語（サイト名など）を入力。

『Update Post to Twitter Options』をクリックし設定を保存します。

以上で設定は完了です。

次回の投稿時からtwitterにつぶやきとして自動送信されることになります。

このmetaタグをWordpressの管理画面上でコントロールできるプラグインンが『Add-Meta-Tags』です。

keywordsとdescriptionは通常<heda>の中に書き込んでしまうものなのですが、この『Add-Meta-Tags』はページやカテゴリーごと、固定、自動、カスタマイズとやってのけるプラグインです。

それでは導入方法です。

http://www.g-loaded.eu/2006/01/05/add-meta-tags-wordpress-plugin/

の「Download」でダウンロードします。

上記サイトよりダウンロードし解凍後、プラグインホルダにアップし、プラグインを有効化します。

これだけで自動化されたkeywordsとdescriptionが挿入されるのですが、日本語化していろいろやりたいという方は、colissさんで日本語版を提供されていますのでご参考にされてはいかがでしょうか？

個別にメタタグを記述できるWordPressのプラグイン:Add-Meta-Tags | コリス

影響が少なくなったと言われるkeywordsとdescriptionですが、SEOの基本とも言われるmetaタグですのでぜひ導入してもらいたい一つです。

WordPressのテーマによってはこのmetaに関する部分はまちまちです。
設定してあるテーマもあれば、何の記述もないテーマもあります。
それぞれのテーマにあわせて加工して下さい。

楽天APIはとっても需要があるようでいろんなツールが出回っているのですが、Wordpressにも簡単に貼り込みができるプラグインがあります。

『WP Rakuten Link 』

楽天市場の商品を検索表示させるプラグイン | 犬小屋にて

より入手できます。

楽天なんで当然と言えば当然なのですが”日本語”です。

上記サイトよりダウンロードし解凍後、プラグインホルダにアップし、プラグインを有効化します。

まずは準備として、設定のWP Rakuten Link の設定画面にて「楽天デベロッパーID」と「楽天アフィリエイトID」を設定しておきます。

準備はこれで終わりです。

新規投稿時の画面に

商品検索窓ができていますので、欲しいキーワードを入力し検索します。

挿入したい商品の [挿入] をクリックで貼り付け完了です。

ワンコのいる管理人さんのようなのですが、このような便利ツールを提供してくれている方々にはいつも感謝しています。

そこでGOLDを使わず、しかも普通の人でも更新できるようにという依頼で作ってみました。

Before                                              After

楽天さんの規定で詳しい所までは載せることができないのですが、GOLDを使わなくてもここまではできます。

コードを見たいなんて方は実サイトへどうぞ。
バリのいいとこどりのSHOPです。

http://www.rakuten.co.jp/jepunbali/

XSERVERのワンランク上のSixcoreはサーバー速度が売りのようで共用サーバー全ての速度を公開しているぐらいです。
機会があったらぜひ利用してみたいと思っていたのですが、近々使えそうなのでぜひレポートしてみたいと思っています。

料金はハードディスク容量から考えると、30GBで年間２万ちょいなので結構お得だと思います。もっとも30GBなんて全然多すぎてしまうのですが・・・。
ただ注目したいのがSQLやPHPなどを使ったサイトでのスピードです。PHP高速化システムの採用でベンチマークで2~３倍のスピードが出ているということに注目しました。

自分の場合サイトはほとんどWordPressで作成しますので、ストレスのないサイト表示はクライアントにおすすめする上で結構重要だったりします。

おそらく１ヶ月後にはSixcoreで3つぐらいのWordpressが稼働していると思いますので使用感をレポートしてみます。
レンタルサーバーを迷っている方は参考にしてみてはいかがでしょうか？

たとえばこのようなカテゴリの場合、大分類の”アクセサリー”が一番上、次に”テーブルウェア”がきます。
子の分類も同じようにあいうえお順で並びます。

これを簡単に並び替えるプラグインが『Category Orde』です。

まずは

http://www.coppit.org/code/

へ行きます。

下のほうにある、 『Category Order 2.0.1』をクリックしダウンロードします。

解凍後、プラグインホルダにアップし、プラグインを有効化します。

設定は『ツール』の『Category Order』をクリックして行います。

各カテゴリの右側にある矢印で設定できます。
↑↓で上下、→←で親、子、孫の関係を変更できます。
Insert spacer before this itemで上に行間。
Insert spacer after this itemで下に行間。

けっこう直観的に操作できます。

でもやっぱり基本はHTML、PHP、Perlといったプログラムが基になっているのには変わりありません。

Webの制作特に商用サイトを作っていると必ず必要となってくるものに、『メールフォーム』があるのですが、問い合わせ内容、必修項目、デザインなど必ずと言っていいほど同じものがありません。
自分はいくつかのひな型が数種の言語で用意してありますので、それをカスタマイズして使うのですが、プログラムを覚える暇がなくてっとり早く作りたいという方もいるのではないでしょうか？

そんな方は「melsaku(メルサク)」というソフトを検討してみたはどうでしょうか？

[販売サイト] メールフォーム.jp http://www.mail-form.jp/

PCにインストールし、CGIのメールフォームを作成できるというソフトです。

順序に従って進んでいくとどんどんメールフォームが出来上がり、できたファイルをFTPでアップするだけという手軽さです。
自分で作ったフォームなのでCGIプログラムを理解するのに良い材料にもなると思います。

今なら販売開始キャンペーン中でにつき、通常価格18,900円(税込)を
8,400円(税込)にてご提供中です！（2009.9.30まで）
もひとつ、昨年5月より販売を開始した人気ソフトウェアの「着音くん（ http://www.mailchakushinon.com/ ）」ももらえます！