• RSS
[JS]画像をオーバーレイ表示できる「Lightbox」の新バージョン2.5 の使い方

画像をオーバーレイで拡大表示させるライブラリとして定番の「Lightbox」。

今までのバージョン2.05 だと Prototype ペースで動いていましたが、バージョン2.5 よりjQuery ベースで動くようになりました。
続きを読む

[WP]WordPressの「予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません」メッセージの回避方法

WordPressのバージョンアップやプラグイン、テーマファイルを更新している途中でサイトにアクセスすると、

予定に基づいたメンテナンスを行っているため
しばらくの間ご利用できません。
少し間をおいて再度確認してください。

というメッセージが表示されます。
続きを読む

Google Chart で簡単にQRコードを作成する方法

昔はQRコード作成と言えば、Mac であれば「QRMillX」アプリケーションを使ったり、2次元コード生成サービスを利用していましたが、

簡単手軽にQRコードを作成し、サイトに貼付けるだけであれば、Google Chart を利用すると便利です。
続きを読む

[JS]jQuery を利用して、現在のページのメニューデザインを変更する方法

jQuery を利用して、特定の要素にクラスを付けたり外したりする処理です。

例えば、グローバルメニューやサイドメニューなどをクリックした時、現在のページ(カレントページ)であるメニューのデザインを変更して、「今このページにいます」という見せ方ができるようになります。
続きを読む

[WP]WordPressで記事に「続きを読む」リンクを付けて分割する方法

WordPressはブログシステムですので、記事の途中に「続きを読む」リンクを入れて分割させることができます。

方法はビジュアルエディタ、テキストエディタ共に、分割したい場所に <!--more--> タグを挿入するだけなので簡単です。
続きを読む

[JS]画面の右や左から、ダイナミックにメニューをスライド表示できるjQueryプラグイン「PageSlide」

スマホアプリで「ボタンをタッチして画面の左や右からメニューがスライド表示される」みたいない動きをよく見ます。

ブラウザの見えない所からダイナミックにコンテンツをスライド表示させる動きを、PCサイトでも実装可能にしてくれるjQueryプラグインが「PageSlide」です。
続きを読む

[Mac].mov を.mp4 などへ変換できる「MPEG Streamclip」

QuickTime 形式の.mov 動画をmp4 形式へと変換できるMac 用アプリケーション「MPEG Streamclip」。

操作も簡単で、mp4 以外にも.wmv .m4v .avi などの形式にもスムーズに変換できるようなので、Mac 用の動画変換ソフトとしては重宝しそうです。
続きを読む

[WP]WordPressで「続きを読む」を押した際に、記事の最初にリンクさせるプラグイン「Custom More Link」

WordPressの投稿画面で、<!–more–>タグを使うと「続きを読む」というリンクを出力して記事を分割することができます。

しかし、この「続きを読む」がアンカーリンクになっており、記事詳細ページ(single.php)にランディングした際に記事の途中(<!–more–>タグで分割された後)から読み進めなければならなくなりますので、このアンカーリンクを除去できるプラグインがCustom More Link です。
続きを読む

[CSS]CSS で円形、三角形、台形、星形 などを表現する方法のまとめ

CSS3 のborder-radiustransform などを利用して、CSS だけで円形、三角形、台形、星形などのオブジェクトを表現する方法のまとめです。
続きを読む

[IE]IE6、IE7、IE8 で角丸やドロップシャドウなどを利用できる「IE-CSS3.htc」

以前に紹介させていただいた PIE.htc ファイルと同様、IE6、IE7、IE8 でも CSS3 のプロパティを利用できるファイルが「IE-CSS3.htc」です。

PIE.htc と基本的な使い方は同じですが、利用できるプロパティが若干変わってきます。
続きを読む

[JS]jQuery で画像をランダムに出力する方法

jQuery を利用して、ページのアクセス毎に複数枚の画像の中からランダムで1 枚の画像を表示させる方法です。

今回は <img> タグの画像を使う場合と、CSS の background-image に背景画像を指定する場合の2種類の方法を紹介させていただきます。
続きを読む

[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ

ブログや企業サイトを問わず、WordPress で「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、

単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがありますので、今回はそのような固定ページに記事一覧を表示させる方法をまとめてみました。
続きを読む

[JS]HTML5でマークアップする際に「html5shiv」でIE下位バージョンにも対応させる

HTML5 でマークアップをする場合、IE下位バージョン(8以下)がそもそもHTML5のタグが対応していない…という理由で、IE8以下でもHTML5 のタグを使えるようにするためのjavascript html5shiv.js を使う機会も多いと思います。

そこまでしてIE下位バージョンに対応させる必要があるか?については今回は置いておいて、html5shiv の簡単な取り扱い方を紹介します。
続きを読む

[WP]WordPress で改行したい場所を改行できるプラグイン「brBrbr」

少し変な日本語のタイトルですが、文字通り「改行をしたい場所で思い通りに改行できる」WordPressプラグインが「brBrbr」です。

ブログで記事を書く上で、例えば「文章と文章の間に1行余白を設けるために改行」を入れようと思っても、WordPressのデフォルトの投稿機能では2 行以上の連続改行が効きません。
続きを読む