WordPress 投稿画面で子カテゴリーをチェックすると、自動で親カテゴリーも選択してくれるプラグイン「Parent Category Toggler」
記事を投稿する際にデフォルトの設定だと、子カテゴリーにチェックを入れても親カテゴリーにはチェックが入りません。// // 大体の場合、子カテゴリーは親カテゴリー内の内容なので自動的にチェックされたほうが何かと便利ではないでしょうか。そこで、...
WEB DESIGN
WordPress 
CSS cleafixでfloat対策する方法
float をした要素の親要素の背景画像などが途中で切れてしまうことがありますが、これは、その子要素を float 指定している場合、高さを認識しないため親要素は float する子要素の手前で高さを判断してしまうことによる現象です。そこで...
CSS ハイライトの色を変更する「::selection」
テキストを選択した際に色付けされるハイライトカラーを好きな色にする方法をメモしておきます。デフォルトの設定では一般的に下の画像のような青色「#328efd」で表現されているかともいますが、各々のサイトカラーに合う色に出来たらちょっとしたオリ...
jQuery レスポンシブに対応して画像をポップアップ表示してくれる「fancybox」
LightBox風に画像をポップアップして表示するjQueryのプラグインでColorBoxに似たようなビジュアルになっています。レスポンシブに対応していてカスタマイズも出来るので色々と便利に利用できそうですね。// // デモサンプル1...
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」プラグインをインストール、有効化します。管理画面から...
jQuery フルスクリーンのスライドショー背景にしたい
背景の画像をフルスクリーンで表示し、尚且つスライドショー的に魅せたいときjQueryを使って簡単に設定する方法の紹介です。プラグインは使用せず、簡単なコードを記述するだけで実装できますので軽量で動作します。// // デモサンプル1.HTM...
WordPress WordPressループ
WordPressの「ループ」とは、複数の投稿を連続して表示させたいときなどに使われるPHPコードです。ループを使うことで、現在のページに表示される各投稿を処理したり、指定した条件に従って投稿の形式を整えたりすることができるようになります。...
jQuery シンプルで美しいスライドギャラリーjQueryプラグイン「fotorama.js」
jQueryを使ったスライドギャラリーは、数多く存在していますがオプションが充実したシンプルなスライドを利用したい時などに使える「FOTORAMA」を使ってみました。// // 1.FOTORAMAよりデータ一式をダウンロードFOTORAM...
jQuery コンテンツや画像などを順番にフェードインするjQuery
写真のギャラリーページや、いくつかの記事を一覧で表示するページなどで、各コンテンツ要素をページロード時にひとつずつフェードインして表示する方法をjQueryで実装します。// // デモサンプル1.HTMLを記述するフェードインする要素とし...