WordPress

WordPressにおけるwhileとforeachの違いとは?

WordPressでテーマやプラグインをカスタマイズするとき、データを繰り返し処理するために「while」と「foreach」のループ構文を使用することがよくあります。似たような機能を持ってますが異なる場面で活躍するため、正しい使い分けをす...
その他

Webサーバーについて最初に覚えておきたいワードまとめ

Webサーバーは、Webサイトを構成するデータをネット上で提供するために必要な仕組みや技術を支える重要な要素です。この記事では、Webサーバーの基本的な仕組みや用語について、初心者の方でもわかりやすく解説していきます。Webサイトが表示され...
その他

約物半角専用のWebフォント「Yaku Han JP」とは?

「Yaku Han JP」は、日本語の文章において約物(句読点や括弧、引用符など)のデザインを最適化するために開発されたWebフォントです。通常、日本語フォントでは約物が全角で表現されることが一般的ですが、これにより横書きの際に文字間隔が均...
その他

タイプフェイスとは?基本からその魅力まで解説

「タイプフェイス」という言葉は、デザインや印刷に関わる方々にとって馴染み深いものですが、一般的には「フォント」と混同されることも多い用語です。この記事では、「タイプフェイス」の基本的な意味からその役割、フォントとの違いについて詳しく解説しま...
WordPress

WordPressのログイン時にCookieのエラーが出た時の原因と対処法

先日、WordPressのサイトにいつも通りログインしようとしたのにログインができない…という相談を受けました。キャッシュクリアをするとログインができるとのことでしたが、毎回それを行うのは不便ですよね。今回はその時に行った解消方法についてご...
JavaScript

Splideで同じスライダーを複数設置する方法

jQueryが不要で高機能ということで最近人気のスライダーライブラリ「Splide」。便利ではあるものの、同じスライダーを複数設置するのに弱いというデメリットも存在しています。ただ、スライダーは何かと複数設置をしたい場面が多いのではないでし...
CSS

CSSだけでノイズかかった背景を作る方法

サイトをより印象的にするために背景に一工夫を入れたいことがあると思います。今回はその中でもノイズのかかった背景を作る方法を紹介いたします!完成系のイメージノイズがかかった背景を付けるだけであれば、ノイズパターンを敷き詰めるだけで完成してしま...
WordPress

Contact Form 7で年数選択を動的に作成する方法

フォームで生年月日などの項目を作るとき「年数」をセレクトで作成するとき、毎年新しい年を足して…というのは運用上少し不便。そして、項目数が多くなりすぎてしまうとユーザーにとっても使い勝手があまり良くありません。今回はそんな悩みを解決できる、運...
JavaScript

スクロールに合わせて背景色を計算して変える方法

Webサイトを作成していると背景にちょっとした工夫を入れたくなることありますよね。今回はgsapなどを使用せず、スクロールに合わせて背景色を変える方法をいくつか作成してみました!基本形まずは基本形です。スクロールに合わせてbodyに指定され...
WordPress

ACFでショートコードを埋め込む方法

WordPressのカスタマイズをしているとフォームやSNSの埋め込みなど、カスタムフィールドに入力した内容を表示させたいと思うこともあると思います。専用のテキストエリアを作成し、その内容を通常の記述で呼び出し…とすると、ショートコードのテ...