web制作 fontawesome6の設定
fontawesomeの最新バージョンは6 無料版と有料版があり 有料版を勧められますが メールアドレスを登録すれば無料版だけでも使えます「start for free」からメールアドレスを送ってアカウント登録をする必要あり届いたメールの「
web制作
web制作 
css 奇数、偶数、n番目を指定するcss
これも毎回調べてしまうのでメモ（背景を黄色に指定する設定）奇数:nth-child(odd){background:#ff0;}偶数:nth-child(even){background:#ff0;}n番目/*３番目のとき*/:nth-ch
web制作 ファビコン、スマホホーム画面用アイコンの作成
ブラウザのタグ等に出てくるファビコンだけでなく最近はスマホホーム画面用のアイコンも作成することが増えたのでいつものやり方をメモ①ファビコンの作成いつもこちらのサイトで作らせてもらってます16×16 px 、32×32pxでそれぞれpngファ
css メディアクエリの書き方（モバイルファースト）
ブレイクポイントが１つ/* 768px以上のとき */@media screen and (min-width:768px) { }ブレイクポイントが２つ/* 768px以上1024px以下のとき */@media screen and (
web制作 「VK Link Target Controller」投稿記事・固定ページを任意のページにジャンプさせることができるプラグイン
wordpressで、ある投稿記事をそのまま表示させず 別のページにリダイレクトできないか？と探してたら まさにぴったりのプラグインを見つけ それからずっと使っていますVK Link Target Controllerインストールして有効化
css Flexboxベンダープレフィックス
Flexbox よく使うベンダープレフィックスまとめコピペ用flexboxdisplay: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;flex-
WordPress 固定ページをフロントページに設定したらエラーになってしまう
wordpressのサイトをコーポレートサイト仕様にするため固定ページでトップページを設定し「表示設定」の「ホームページの表示」から作成したものをフロントページに設定しようとするとエラーになってしまいましたいろいろなサイトを調べてみるとつま
css 横幅いっぱいの背景画像を縦横比を保ったままレスポンシブ対応
HTML<div class="box"></div> ← 背景を設定するボックスCSS.box{width:100%;height:0;padding-top:〇〇%; /* 画像の高さ÷幅×100*/background-size:co
css 横に並んだ画像とテキストを縦中央に揃える
見出しの前にアイコンを付ける時とか用①display:table-cellを使うHTML<div class="content"> <p><img src=""></p> <p>テキストテキスト</p></div>CSSdiv.conten
css マウスオーバーでふわっとさせるcss
cssa{ transition : all 0.3s ease 0s;}a:hover{ opacity:0.7;}これでリンク部分は0.3秒かけてふわっと自然に半透明になる最後の0sは始まるまでの時間（この場合はすぐに）easeは動き方