中央寄せで文字列を左寄せにする方法

ブログアイキャッチ画像058

read more

コンテンツの中身を中央寄せに設定していて、文字は中央寄せにしないで、左寄せにしたい時があります。pタグとliタグの2つのパターンを書きとめます。
続きを読む»

WordPressのタクソノミーのターム一覧を表示する方法

ブログアイキャッチ画像057

read more

WordPressに初めからあるタクソノミー(分類)はカテゴリーで、ユーザーが作成できるタクソノミーをカスタムタクソノミーと言います。それらのターム(項目)一覧を表示するプログラムを書き留めておきます。 続きを読む»

WordPressでAjax通信 リンク先のURLをPOST送信する方法

ブログアイキャッチ画像056

read more

リンク集のページでクリック数が多い順に表示するときに作成したものです。WordPressが用意しているAjaxはめんどうなので使用していません。 続きを読む»

WordPress公式サイトの自作プラグインをバージョンアップする方法

ブログアイキャッチ画像055

read more

WordPressの公式サイトに登録してある自作プラグインをバージョンアップした時の備忘録です。Macでターミナルとsubversionを使ってのバージョンアップ方法になります。
続きを読む»

jQueryプラグイン parallax background.jsの使い方

ブログアイキャッチ画像054

read more

シンプルな設定で軽量のパララックスプラグイン「parallax-background.js」をご紹介したいと思います。このプラグインは背景画像のスクロールしかできませんが、スムーズなスクロールです。
続きを読む»

jQueryプラグイン fancyBox3の使い方

ブログアイキャッチ画像053

read more

lightbox系プラグインでは有名なFancyBoxです。今まで使用したことがなかったのですが、バージョン3になったので使ってみました。
続きを読む»

メニューにborder-bottomでマウスホバーエフェクト

ブログアイキャッチ画像052

read more

メニューアイテムにマウスを重ねたときに下線を表示するエフェクトを4種類作成したので、書き留めておきます。
続きを読む»

横並びのメニュー display: を使って作成

ブログアイキャッチ画像051

read more

横並びのメニューを display:xxxx (inline、inline-block、table、flex) を使って作成したのをまとめてみました。inline 以外は中央寄せと横幅いっぱいのメニューを作成しました。
続きを読む»

カード型デザインのマウスホバーエフェクト

ブログアイキャッチ画像050

read more

カード型デザイン時のシンプルなマウスホバーのエフェクトを8パターン作成したので書き留めておきます。

続きを読む»

CSS3でbox-shadow

ブログアイキャッチ画像049

read more

いつも何気無く使用しているbox-shadowですが、ここで見直しのため、色々な設定パターンを書き留めておきます。

続きを読む»