Cording– category –

WordPressのお問い合わせフォームプラグイン「Contact Form 7」を使っていると、「パソコンでは綺麗に表示されているのに、スマホで見ると送信ボタンが左にズレている」という現象に悩まされることがあります。 text-align: center; を指定しても効かない ...

はじめに 今回の記事で対象になるThemify Shoppeはお客様の使用しているテーマで私も初めて触らせていただくテーマです。あまり使用している方はいないかと思いますが、「テーマ特有のコードが邪魔をしてうまくいかない」という パターンは他にも共通する...

値を動的に算出するための便利な関数 min() 画面幅に応じて動的に変化する値に対してあらかじめ最大値を設定できます /*親要素の幅５０％かつ６００px以内で伸縮*/ width: min(50%,600px); /*以下と同じことです*/ width: 50%; max-width: 600px; max-marg...

ｐｘ（ピクセル） スクリーンの１ピクセルの長さを１とした単位 固定サイズで表示させたい箇所全般に広く使われる 用途 固定したサイズで表示したいとき 文字サイズに使用した場合、ブラウザの文字サイズ変更機能が効かなくなる <div class="box_p...

display: flex;の要素の中央寄せ flexコンテナの要素を中央寄せするときalign-itemsとjustify-contentを使って中央寄せする方法があります。 <div class="xxx"> <p>テキスト</p> </div> .xxx{ display: flex; align-ite...

各名称 .selector{ property: value; } .セレクタ｛ プロパティ：値； ｝

一番簡単なレスポンシブ 一段組みの可変レイアウト シンプルな１カラム シンプルな１カラムのボックスがブラウザ幅に合わせて伸縮します。 <div class="container-1"> <p>ここにテキストが入ります。ここにテキストが入ります。ここ...

このカテゴリーはコーディングに関するアウトプットを中心にまとめたカテゴリーになります。 学びに使用しているツール 「HTML＋CSS コーディングの強化書」 著：草野あけみ

閲覧ありがとうございます。 ページテーマ WordpressでURLを呼び出しているのに動かないを解消 ｊｓを使用したくてfunction.phpにコードを書いたのに動かない… そんな問題解決につながれば嬉しいです。 \ このサイトで利用しています / おすすめテーマ お...

閲覧ありがとうございます。 ページテーマ リンクの開き方を指定する方法 リンクはどこに開いたら使いやすいのかな？ 開く場所の指定はどうしたら良いのかな？ そんな問題解決につながれば嬉しいです。 リンクは別タブで開く方が閲覧しやすい 複数のページ...