-
ECサイト｜不揃いな商品サムネイルをCSSで同じ比率・サイズに統一させる方法
ECサイトなどで商品をリスト表示させたときに、画像の比率がバラバラなためにきれいに揃わないことってありますよね。そんなときに、画像を一つ一つ編集しなくても、CSSだけで調整できたら便利だと思いませんか？ここでは、そんな方におすすめのobject-fitプロパティを使って不均等な画像サイズを一発でキレイに合わせる（トリミング）する方法についてお話します。objec…
-
商品サムネイルにCSSでラキングの王冠画像を重ねて表示させる方法
ここでは、ネット通販サイトなどで使えるランキングの王冠画像をスタイルシートを使ってサムネイルに重ねて表示させる方法について見ていきます。王冠画像をサムネ…
-
データベースに残った不要なカスタムフィールドを削除するプラグイン
カスタムフィールドを多用するサイトを運営していると、初期のころに作成して使わなくなったカスタムフィールドが残ってしまいます。普通に運用する分には気にならないかも…
-
Speech bubble (ふきだしプラグイン)の使い方
ここでは、このように記事の投稿を少しユニークに演出したいときに使えるプラグイン「Speech bubble (ふきだしプラグイン)」の使い方についてご紹…
-
CSS｜dlリストのdtタグ・ddタグをヨコに並べる方法
下記の記事でもご紹介したように、dtリストというのは「キーワード」とその「意味・説明」などを記載したいときに使うタグです。でも、dtは初期設定で…
-
【プラグインなし】WordPressのページごとに個別のCSSを追加する方法
特定の記事の一部だけにスタイルシートを効かせたいときってありますよね。でも、「投稿の編集」のテキストエディタに直接スタイルシートを記入してしまうと、コー…
-
flexboxを使って画像とテキストを横に並べてレスポンシブにしたい
ここではタイトルの通り、flexboxを使って画像とテキストを２列に横並びに表示させて、かつスマホで表示させたときは画像とテキストを１列にする方法について見てい…
-
-
-
Photoshopで星形を簡単に描く方法
フォトショップで星形を作る方法って意外と知らない方が多いのではないでしょうか？ここでは多角形ツールを使って簡単に星形を描く方法について見ていきます。…
