WordPress WordPressブログにTwitter Cardsを設定してみた その1
今後の動向をしばらく見ていく必要がありますが、Twitter CardsをWordPressのブログに設定する為のプラグインTwitter Cardsを導入してみました。 Twitter Cardsを設定しておくと、Twitter内にブログ...
WordPress 
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）にランディン...
WordPress [WordPress]ポストIDや固定ページID、タグ、カテゴリのIDまで一覧で表示してくれるプラグインWP Show IDs
ホントにちょっとした機能ですが、このWP Show IDs (simple, yet elegant)プラグインはインストルして有効化するだけで、管理画面の投稿記事や固定ページ、カテゴリ、タグの一覧ページにIDを表示してくれます。 例えば「...
CSS擬似要素・擬似クラス [CSS]CSSで円形、三角形、台形、星形 などを表現する方法のまとめ
CSS3のborder-radiusやtransformなどを利用して、CSSだけで円形、三角形、台形、星形などのオブジェクトを表現する方法のまとめです。 円形 三角形 台形 星形 #star-five {margin: 50px 0;po...
IE [IE]IE6、IE7、IE8で角丸やドロップシャドウなどを利用できるIE-CSS3.htc
以前に紹介させていただいた PIE.htcファイルと同様、IE6、IE7、IE8 でも CSS3 のプロパティを利用できるファイルが「IE-CSS3.htc」です。 PIE.htcと基本的な使い方は同じですが、利用できるプロパティが若干変わ...
Javascript・jQuery [JS]jQueryで画像をランダムに出力する方法
jQueryを利用してページのアクセス毎に複数枚の画像の中からランダムで1枚の画像を表示させる方法です。 今回は<img>タグの画像を使う場合と、CSSのbackground-imageに背景画像を指定する場合の2種類の方法を紹介させていた...
WordPress [WordPress]ブログ内の検索キーワードを解析するためのプラグインSearch Meter
ブログ内でどのキーワードがどの程度検索されているのか？を解析するためのWordPressプラグインSearch Meterのご紹介です。 Google Analyticsでは「Googleで検索されたキーワード」を解析することは可能ですが、...
WordPress [WP]WordPressで固定ページに記事一覧を出力する方法のまとめ
ブログや企業サイトを問わず、WordPressで「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、 単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがあ...
jQueryプラグイン・ライブラリ [JS]HTML5でマークアップする際にhtml5shivでIE下位バージョンにも対応させる
HTML5でマークアップをする場合、IE下位バージョン（8以下）がそもそもHTML5のタグが対応していない…という理由で、IE8以下でもHTML5のタグを使えるようにするためのjavascript html5shiv.jsを使う機会も多いと...
WordPress [WP]WordPress で改行したい場所を改行できるプラグイン「brBrbr」
少し変な日本語のタイトルですが、文字通り「改行をしたい場所で思い通りに改行できる」WordPressプラグインがbrBrbrです。 ブログで記事を書く上で、例えば「文章と文章の間に1行余白を設けるために改行」を入れようと思っても、WordP...
WordPress [WordPress]個々のブログ記事に1,000Viewsのような閲覧数を表示させる方法
WP-Post Viewsプラグインを導入することで、WordPress管理画面の記事一覧ページで「1,000 Views」のように記事の閲覧数を確認することができると思いますが、同じようにフロント画面でも個々の記事にViews 数を表示さ...