ウエブ制作デザイン覚え書き

DESIGN NOTES

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

最近の記事

WordPressテーマ「lightning」カスタム投稿

2021/09/16

WordPressテーマ「lightning」カスタム投稿

「lightning」のカスタム投稿 WordPress無料テーマで人気の「lightning」。 サポートの終了しているテーマ「BizVektor」から後継の「lightning」に移行したという方 …

MW WP Formが動かない!確認画面にいかない!その原因は?

2021/09/08

MW WP Formが動かない!確認画面にいかない!その原因は?

入力画面でループして確認画面やエラーの表示に遷移しない、せっかく入力したのに確認画面を押すと、リロードされて消えてしまい、先に進まない…。なかなか解決せずはまってしまったMW WP Form。試してみた内容をご紹介しています。

tableのCSS設定

2021/08/17

tableのCSS設定

tableのCSSデザイン

社名 〇〇株式会社 所在地 〒000-0000 埼玉県〇〇〇〇〇〇 連絡先 048-000-0000 … …

スマホで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日 数字の回転 二桁の数字など英 …