磨りガラス風の背景を実現するためのCSSコードを生成できるWebサービスを2つご紹介いたします。 Glass MorphismとGlassmorphism CSS Generatorというサービスで、どちらも磨りガラス風…
磨りガラス風背景のCSSコードを生成できるWebサービス「Glass Morphism」と「Glassmorphism CSS Generator」
WordPressで読み込んでいるCSSのバージョン番号としてテーマのバージョンを付与する方法
WordPressで読み込んでいるCSSファイルのバージョン番号に、テーマのバージョンを使う方法をご紹介いたします。 通常は、wp_enqueue_styleで読み込むCSSには固定のバージョン番号を引数で指定しますが、…
WordPress管理画面のカラースキームを生成できるWebサービス「WordPress Admin Colors Generator」
WordPress Admin Colors Generatorは、WordPress管理画面のカラースキームを生成できるWebサービスです。 WordPress Admin Colors Generatorを使えば、簡…
ストライプ柄のCSSコードを生成できるジェネレーター「Pure CSS Stripes Generator」
Pure CSS Stripes Generatorは、ストライプ柄のCSSコードを生成できるジェネレーターです。 Pure CSS Stripes Generatorを使えば、簡単にCSSだけでストライプの背景を実現で…
サイトに独自のCSSやJavaScriptを追加できるWordPressプラグイン「Simple Custom CSS and JS」
Simple Custom CSS and JSは、サイトに独自のCSSやJavaScriptを管理画面上から追加できるWordPressプラグインです。 管理画面上からコードを追加できるので、子テーマ化してテーマを編集…
特定の投稿や固定ページでのみ適用するCSSを追加できるWordPressプラグイン「Simple CSS」
Simple CSSは、特定の投稿や固定ページに、そのページでのみ読み込まれるCSSを追加することができるWordPressプラグインです。 また、サイト全体で読み込まれるカスタムCSSも追加できます。 Simple C…
ワンクリックでテキストを全選択できるようにするCSS
ワンクリックでテキストが全選択されるようになるCSSをご紹介いたします。 逆に、テキストを選択できないようにする方法も後述します。 ワンクリックでテキストを全選択できるようにするCSS ワンクリックでテキストを全選択する…
CSSのbox-shadowを生成できるジェネレーター「CSS BoxShadow Generator」
CSS BoxShadow Generatorは、box-shadowのスタイルを生成できるジェネレーターです。 各種値を入力していくだけで、box-shadowのコードをリアルタイムに生成してくれます。 CSS Box…
CSSのみで要素を六角形にする方法
CSSを使って要素を六角形にする方法をご紹介いたします。 画像を使わなくても六角形を実装できるので、背景色を変えたい時などにCSSの修正のみで対応できるようになります。 CSSのみで六角形を実装する方法 上記のような六角…
CSSセレクタの詳細度を確認できるWebサービス「Specificity Calculator」
Specificity Calculatorは、CSSセレクタの詳細度を確認できるWebサービスです。 CSSでは、セレクタの詳細度が高い方を優先して適用する仕組みになっています。例えば、「.content」よりも「p.…