• RSS
ビジュアルエディタ強化用のWordPressプラグイン「TinyMCE Advanced」

WordPressのビジュアルエディタを拡張してくれるプラグイン「TinyMCE Advanced」。

WordPressの投稿画面では <strong> <img> などの基本的なタグボタンが用意されていますが、TinyMCE Advanced プラグインにより他のボタンも追加できるようになります。

HTML編集(テキストエディタ)モードでガリガリ記事を書く場合はそんなに必要性は感じませんが、ビジュアルエディタをメインで使う場合には非常に重宝するプラグインだと思います。
続きを読む

[IE6]Youtube の埋め込み動画をIE6に対応させる方法

Yotube 動画を自分のサイトやブログに貼付ける場合、iframe 版のスッキリしたタグを使いたい所ですが、

これだとIE6で動画が見えない…

ので、企業サイトを中心にYoutube 動画をIE6 でも見れるように対応する必要がある場合は「以前の埋め込みコード」を利用します。
続きを読む

[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件表示させる」のような処理を入れる機会も多いのではないかと思いますが、

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