ウエブ制作デザイン覚え書き
DESIGN NOTES
ワードプレスやCSS、調べたことをまとめておけば次回はスピードアップできるかな！？
空いた時間でもっといいデザインをつくります！！
最近の記事
-
-
2021/09/16
「lightning」のカスタム投稿 WordPress無料テーマで人気の「lightning」。 サポートの終了しているテーマ「BizVektor」から後継の「lightning」に移行したという方 …
-
-
2021/09/08
MW WP Formが動かない！確認画面にいかない！その原因は?
入力画面でループして確認画面やエラーの表示に遷移しない、せっかく入力したのに確認画面を押すと、リロードされて消えてしまい、先に進まない…。なかなか解決せずはまってしまったMW WP Form。試してみた内容をご紹介しています。
-
-
2021/08/17
tableのCSSデザイン
12345678910111213<table class="outline"><tbody><tr><th>社名</th><td>〇〇株式会社</td></tr><tr><th>所在地</th><td>〒000-0000 埼玉県〇〇〇〇〇〇</td></tr>…</tbody></table>社名 〇〇株式会社 所在地 〒000-0000 埼玉県〇〇〇〇〇〇 連絡先 048-000-0000 … …
-
-
2021/02/14
スマホでもhoverでつけた動きを反映させたい ontouchstart属性を追加する場合 ontouchstart属性を追加します。要素は特に入れなくてOKです。疑似クラス「:hover」を設定した …
-
-
2021/01/31
スライダー slick jsでスライダーを設置するならjQueryのプラグイン「slick」がおすすめです。 導入 必要なファイルをhead内に読み込みます。URLはパスに合わせて書き換えます。 [c …
-
-
2021/01/31
アイキャッチ テンプレートタグ 分岐 アイキャッチ
123456例）<?php if ( has_post_thumbnail() ): //アイキャッチを指定している場合 ?><?php the_post_thumbnail( 'thumbnail' ); ?> //カッコ内はアイキャッチ画像のサイズ（初期値は150×150px）。<?php else: // それ以外 ?><img src="<?php echo get_template_directory_uri(); ?>/images/no-image.png" alt="no image" width="100" height="100" /><?php endif; ?>アイキャッチが設定されていない場合「no-image.png」を表示します。 最初 …
-
-
2021/01/24
隣接セレクタ・間接セレクタ・直下セレクタでCSSを記述したい
隣接セレクタ・間接セレクタ・直下セレクタとは？ 隣接セレクタ 要素を結合子「+」でつなぎます。例えば要素A+要素Bの場合、要素Aと同じ階層にあるすぐ後の要素Bにスタイルがつきます。 間接セレクタ 要素 …
-
-
2021/01/24
縦書き 文章を縦書きにして右から左へ流す。 縦書きの基本 文章を縦書きにして右から左へ流す。
123456親{text-align:right;display: inline-block;}子{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;/*IE用*/text-align: left;display: inline-block;1月11日 数字の回転 二桁の数字など英 …