Booklet』Flashを使わなくても簡単に本をめくるような効果が得られるAjax。本・パンフレットをめくるような見せ方でサイトに表示させたいというご要望を頂きますが、やはりFlashを使ったりするとその制作費に結構な金額がかかってしまいます。Booklet」というjQueryを利用したツールを発見!Flashでないので、Flash制作程の手間がかからない!っというか、設置は簡単!下記の設置方法をご参考にして頂ければと思います。【1.ダウンロード】まずは下記ページより、「DOWNLOAD」ボタンをクリックして、必要ファイルファイルをダウンロードします。下記のタグを「タグ内」設置します。下記のタグを「タグの直前」設置します。本を設置させたい部分に下記のタグを設置します。class="demo">Demo</a></div><div>...</div></div></div></div>上記タグの6行目から12行目を、同じ要領で繰り返し書き込めば、ページ数が増えていきます。サイトに設置させて頂きました。その他ツール【WordPressを使う際によく入れるプラグイン】記事に追加した画像を一覧ページでサムネイル化『QF-GetThumb』カテゴリ、タグのページやアーカイブペジなど、普通のWordpressブログをであると記事全文が並んでしまったりすると思いますが、いろいろなサイト制作にてお客様の要望を聞くと。「文章の抜粋だけ載せて、あとは文章だけだと寂しいのでサムネイル画像を表示させたい!」というお話がよくある。これまで何度かそのようなご要望があり、その都度いろいろサムネイル画像表示のプラグインを探して使ってきたが、個人的に一番使い勝手が良いのが『QF-GetThumb』。記事投稿と同時にサムネイル画像が自動的に表示できるので、とても重宝しております。そのプラグインのインストール、設定方法は簡単!下記ご参考になればと思います。ページへ移動し、『QF-GetThumb』で検索。2.検索結果に表示される、『QF-GetThumb』の「いますぐインストール」をクリックしてインストールします。3.インストールが終了して下記の画面が表示されたら、「プラグインを有効化」をクリックし、インストール完了です。4.その後はテンプレートの調整。サムネイル画像を表示させたい部分に下記のテンプレートタグを追記致します。?></a>the_qf_get_thumb_oneの各パラメータの意味は次の通りです。$gt_settings(設定値は&で区切ります):num:何番目の画像を取り出すかを指定。デフォルトは「0」width:サムネイルの幅を指定。デフォルトは「0」height:サムネイルの高さを指定。デフォルトは「0」tag:「1」を設定すればimg要素を出力。「0」を設定すれば画像のURLを出力。デフォルトは「1」global:「0」を設定すれば、画像を同一サーバ内のデータに限定。「1」を設定すれば限定しない。場合デフォルトは「0」crop_w:クロップ時の横幅を指定。デフォルトは「0」crop_h:クロップ時の縦幅を指定。参照)表示例は下記の様な感じ。これで、文章だけよりもクリック率が上がりそうです。Light』ここ2,3年のFacebook,Twitter等の急速な普及により、ブログはただ更新しているだけでなく、それらソーシャルメディア等との連動が、多くのユーザーにアプローチできる大きな方法の一つになっております。そこはやっぱりWordpress!そのような連動するためのプラグインがあるんですね。Light』インストールして管理画面の設定を行えば、3分以内に利用可能!是非お試しを!インストール、設定方法は下記をご参照ください。Light』の「いますぐインストール」をクリックしてインストールします。Light』が表示されるので、そのページで詳細の設定が可能です(下記参照)。ちなみに個のプラグインで利用できるものは下記です。(toread)既にGoogleプラスワンも含まれています。先日「Google+1(グーグルプラスワン)の設置方法・効果」という記事を整理したのですが、Wordpressを利用する場合は、こちらで十分ですね。「WordPressはSEOのメカニズムの80-90%を考慮した設計」となっていると言われており、SEOに向いたサイトを作るにはもってこいのCMSツールとなっておりますが、さらに検索エンジンにページを認識してもらいやすくするためには、Googleウェブマスターツールを使います。Sitemaps』になります。このプラグインを使う事により、新規のページ追加、投稿の際に自動的にsitemap.xmlを再構築してくれるようになり、毎回作成する手間などを省く事が出来ます。Sitemaps』で検索。Sitemaps』の「いますぐインストール」をクリックしてインストールします。3.インストールが終了して下記の画面が表示されたら、「プラグインを有効化」をクリックし、インストール完了4.インストールが完了すると「設定」部分に『XML-Sitemap』が表示されるので、そのページで詳細の設定が可能です(下記参照)。上記ページの「サイトマップはまだ構築されていません。こちらをクリックしてまず構築して下さい。」の部分で、クリックしてsitemap.xmlを構築しましょう!その後は、「ブログのコンテンツを変更したらサイトマップを再構築する」にチェックを入れておけば、ページの更新、投稿の度にsitemap.xmlも更新されるのでとても便利です。前回の記事『WordPressのスマートフォン表示最適化プラグイン「WPtouch」』で、Wordpressサイトをスマートフォンで閲覧した際に表示を切り替えることができるようになったかと思います。「このデザインをもう少し変えたい」という事を考える方もとても多いのではないでしょうか。普通に「WPtouch」のプラグインを使うだけでは、テーマが変更できないんだな~ってことが分かった瞬間から、もちろん私もこのようなことを考えました。検索で調べたところ、結構簡単に変更できる事が判明!その方法は下記の手順になります。Webサイト制作WordPressのスマートフォン表示最適化プラグイン「WPtouch」もう既にスマートフォンの時代ですね。Webサイトも同じように、新しいものをドンドン対応していかないといけません。私はこれまでWordpressを良く使いますが、その「Wordpressカスタマイズは得意!」と今後も言えるよう、スマートフォン対応もできないとですね。そこでいつも優れているプラグインのあるWordpress。スマートフォン対応のプラグインもすでに多数存在しています。PCで見ていたらPCのレイアウト、スマートフォンで見たらスマートフォン用のレイアウトが切り替えられる「WPtouch」を試しました。【作業手順】(1)まずは「WPtouch」をダウンロードhttp://wordpress.org/extend/plugins/wptouch/ダウンロードしたファイルを解凍し、「/wp-content/plugins/」内にアップロードします。(2)「プラグイン」のページに移動し、「WPtouch」を有効化します。↓↓↓スマートフォン対応となります。後の細かな「WPtouch」の設定は、下記のプラグインのページから「設定」をクリックして下記の詳細設定ページで設定してください。(一番上部の「WPtouchの言語」で日本語に設定できます。可能!メール・アンケートフォームが簡単に作れるGoogleドキュメントGoogleドキュメントでのメール・アンケートフォームの作成は既にだいぶ前から可能だったのですが、あらためてその機能の充実ぶりに驚き・感動したのでブログに書こうと思います。GoogleドキュメントにログインGoogleアカウントを持っていない人は新たに登録しましょう。クリックして、表示される「フォーム」をクリック!そこで表示されるフォームの作成画面にて、お好みの項目を登録し、質問の形式を選択。必須項目などもここで調整できます。作成したフォームを保存すると、直ぐにこのようなフォームが簡単にできちゃいます。フォームが完成して、Googleドキュメントの画面に戻ってみると、自動的にスプレッドシートができている。そのスプレッドシートをクリックすると。お手軽すぎてビックリです。フォームに作成した項目も追加されていて、そのままデータが保存されていきます。フォームの編集画面やスプレッドシートから、上記のような画面で登録データを視覚的に確認する事も可能です。作成方法も簡単だし、SSLでセキュリティもOK!Googleなので、一時的なアクセスアップ等にも対応できそうですね。期間限定のキャンペーンのサイトなどでもバッチリ。この機能を使ってアンケートフォームを作成してみました。皆さんお気軽にご回答いただけると嬉しいです。読み込み中...また上記フォームの回答がどのように保存されるか、スプレッドシートも公開してみました。使える・しかもカッコイイ無料ブラウザーチェックツールの「BrowserLab(ブラウザーラボ)」これまで新たにWebサイトを制作する際に行ってきたブラウザーチェック、このチェックを行うために、私のパソコンには複数のブラウザがインストールされている。いつも問題になるのは「InternetExplorer」。シェアだけは立派に多いが、いつも問題を起こす。そのため「InternetExplorer」のチェックはしっかりと行わないければならないので、古いバージョンの「InternetExplorer」のチェックには、MultipleIEsというソフトを使ってチェックしてきた。今回問題を起こしたのが「Firefox」くん。いつも優等生の君がめずらしく問題を起こしたので、古いバージョンのチェックに困ってしまった。いろいろなブラウザーチェックツールがあるが、動作が遅かったり、有料だったり。そこで行きついたのが、無料ブラウザーチェックツールの「BrowserLab(ブラウザーラボ)」。これがとても使えるツールだった!BrowserLab(ブラウザーラボ)1回に10個のブラウザまで設定して、まとめてチェックできる!動作も軽い!しかもカッコイイ!今後お世話になります!しかしここに行きつきのに2時間かかった。制作を行っていると作業以外に、こういうツールを探し出すのに結構な時間がかかってしまう。マーケティングのサービスを中心に会社を設立。解析を元にした、サイト改善までのアドバイスを行う、コンサルティングサービスを中心に幅広く事業を展開しています。Reserved.このページの先頭へ。