BLOG

サムネイルなどで使える丸い画像をわざわざ作成する手間を省く便利なコードを紹介します。 画像や要素を丸く表示させる border-radiusに100%で要素を丸く表示することができます。 それより小さい値を入...

以下の擬似クラスを利用するとテキストの一部にスタイルを適用させることができます。 今回は最初の文字、最初の行だけに適用する方法を紹介します。 :first-letter１文字目にだけスタイルを適用 :first-lin...

前回「最初の要素、最後の要素だけにスタイルを適用したい！」でご紹介した擬似クラスには 特定セレクタのn番目や、偶数番目、奇数番目を指定するようなものもあります。 :nth-child(引数)n番目の要素が指定セレクタならスタイルを適...

CSSには「擬似クラス」というセレクタがあり、これを使うことで 特定の条件の要素だけを指定してスタイルを適用させることができます。 この擬似クラスは、.class_nameや#class_idやpのように 普段使うセレクタの後ろにくっつ...

サイトの下に「ページトップへ戻る」など、画面上部に戻るリンクを見かけますが これをテーマ編集なしで表示させる便利なプラグイン「jQuerySmoothScroll」を 紹介します。 プラグインをインストール プラグインの新規追加画...

WordPressのカスタマイズをしていると、必ずと言っていいほど使うfunctions.phpですが、 カスタマイズをすればするほどコードもどんどん長くなっていきます。 長くなればなるほどメソッドも増えて管理も大変です。 今回はこの...

WordPressはブログ同様ページを簡単に作成できますが、 ページが増えるたびにサイトマップを反映させるのは面倒です。 このサイトマップを作成から変更まで自動でやってくれる便利なプラグイン「PSAutoSitemap」を紹介します。 ...

WordPressのカスタマイズをする際、よく使用するのがfunctions.phpですが、 これを編集せずにカスタマイズができるプラグイン「WPTotalHacks」を紹介します。 このプラグインはファビコン、アナリティクス、ダッシュ...

すでに投稿した記事の本文を流用したいとき、コピペするのもいいですが できるなら複製して後から変更、ということができたら便利ですね。 今回はそれが簡単にできるようになるプラグイン「DuplicatePost」を紹介します。 プラグイン...

WordPressの記事にはアイキャッチを登録することができますが、 記事にアイキャッチが登録されているか確認する方法を紹介します。 記事ループ内でhas_post_thumbnail()を使う テンプレートタグhas_post_...