CSSのbackground-image(背景画像)をWebP対応させる方法
CSSのbackground-imageで指定した画像を、WebP対応させる方法。①「modernizr-custom.js」ファイルをダウンロードして設置②CSSで背景画像にWebP画像を指定することで対応・非対応ブラウザそれぞれに対応できます。
CSSのbackground-imageで指定した画像を、WebP対応させる方法。①「modernizr-custom.js」ファイルをダウンロードして設置②CSSで背景画像にWebP画像を指定することで対応・非対応ブラウザそれぞれに対応できます。
ブログやWEBページにフォームを設置して、実際に「スマホ」で文字を入力しようとした時に画面がズームになってしまう。その時はfont-size:16px以上にすると解決します。
今回はCSSでコーディングし、まん丸(正円)を作りたいと思います。まずは完成形を実際にブラウザを縮めてみてください。
おかぴー おかぴーです。 前回に引き続き、今度はJINのボックス内の余白をカスタマイズしたいと思います。 記事作成時のテーマのバージョン:2.701 『カスタマイズする前に』 カスタマイズをするときは、子テーマを使って、バックアップをとってから行ってください。 JINのボックスの種類 ボックスは全部で21種類あり、 1〜9までのデザイン(simple-box) 10〜15までのデザイン(kaise […]
おかぴー おかぴーです! 今回はJINのアイコンボックスの余白を調整したいと思います^^ 記事作成時のテーマのバージョン:2.701 『カスタマイズする前に』 カスタマイズをするときは、子テーマを使って、バックアップをとってから行ってください。 JINのアイコンボックスの導入方法 ご存知の方はさっそく本題へどうぞ^^ 記事投稿のページで、「ショートコード> […]
THE THORのサイトロゴはイメージしたものより小さくなることがあります。それは、画像の幅と高さ、ヘッダー表示時のロゴの高さ設定が作用するため。ロゴ画像もjpgとpngのどちらが良いかも解説。
最近、STORKで新しいテーマ「STORK19」がリリースされましたね。トップに戻るボタンを「グレー背景+矢印」から好きな画像に変更するカスタマイズ方法をご紹介します。
今回は、Cocoonのテーマのボタンエフェクトをまとめてみました。ふわっと浮かしたり、沈んだり、影をつけたり、浮き沈みの速度を変えたり。色々組み合わせることができます。
今回は、WordPressでCSSが反応しない場合に確認したい内容を書いていこうと思います。コードの書き方、優先度も関係してくるので、この内容を一度チェックしてみてください。
Cocoonのテーマのブログタイトルの文字をカスタマイズしました。もともとヘッダー画像に文字を入れて作っていた場合、文字を変えるときにはその画像ごと変更する必要があります。それを、コードを使って簡単に変更できるようにしました。