コンテンツへスキップ ナビゲーションに移動

Masa-Traveller

  • BLOG
  • Web制作
  • ワーケーション

BLOG

  1. HOME
  2. BLOG
【ライブラリで簡単】横スクロール可能なアイコンを表示する【ScrollHint】
2023年11月17日 / 最終更新日時 : 2023年11月17日 admin Web制作

【ライブラリで簡単】横スクロール可能なアイコンを表示する【ScrollHint】

Web制作で、スマホなど画面幅を小さくした時に、テーブルで作成した横長の表などを横スクロールできるようにすることがありますよね。 overflow-x: scroll; を指定してスクロールさせれば解決ではあるのですが、 […]

【HTML】静的サイトにお問い合わせフォームを実装する方法【WordPress】
2023年11月8日 / 最終更新日時 : 2023年11月8日 admin Web制作

【HTML】静的サイトにお問い合わせフォームを実装する方法【WordPress】

ホームページを制作する場合、お問い合わせフォームを実装することが多いかと思います。 WordPressサイトであれば、Contact Form 7やMW WP Formなどのプラグインを使用して、そこまで難しくなくお問い […]

【初心者必見】Web制作でお問い合わせフォームを実装する際の注意点【WordPress】
2023年11月2日 / 最終更新日時 : 2023年11月6日 admin Web制作

【初心者必見】Web制作でお問い合わせフォームを実装する際の注意点【WordPress】

Web制作でWordPressサイトを構築する際、かなりの確率でお問い合わせフォームを実装することになるかと思います。 お問い合わせフォームはコンバージョン率を上げる重要なツールなので、キチンと実装しないとサイトを訪問し […]

【CSS】inputタグのボタンに疑似要素などで装飾する2つの方法
2023年11月1日 / 最終更新日時 : 2023年11月1日 admin Web制作

【CSS】inputタグのボタンに疑似要素などで装飾する2つの方法

Web制作でホームページなどを構築する時、お問い合わせフォームを実装することが多いかと思います。 お問い合わせフォームには問い合わせ内容を入力した後にinputタグで送信をボタンを作成することがありますが、このボタンに疑 […]

【displaynoneはNG】自作ラジオボタンチェックボックスをTABで操作する
2023年10月26日 / 最終更新日時 : 2023年10月26日 admin Web制作

【display:noneはNG】自作ラジオボタン/チェックボックスをTABで操作する

Web制作で、お問い合わせフォームを実装するにあたり、デザインカンプを再現するためにラジオボタンやチェックボックスを自作するケースが多いかと思います。 その際、デフォルトのラジオボタンやチェックボックスを「display […]

【MW WP Form】ビジュアルエディターをオフ非表示無効にする方法
2023年10月24日 / 最終更新日時 : 2023年10月24日 admin Web制作

【MW WP Form】ビジュアルエディターをオフ/非表示/無効にする方法

Web制作でWordPressサイトにお問い合わせフォームを実装する際、MW WP Formを使うことがあるかと思います。 お問い合わせページ、確認ページ、サンクスページの3段階をデフォルトで作成できるプラグインなので、 […]

【コピペOK】MW WP Formで勝手に挿入されるpタグ・brタグを削除する方法
2023年10月23日 / 最終更新日時 : 2023年10月24日 admin Web制作

【コピペOK】MW WP Formで勝手に挿入されるpタグ・brタグを削除する方法

WordPressサイトでお問い合わせフォームを実装する時、MW WP Formを利用することがあるかと思います。 予め準備しておいたHTMLコードをMW WP Formのエディター内に貼り付けて、いざ表示を確認してみる […]

【MW WP Form】入力エラー時にフォームまで自動スクロールで戻る方法
2023年10月19日 / 最終更新日時 : 2023年10月24日 admin Web制作

【MW WP Form】入力エラー時にフォームまで自動スクロールで戻る方法

WordPressでサイト制作をする際、かなりの確率でお問い合わせフォームを実装することになるかと思います。 恐らく、「MW WP Form」か「Contact Form 7」のどちらかのプラグインを使用するのではないで […]

【MW WP Form】電話番号・郵便番号の入力時に数字キーボード(テンキー)を起動させる方法
2023年10月18日 / 最終更新日時 : 2023年10月24日 admin Web制作

【MW WP Form】電話番号・郵便番号の入力時に数字キーボード(テンキー)を起動させる方法

WordPressでサイト制作をする際、かなりの確率でお問い合わせフォームを実装することになるかと思います。 恐らく、「MW WP Form」か「Contact Form 7」のどちらかのプラグインを使用するのではないで […]

【CSS / hover】スマホではマウスホバーアクションを無効にする方法
2023年10月10日 / 最終更新日時 : 2025年5月2日 admin Web制作

【CSS / hover】スマホではマウスホバーアクションを無効にする方法

Web制作では、必ずと言っていいほどマウスのカーソルをリンクに乗せた(hover)させた際に、ホバーアクションを実装するかと思います。 よくあるホバーアクションとしては、ボタンにカーソルを乗せるとopacityを下げて半 […]

投稿のページ送り

  • «
  • 固定ページ 1
  • 固定ページ 2
  • 固定ページ 3
  • »

ワーケーション記事

人気記事一覧

マサトラ / フリーランスエンジニア

■プロフィール
旅行業界の中堅→最大手→ベンチャーを経験後、2022年からエンジニアに転身。現在は20社以上のWeb制作会社様と提携し、WordPress構築やLPコーディングを中心にフリーランスとして活動しています。

■当ブログについて
このブログでは、学習や制作過程での技術的なつまづきへの解決法や使っているツールなど、実務に直結する知見を共有しています。
また、技術だけでなく、「旅行業界での経験×働く場所を選ばないフリーランス」として、旅やワーケーションの発信もしています。自由な生き方のヒントになれば嬉しいです。

  • X
  • Instagram

  • プロフィール
  • プライバシーポリシー
  • お問い合わせ

Copyright © Masa-Traveller All Rights Reserved.

Powered by WordPress with Lightning Theme & VK All in One Expansion Unit

MENU
  • BLOG
  • Web制作
  • ワーケーション
PAGE TOP