おむすびまるのデザイン覚え書き

DESIGN NOTES

ワードプレスやCSS、調べたことをまとめておけば次回はスピードアップできるかな!?
空いた時間でもっといいデザインをつくります!!

最近の記事

スマホでhoverが効かない!タップでも対応させたい!

2021/02/14

スマホでhoverが効かない!タップでも対応させたい!

スマホでもhoverでつけた動きを反映させたい ontouchstart属性を追加する場合 ontouchstart属性を追加します。要素は特に入れなくてOKです。疑似クラス「:hover」を設定した …

スライダー「slick」の使い方

2021/01/31

スライダー「slick」の使い方

スライダー slick jsでスライダーを設置するならjQueryのプラグイン「slick」がおすすめです。 導入 必要なファイルをhead内に読み込みます。URLはパスに合わせて書き換えます。 [c …

アイキャッチ画像

2021/01/31

アイキャッチ画像

アイキャッチ テンプレートタグ 分岐 アイキャッチ

アイキャッチが設定されていない場合「no-image.png」を表示します。 最初 …

隣接セレクタ・間接セレクタ・直下セレクタでCSSを記述したい

2021/01/24

隣接セレクタ・間接セレクタ・直下セレクタでCSSを記述したい

隣接セレクタ・間接セレクタ・直下セレクタとは? 隣接セレクタ 要素を結合子「+」でつなぎます。例えば要素A+要素Bの場合、要素Aと同じ階層にあるすぐ後の要素Bにスタイルがつきます。 間接セレクタ 要素 …

CSSで縦書き

2021/01/24

CSSで縦書き

縦書き 文章を縦書きにして右から左へ流す。 縦書きの基本 文章を縦書きにして右から左へ流す。

1月11日 数字の回転 二桁の数字など英 …

CSSで上下センター揃え

2021/01/17

CSSで上下センター揃え

上下センター揃え フレックスボックス 「display: flex」を使います。

左右センターは「justify-content: c …

よく使うテンプレートタグ

2021/01/11

よく使うテンプレートタグ

パスを取得するテンプレートタグ ホームページのURL

ワードプレスのURL ホームページのURLとワードプレスのURLが異なる場合に便 …

よく使う条件分岐

2021/01/11

よく使う条件分岐

便利な条件分岐 トップページとその他

カテゴリーとその他 カテゴリーごとに表示を変える場合 [crayon-6077791b8ba16 …