サイト制作– category –

macやiPhoneにて、safariではnth-childが効かなかったので、対処法をメモしておきます。 【nth-childではなく、nth-of-typeを使う】 書き方例 CSS.test li{ background: #EEE; } .test li:nth-of-type(2n){ background: #333; } これでliの２番目だけ背景...

こんにちは。今日はWordPressサイトに予約フォームを設置することについてお話ししたいと思います。 多くの方が外部の予約サイトに頼っていますが、実はWordPressサイトにも予約フォームを設置できることをご存じでしょうか？今回は、WordPressで予約フォ...

テキストが一文字ずつ出てくるテキストアニメーションを実装します。CSSアニメーションを調整・カスタマイズすることで、どんな動きにも変更することができます。スクロールして可視領域に入ったら動きます。jQueryは使用していません。 サンプル See the ...

こんにちは。今日は質のいいコンテンツ、ブログに大切なものについて説明していきたいと思います。毎日ブログを書いているのに思ったような成果に繋がっていない方は、ぜひ一度参考にしてみてください。 【コンテンツ（記事）の内容に盛り込むべきポイント...

CSSアニメーションでシンプルなフェードインのアニメーションを実装するためのコードをメモしておきます。 CSS CSS.test { opacity: 0; animation: fadeIn 0.4s ease-in forwards; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } 0.4s...

こんにちは。今日はGoogleサーチコンソール内の、インデックス登録についてお話しします。 当ブログも、運営しだしてから、なかなかインデックス登録がされない時期がありましたが、今では無事に登録がスムーズに行われています。 そのことについて自分な...

こんにちは。本日はWordPressサイトを自力で作ってみようという方に、無料で始めるためのマインドと無料テーマをご紹介したいと思います。アメブロやはてなブログを使えば完全に無料で使えるのに、わざわざサーバーとドメインを借りてWordPressでブログを...

こんにちは、ウェブ担当の菅井です。 カラーミーショップの商品詳細ページにて、プルダウン方式のオプション表示の選択項目に、各オプションに設定されている在庫数を表示させるためのコードを残しておきます。デフォルトではプルダウン方式（セレクトメニ...

こんにちは、ウェブ担当のスガイです。 今回はインスタやブログ、tiktokなどの投稿を、なるべく負担を少なく継続するためのポイントをお話ししたいと思います。 とはいえ、私も自分自身のブログとなるとなかなか筆がすまないので偉そうなことは言えないの...