日々の疑問に、確かめられる答えを。 運営・編集
しるべSHIRUBE / JOURNAL
WEB / GUIDES

Web制作

ホームページの準備、選び方、育て方をわかりやすく。

Web制作18分で読める

独自ドメインを買う前に確認すること:初年度料金だけで選ばないためのチェックリスト

初年度の安さだけで決めないために。更新料、自動更新、Whois情報公開代行、無料ドメインの条件、移管料を公式情報で確認し、購入前のチェックリストで整理します。

2026.10.14 確認
Web制作20分で読める

WordPress用レンタルサーバー3社を比較|12か月の総額と無料お試しの注意点

エックスサーバー・ロリポップ!・さくらのレンタルサーバを、12か月の通常料金、ドメイン代、バックアップ、試用から課金に変わる条件で比較。初めて申し込むときの確認手順も説明します。

2026.10.14 確認
WordPress表示設定で最新の投稿と固定ページの選択肢、ホームページと投稿ページの欄、保存ボタンがある。
Web制作8分で読める

WordPressのトップページを固定ページにする方法|お知らせ一覧との分け方

「ホーム」と「お知らせ」を用意し、表示設定で割り当てる手順。管理画面・固定ページ一覧・表示設定の公式画面と4枚の図解で、入口から保存後の確認まで説明します。

2026.10.14 確認
公開日時のカレンダーと時間入力欄。右のPublish行から開く位置が赤枠と矢印で示されている。
Web制作6分で読める

WordPressで記事を予約投稿する方法|日時の設定から公開確認まで

下書きの記事を指定日時に公開する手順。タイムゾーン、投稿設定の入口、カレンダーと時刻、予約済みの確認、変更・取り消し、予約時刻を過ぎた場合まで説明します。

2026.10.14 確認
WordPressの本文に表があり、上に表専用のツールバー、右に設定欄がある。
Web制作5分で読める

WordPressで比較表を作る方法|テーブルの追加・行列の編集・スマホ表示

標準のテーブルブロックで小さな比較表を作る手順。見出し行、行や列の追加、セル内のリンク、公開後のスマホ確認まで、公式画面を使って案内します。

2026.10.14 確認
ギャラリーのリンクメニュー。添付ページ、メディアファイル、クリックで拡大、なしが並ぶ。
Web制作6分で読める

WordPressで写真を並べる方法|ギャラリーの追加・順番変更・スマホ確認

複数の写真をギャラリーブロックに追加し、並び順と列数を調整する手順。写真一枚とギャラリー全体の選び分け、切り抜き、拡大表示、説明文まで公式画面で確認できます。

2026.10.14 確認
空の段落にスラッシュbuttonsを入力し、Buttons候補が表示された公式画面。
Web制作5分で読める

WordPressにリンクボタンを作る方法|URLの入れ方と押せないときの確認

「問い合わせる」「PDFを開く」などのボタンを作り、行き先のURLを設定する手順。ボタンの選択位置、リンクアイコン、別タブ設定、公開ページでの動作確認を公式画面で説明します。

2026.10.14 確認
旧版WordPressの固定ページ一覧。左側のPagesと上部のAdd Newが見える。
Web制作6分で読める

WordPressで固定ページを作る方法|新規追加から公開URLの確認まで

会社案内やサービス説明を一ページ作る手順。管理画面の入口、見出し・本文の入力、プレビュー、公開、メニューへの追加まで、公式画面とともに案内します。

2026.10.14 確認
WordPressのログイン画面。上にユーザー名またはメールアドレス、下にパスワード、右下にLog Inがある。
Web制作6分で読める

WordPressの管理画面はどこ?ログインURLの開き方と最初に押す場所

自分のサイトのログイン画面を開くところから、投稿・固定ページ・メディアの入口まで。公式の実画面と日本語の対応表で、URL違い・パスワード忘れ・メニューがない場合を案内します。

2026.10.14 確認
作業の範囲から役割を選ぶ。原稿だけ:寄稿者:標準では画像追加・公開不可。自分の投稿:投稿者:自分の投稿を公開。固定ページも:編集者:他人のコンテンツも編集。サイト管理:管理者:設定やユーザーを管理。
Web制作5分で読める

WordPressに更新担当者を追加する方法|編集者・投稿者・寄稿者の選び方

担当者の作業範囲から権限を選び、個別アカウントを追加する手順。固定ページを編集したい場合、画像をアップロードできない場合、退任時の引き継ぎも整理します。

2026.10.14 確認
QRから先の道筋も確認する。01:紙のQRコードを読み取る。02:埋め込まれたURLを開く。03:公開ページを表示する。04:申し込みなどの操作へ進む。
Web制作5分で読める

ホームページのQRコードを作る方法|チラシに印刷する前の確認ポイント

公開URLからQRコードを作り、実寸の印刷物で読み取りを確認する手順。余白、変形、リンク先の変更、読み取れないときの切り分けを解説します。

2026.10.14 確認
選ぶのは、正しい施設の場所。施設名:支店まで一致するか。住所:移転前の住所ではないか。ピン:目的の建物を指すか。入口:来訪者が入れる場所か。
Web制作5分で読める

Googleマップをホームページに埋め込む方法|店舗の場所とスマホ表示を確認

Googleマップの共有機能から地図を取得し、WordPressへ載せる手順。似た店名の取り違え、入口の案内、埋め込みが消える場合、スマホでの確認も説明します。

