WordPress [WordPress]お問い合わせフォーム用プラグインContact Form 7の基本設定
WordPressでブログや企業サイトを構築する上で、お問い合わせフォームを設置する際に便利なプラグインが Contact Form 7 です。 拡張機能も色々あり、カスタマイズ次第で使い勝手もかなり向上する定番のプラグインですが、今回はま...
WordPress 
ソーシャルメディア OGPの設定方法とFacebookデバッガーの利用方法
OGPとは「Open Graph Protocol」の略で、Facebook などのSNSで使われる共通の仕様（記述方式）です。 Facebookの「いいね」や mixi の「チェック」など、ブログやサイトを問わずSNSボタンを置く事が当た...
jQueryプラグイン・ライブラリ [jQuery]<table>をレスポンシブWEBデザイン対応させるプラグインFooTable
ホームページやWEBサイトを作っていると、<table>を使った表組みというのはまだまだ健在です。 しかし、iPadやスマホでサイトを見る機会も増えたことで、今までのようなPCサイト向けに表示させていた<table>をレスポンシブWEBデザ...
WordPress [WordPress]固定ページの順番や階層を変更できるプラグインpageMash
ドラッグ＆ドロップの操作で手軽に固定ページの順番を変更できるWordPressプラグインpageMashのご紹介です。 pageMashとは？ WordPressで企業サイトを構築するに当たり、「会社概要」「プライバシーポリシー」などの定番...
WordPress [WP]トップページにカテゴリ別の記事を「画像付き」で複数件出力させる方法
企業サイトをWordPressで構築する場合、例えば 「TOPページにニュースを5件、製品情報を3件、導入事例記事を3件出力する」 というカスタマイズを頻繁に行うのではないでしょうか。 ニュースや製品情報、導入事例などの記事をカテゴリで管理...
CSSプロパティ [CSS]CSSで印刷時のページ分割（改ページ）を行う方法
WEbページを印刷する場合、 「なんでここでページ分割されるの？？」 なんてことがよく起こりますが、CSSのpage-break-beforeやpage-break-afterを使えば、ページ分割（改ページ）位置を指定してあげることができま...
CSSプロパティ [CSS]角丸をIE8以下でも利用できるようになるborder-radius.htcの使い方と注意点
IE8以下のバージョンで「角丸」を実現させる方法は、PIE.htc や IE-CSS3.htc などを使う方法もありますが、今回紹介させていただく border-radius.htc を使う方法もあります。 名前の通り border-rad...
WordPress [WP]WordPressをインストールしたらサイト診断用プラグイン「WP Security Scan」を使ってみよう
サイト内スキャンをしてくれるWordPress プラグインWP Security Scanのご紹介です。 WordPressのバージョンが最新版かどうか？の他にも、ユーザー名に「admin」が使われていないか？データベースのプレフィックスが...
CSSスニペット [CSS]要素を横並びに配置できるdisplay:table-cellの基本的な使い方と注意点
要素を横並びで配置するには、CSSのfloatやdisplay:inline-blockを用いるか、あるいは <table> タグを用いるか…の方法がありますが、 今回紹介させていただくdisplay:table-cellでも同じことができ...
WordPress WordPressブログにTwitter Cardsを設定してみた その1
今後の動向をしばらく見ていく必要がありますが、Twitter CardsをWordPressのブログに設定する為のプラグインTwitter Cardsを導入してみました。 Twitter Cardsを設定しておくと、Twitter内にブログ...
Javascript・jQuery [JS]jQuery でフッター要素をページ下部に固定する方法
フッター要素をページ下部に固定できるjavascriptrライブラリfooterFixed.jsです。 CSSでフッターを固定させる方法もありますが、こちらは固定させたい要素（フッター）にid="footer"を付ければ簡単に固定されますの...
WordPress [WordPress]投稿記事でPHP を実行できるプラグインrunPHP
固定ページや投稿画面内でPHP を実行できるWordPressプラグインがrunPHPです。 前回紹介させていただいた Exec-PHP と同じ機能を有していますが、runPHP は記事やページ毎にPHPを実行するかどうかを選択できるので、...
CSS [CSS]画像を縮小表示させる際にIE7でもキレイに表示する方法
画像をCSSで縮小表示させる場合に、IE下位バージョンでは粗くなってしまい、キレイに表示されません。 IE6はあきらめるしかないですが、IE7の場合は画像の補間方法を指定することでそこそこキレイに表示させることができます。 IE 7でも縮小...
Macアプリケーション [Mac]リネームや文字列の追加や拡張子の変更などファイル名の一括変換に便利なShupapan
例えば、2,000件のファイル名を手作業で変更作業する…とかなると死にます > <; そんな時は、ファイルのリネーム（指定文字列の置換）から拡張子の変更などを一括で実行できるMac のアプリケーション Shupapan を使えば作業が捗りま...
WordPress [WordPress]ビジュアルエディタ強化用のプラグインTinyMCE Advancedの使い方
WordPressのビジュアルエディタを拡張してくれるプラグインTinyMCE Advanced。 WordPressの投稿画面では <strong> <img>などの基本的なタグボタンが用意されていますが、TinyMCE Advanced...
Google [IE6]Youtubeの埋め込み動画をIE6に対応させる方法
Yotube動画を自分のサイトやブログに貼付ける場合、iframe版のスッキリしたタグを使いたい所ですが、 これだとIE6で動画が見えない… ので、企業サイトを中心にYoutube動画をIE6でも見れるように対応する必要がある場合は「以前の...
jQueryプラグイン・ライブラリ [JS]画像をオーバーレイ表示できるLightboxの新バージョン2.5の使い方
画像をオーバーレイで拡大表示させるライブラリとして定番のLightbox。 今までのバージョン2.05だとPrototype ペースで動いていましたが、バージョン2.5よりjQueryベースで動くようになりました。 なお、IETesterで...
WordPress [WordPress]「予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません」メッセージの回避方法
WordPressのバージョンアップやプラグイン、テーマファイルを更新している途中でサイトにアクセスすると、 予定に基づいたメンテナンスを行っているため しばらくの間ご利用できません。 少し間をおいて再度確認してください。 というメッセージ...
Google Google Chartで簡単にQRコードを作成する方法
昔はQRコード作成と言えば、Macであれば「QRMillX」アプリケーションを使ったり、2次元コード生成サービスを利用していましたが、 簡単手軽にQRコードを作成し、サイトに貼付けるだけであればGoogle Chartを利用すると便利です。...
Javascript・jQuery [JS]jQueryを利用して現在のページのメニューデザインを変更する方法
jQueryを利用して特定の要素にクラスを付けたり外したりする処理のご紹介です。 例えば、グローバルメニューやサイドメニューなどをクリックした時、現在のページ（カレントページ）であるメニューのデザインを変更して、「今このページにいます」とい...
WordPress [WP]Infinite-Scrollプラグインでページ送りなしでブログ記事を無限スクロール表示する方法
以前にの記事で、ページをスクロールしていくとことで次のページのブログ記事をどんどん読み込んで表示させていく「無限スクロール」のプラグインを紹介させていただきました。詳しくは以下の記事を参考にしてみてください。 今回はWP-AutoPager...
WordPress [WP]WordPressで記事に「続きを読む」リンクを付けて分割する方法
WordPressはブログシステムですので、記事の途中に「続きを読む」リンクを入れて分割させることができます。 方法はビジュアルエディタ、テキストエディタ共に、分割したい場所に<!--more-->タグを挿入するだけなので簡単です。 「続き...
jQueryプラグイン・ライブラリ [jQuery]画面の右や左からダイナミックにメニューをスライド表示できるプラグインPageSlide
スマホアプリで「ボタンをタッチして画面の左や右からメニューがスライド表示される」みたいない動きをよく見ます。 ブラウザの見えない所からダイナミックにコンテンツをスライド表示させる動きを、PCサイトでも実装可能にしてくれるjQueryプラグイ...
Macアプリケーション [Mac].movを.mp4などへ変換できるMPEG Streamclipの使い方
QuickTime形式の.mov動画をmp4形式へと変換できるMac用アプリケーションMPEG Streamclipのご紹介です・。 操作も簡単で、mp4以外にも.wmv .m4v .aviなどの形式にもスムーズに変換できるようなので、Ma...
WordPress [WP]WordPressで「続きを読む」を押した際に記事の最初にリンクさせるプラグイン「Custom More Link」
WordPressの投稿画面で、<!--more-->タグを使うと「続きを読む」というリンクを出力して記事を分割することができます。 しかし、この「続きを読む」がアンカーリンクになっており、記事詳細ページ（single.php）にランディン...