jQuery

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

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

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

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

cleafixでfloat対策する方法

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

Illustratorイラレで文字を斜体にする方法

Illustrator(イラストレーター)でテキストを配置する際に、英字フォントであれば「Italic指定(イタリック)」ですぐに斜体に変換できますが(※フォントのタイプによります)、日本語フォントの場合「Italic」がない。では、どうす...
CSS

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

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

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

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

ウェブデザイン技能検定3級に合格しました!

普段、Webデザインを生業として生活をさせて頂いておりますが、時代の流れは早く、日々なんとか食らいついていくのが精一杯になってしまう時が少なからずあります。よくわからない技術や知識は忙しさにかまけて、落ち着いたらやろうかな~などと先送りにし...
SERVICE

feedlyでのRSS購読者数をチェックできる feedly Subscribers Checker

ブログにfeedlyの購読ボタンを設置しましたが、自分のブログをfeedlyで実際に購読してくれている人の人数を知りたいと思いませんか?// // なんとそれを簡単にチェックできるページを用意してくれている方がいらっしゃいました。そのページ...
WordPress

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

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

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

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

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

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

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

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

WP-PageNavi プラグインでページナビゲーションを設置

関連したページが複数ある場合に表示したい、ページナビゲーションの設置を「WP-PageNavi」プラグインなどを使って設置していきたいと思います。// // 1.「WP-PageNavi」プラグインをインストール、有効化します。管理画面から...