2026.10.14 確認
公開するPDFを一つに決める。01:公開用の最終版を選ぶ。02:共有範囲と閲覧権限を設定。03:サイトに説明付きリンクを置く。04:訪問者の状態で開いて確認。
Web制作5分で読める

GoogleドライブのPDFをホームページで共有する方法|権限と差し替え

PDFを閲覧者として共有し、ログインしていない人も開けるか確認する手順。公開してよい範囲、所有者表示、最新版への差し替えとリンクの再点検まで扱います。

2026.10.14 確認
フォーム設置は受付の流れまで考える。01:訪問者が入力・送信する。02:フォームに回答が保存される。03:担当者が回答に気付く。04:担当者が確認・返信する。
Web制作5分で読める

Googleフォームをホームページに埋め込む方法|公開設定と送信テスト

回答者用リンクの確認からWordPressへの埋め込みまで。ログイン要求、回答の公開範囲、通知、スマホでの送信を点検し、使える問い合わせ窓口に整えます。

2026.10.14 確認
アップロード失敗は比較して絞る。記録する:エラー文・容量・寸法。比較する:小さい別画像を1枚送る。判断する:画像側か、サイト側かを絞る。
Web制作5分で読める

WordPressに画像をアップロードできないときの確認順|容量・形式・権限

画像1枚だけの失敗と、すべての画像が失敗する場合を切り分けます。エラーの記録、最大アップロードサイズ、小さい画像での比較、管理者へ渡す情報を整理。

2026.10.14 確認
消したタイミングで戻し方を選ぶ。消した直後:編集画面の「元に戻す」。更新した後:保存履歴を比較する。画面が閉じた後:自動保存の案内を確認。
Web制作5分で読める

WordPressで消した文章を戻す方法|リビジョン・自動保存の使い分け

文章を消した直後、更新した後、編集画面が閉じた後で復旧方法を分けます。リビジョンの比較、部分的な復元、復元後に確認する箇所まで解説。

2026.10.14 確認
見出しの名前をリンクで指定する。見出し:体験の流れ:trial-flow。目次からのリンク:#trial-flow。到達したい場所:体験の流れの見出し。
Web制作5分で読める

WordPressでページ内リンクを作る方法|見出しへ飛ぶ目次とボタンの設定

見出し側のHTMLアンカーとリンク側の#を、同じ例で照合。別ページからのリンク、飛ばない原因、見出しが隠れる場合まで4枚の図解で確認します。

2026.10.14 確認
メニューは本文とは別の部品。ヘッダー:ナビゲーションを選ぶ。ナビゲーション:項目と順序を編集。本文:各ページの内容を編集。
Web制作5分で読める

WordPressのメニューを編集する方法|ブロックテーマの追加・並べ替え・スマホ確認

ヘッダーのナビゲーションを、公開ページと結び付ける実践手順。ページ一覧との違い、メニュー名とリンク先、スマホで開閉できない場合まで4枚の図解で説明します。

2026.10.14 確認
パソコンのPDFをサイトへ保存してURLを作り、別に公開ページ上の案内文からそのURLへリンクする関係図。
Web制作9分で読める

WordPressにPDFを載せる方法|リンクの作り方・開けないとき・差し替えまで

ファイルブロックでPDFを掲載し、公開ページから正しい資料が読めるか確かめる手順。持ち物案内の具体例と5枚の図解で、容量・リンク名・表示確認・新版への差し替えまで説明します。

2026.10.13 確認
サイト閲覧者はA・AAAA・CNAMEを通ってWebサーバーへ、メール送信者はMXを通ってメールサーバーへ進む別々の経路。
Web制作10分で読める

サイトは開くのにメールが届かない|MX・SPF・DKIM・DMARCの確認順

Webサイト移転後に独自ドメインのメールだけ止まった架空例で、受信と送信を分け、MX・SPF・DKIM・DMARCをどの順番で確認するか説明します。

2026.10.13 確認
同じメニューで、問い合わせリンクの選択位置が見えない状態と、青い枠で見える状態を比較した図。
Web制作7分で読める

キーボードだけでサイトを点検する|Tabで移動・入力・戻るを確認

マウスを使わず、トップページから問い合わせ欄へ進む点検手順。フォーカスの見方、ダイアログの閉じ方、制作担当へ渡せる再現メモを図解します。

2026.10.13 確認

関連するジャンルから

掲載目的を人が用意し、AIが代替テキスト案を作り、人が写真や本文と照合して確定する流れ。
AI活用8分で読める

AIで画像の代替テキスト案を作る|altを空にする判断まで練習

架空の体験教室ページに載せる写真を例に、AIへ渡す材料、コピーできる依頼文、悪い回答の直し方、altを空にする判断、掲載後の確認まで説明します。

2026.10.13 確認
架空の予約案内A1からA4と、キャンセル料など未定の事項を分けた図。
AI活用7分で読める

AIでFAQを作る方法|確定した案内から質問・回答・根拠をそろえる

予約後の案内4行から、よくある質問3件を作る練習。コピーできる依頼文、条件が変わった回答の修正例、掲載用と編集用の分け方まで説明します。

2026.10.13 確認
502と表示された画面から、ページ、時刻、表示、確認結果、変更内容を記した相談メモへ整理する図。
AI活用9分で読める

サイトのエラーをAIに相談する方法|502の画面から相談メモを作る

エラーの原因を決めつけず、何を記録し、どうAIへ聞き、回答をどう確認するか。架空の502エラーを例に、設定を変えず担当者へ渡すメモを完成させます。

2026.10.13 確認