サイト制作– category –

こんにちは、ウェブ担当の菅井です。 slick.jsというjQueryプラグインを使用してスライドショーを実装した際、モバイル時、矢印ボタンが（特に左のprevボタン）が押しにくい現象が発生することがあります。 これはprevボタン（nextボタン）のz-indexが適切...

2026/05/29結果発表のセクションに自由にHTMLを記述できるコードに改良しました！ こんにちは。今回はHTMLとJSで、比較的簡単に導入できる診断ツールの作り方を紹介します。診断ツールとは、いくつかの設問に対してはい、いいえなど簡単な回答をして、最後...

たまにWordPressではなく普通のphpでコーディングすることがまだあります。その度にincludeのコードを調べてコピーし続けている人生なので自分のブログにもメモしておきます。他のサイトでは細かく説明されてるんですが、そういうのが必要ない・ただinclud...

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は使用していません。 サンプル：シンプ...

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

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

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