WEB DESIGN

WordPress

はてなブックマークボタンを表示する

はてなブックマークボタンとは、はてなブックマークが提供しているソーシャル用のボタンになります。このボタンを利用することでサイト閲覧者へのブックマークを促すひとつとなり、ブックマークをしてくれたユーザー...
CSS

CSS3アニメーションを実現する「transition」

transitonプロパティを使って、時間的な変化を付けることが出来ます。変化する変化速度や開始のタイミング、また要する時間などをCSSのみで実現が可能です。ただし、対応ブラウザの問題がありますので注...
WordPress

カスタムヘッダー機能でメインとなるイメージを表示する

トップページなどに、ファーストビューでサイトを印象付けるイメージなどを配置したいときには、カスタムヘッダー機能を追加する方法があります。
WordPress

カテゴリーごとに別々のアイコンを表示する

投稿記事の一覧を表示しているページなどで、すべての複数の投稿カテゴリーが羅列される際に、それぞれがどのカテゴリーに属する記事なのかがパッと見で視覚的にわかるようにしたいとき、該当するカテゴリーに応じて...
WordPress

WP-PageNaviのデザインを33通り選べる「Wp PageNavi Style」

自動でページャーを設置してくれるプラグインの「WP-PageNavi」を使用する際に、CSSを修正してデザインを変更できますが、それを簡単にデザインカスタマイズ可能なプラグイン「WP-PageNavi...
jQuery

クロスフェードするシンプルなイメージビューアー

サイトトップページでよく見られる、フェードで切り替わるメイン画像を簡単に表示してくれるjQueryの「fade-viewer」、極々シンプルにフェードを繰り返してくれるだけですが、汎用性が高いので使い...
WordPress

投稿画面で子カテゴリーをチェックすると、自動で親カテゴリーも選択してくれるプラグイン「Parent Category Toggler」

記事を投稿する際にデフォルトの設定だと、子カテゴリーにチェックを入れても親カテゴリーにはチェックが入りません。// // 大体の場合、子カテゴリーは親カテゴリー内の内容なので自動的にチェックされたほう...
CSS

cleafixでfloat対策する方法

float をした要素の親要素の背景画像などが途中で切れてしまうことがありますが、これは、その子要素を float 指定している場合、高さを認識しないため親要素は float する子要素の手前で高さを...
CSS

ハイライトの色を変更する「::selection」

テキストを選択した際に色付けされるハイライトカラーを好きな色にする方法をメモしておきます。デフォルトの設定では一般的に下の画像のような青色「#328efd」で表現されているかともいますが、各々のサイト...
jQuery

レスポンシブに対応して画像をポップアップ表示してくれる「fancybox」

LightBox風に画像をポップアップして表示するjQueryのプラグインでColorBoxに似たようなビジュアルになっています。レスポンシブに対応していてカスタマイズも出来るので色々と便利に利用でき...
WordPress

Feedly登録ボタンとRSSフィードボタンを設置して購読してもらえるようにしよう

サイトを立ち上げている以上、不特定多数の人たちが自分のサイトを訪問していることと思いますが、個人的にひっそりと運営していたいという場合を除いて、誰でもより多くの方々に購読して頂けたらいいな~、と思いま...
WordPress

画像挿入時にリンク先をデフォルトで”なし”にしたいとき

投稿画面で画像を挿入しようとするとき、デフォルトの設定のままだと必ず画像リンクが設定されていると思いますが、このリンクを毎回消去するのは面倒です。デフォルトで「リンクなし」にしてしまいたい場合の設定方...
WordPress

ページトップに戻るためのプラグイン色々

WordPressには、様々な「Page Top」プラグインが存在しますが、いくつかご紹介しながらまとめておこうと思います。// // WP To Top(ver.0.1)▼カスタマイズ 表示するテキ...
WordPress

「more」を「続きを読む」などの日本語表記に変更する

投稿記事中に、抜粋文の後に「more」タグを挿入したりしますが、その「more」タグのカスタマイズについていくつかメモしておきます。// // 1.「英語」⇒「日本語」へテキストの変更デフォルトの設置...