WebサイトにGoogleMapを埋め込む方法
Webサイト(グーテンベルク)でGoogleMapを埋め込む方法をご紹介します。 ①Ｇoogleマップを開き、Webサイトに掲載したい場所を検索します。 画面左上の検索ボックスに表示したいスポット名や住所を入力します。 …
スマートフォンだけハンバーガーメニュー表示にする（CSS）
※ここでは、768px未満の表示をスマートフォン表示、768px以上の表示をパソコン表示と呼んでいます。 上図の様にスマートフォンだけハンバーガーメニューを表示し、ナビゲーションの表示をウィンドウ幅768pxを境目に切り…
WordPressのサイトを別のWordPressに複製する方法
WordPressの自分のサイトを他のWordPressへ移行したい時や、ローカル環境でカスタマイズ・確認したい時等、WordPressサイトを複製できると便利です。 今回はWordPressのサイトを別のWordPre…
WordPressの削除方法
WordPressで色々と試行錯誤していると、リセットしたくなったり、不要になったものもでてくるかと思います。 今回は、WordPressの削除方法をご紹介します。（サーバーはXサーバーです。） トラブルに備えて必ずバッ…
ナビゲーションメニューの設置
ナビゲーションメニューとはユーザーがコンテンツをみつけやすいように、設置してある下図のような赤枠のメニューのことです。 今回はヘッダー部分に上図、フッター部分に下図のようなメニューを設置します。 ナビゲーションメニューの…
【WordPress】Gutenbergで画像を２カラム表示する
WordPressで画像を２カラム（横並び）表示する方法をご紹介します。 手順１ 投稿画面左上の⊕（ブロックの追加）ボタンをリックし、レイアウト要素→カラムをクリックします。 もしくは、ブロックに / と入力し、カラムを…