お役立ちコラム

画像であれば横幅を％指定するだけで画面幅に応じて自然に拡大・縮小できますが、文字サイズは同じようにはいきません。 vwを使って文字サイズをレスポンシブに調整する方法もありますが、最小値や最大値の設定が難しく、意図せず文字…

今回は、Figmaで表・テーブルを効率良くデザインする方法を紹介します。 本記事では、以下のように柔軟にカスタマイズできる「テーブル用テンプレート」を一から作成し、そのテンプレートを活用してさまざまなデザインの表を作成で…

宿泊施設のWebサイトに予約機能を導入したい場合、WordPressを利用しているなら「Booking Package」がおすすめです。 Booking Packageは無料から利用でき、月額660円（税込）の有料版では…

figureタグは、そのコンテンツがなくなったとしても本文の流れに影響を与えることがない自己完結型コンテンツに使用できるHTMLタグです。イラストや図、写真やコードの断片などに対して使用されます。 また、figcapti…

ウィジェット機能を使って、ページタイプごとにサイドバーの表示内容を切り替えたい場合もあると思います。 そのようなときは、プラグイン「Widget Options」を使用すると便利です。 今回は「Widget Option…

コーディング初学者が初めてJavaScriptを学ぶ際に、最初に触れることが多いのがJavaScriptライブラリの「jQuery（ジェイクエリ）」です。 現在のモダン開発のトレンドとは言えないものの、依然としてWebサ…

Web制作を学び始めた方が最初に直面する壁の一つが、メールフォームの制作ではないでしょうか。 メールフォームを作成するには、PHPなどのプログラミング言語を扱う必要があり、初心者にとってはややハードルが高いと言えます。 …

テーブルのカラムが3列以上あり、スマホ時に縦方向に並べ替えるのが難しいといった場合は、横スクロールで表示できるようにするのがおすすめです。 今回は、HTMLのtableタグで実装したテーブルを横スクロールできるようにする…

今回は横スクロールできる要素にヒントを表示するJavaScriptライブラリ「ScrollHint」の使い方を解説します。 ScrollHintを使用すると、要素が横スクロール可能な状態になったタイミングを自動で検知し、…

「Webサイトでの発信を海外ユーザーにも届けたい」といった際に必要になるのが多言語化対応です。 今回は、初心者でも簡単に導入できるやり方から本格的な多言語化方法まで、WordPressサイトの多言語化にはどんなやり方があ…