最初にそろえるものと、3つの管理画面の見分け方
公開予定URL、使う管理画面、連絡先、素材を手元にまとめ、次の作業を迷わず始められる状態にします。
CRAFT BLOG / WORDPRESS & XSERVER
ひとつずつ、
公開まで。
WordPressの設定も、テーマ選びも、制作費の考え方も。
入力例と「できた」の目印をそばに置いて、
自分のサイトを整えるためのブログです。
はじめての方は01から。途中の方は必要な項目から。
CHOOSE / BUILD / GROW
作る前も、公開したあとも。
テーマ選び、費用、設定、日々の運用。目的から読める実践ガイドです。
ブログ運営 / 読む目安 8分CRAFTのブログ用テーマで開設する手順｜初期設定から最初の記事公開まで
ブログ用テーマを導入し、公開した記事が一覧に並ぶところまで確認できます。
READ THE GUIDE ↗
ブログ運営 / 読む目安 8分まとめブログの記事を作る方法｜出典・独自の説明・更新履歴を整理
情報源を追える、独自の解説を持つまとめ記事を作れます。
READ THE GUIDE ↗
実践ガイド / 読む目安 7分WordPressのカラム設定｜2列・3列のレイアウトとスマホの並び順
横並びと縦並びの両方で内容が自然につながります。
READ THE GUIDE ↗
実践ガイド / 読む目安 6分格安でホームページを作るには？初期費用を分けて考える
初年度の総額と、追加費用が発生する条件を整理できます。
READ THE GUIDE ↗
実践ガイド / 読む目安 6分WordPressのOGP設定｜SNSで画像が出ないときの確認順
記事の共有情報を設定し、画像が出ない原因を切り分けられます。
READ THE GUIDE ↗
実践ガイド / 読む目安 6分XServerのWordPressバックアップと復元｜ファイルとDBを確認する
必要なバックアップを選び、復元の影響範囲を確認できます。
READ THE GUIDE ↗THE HANDBOOKS
いま、知りたい手順から。
新しいサイトを作る方向けです。
既存サイトの移転や変更は、各記事の分岐を確認してください。
全127本の記事
01 準備とXServer
アカウントの違いを知り、新しいサイトの置き場所とHTTPSを用意します。
↗
新しい独自ドメインをXServerで使えるようにする
新規ドメインがサーバーパネルの一覧に表示され、WordPressを設置する対象として使える状態にします。
無料独自SSLを確認して、HTTPSで開く
新規ドメインへHTTPSでアクセスでき、証明書に関する警告が出ない状態を確認します。
XServerへの新規設置：入力欄を一つずつ確認する
設置URLと管理者情報、データベースを取り違えず、新しいWordPressへログインできる。
02 WordPressとCRAFTの導入
基本設定を先に決め、購入したテーマと下書きの初期コンテンツを取り込みます。
XServerに新しいWordPressを設置する
新規サイトのWordPress管理画面へログインでき、公開側のページも開ける状態にします。
CRAFTを取り込む前にWordPressの基本設定を整える
WordPressの基本設定とHTTPSを確認し、CRAFTの初回取り込みへ進める状態にします。
管理画面の項目と、編集する場所を見分ける
どの画面で何を変更するかがわかり、下書き・プレビュー・公開を使い分けられる。
WordPressの初期設定：各項目の意味と確認表
各設定の役割を理解し、公開前に確認すべき項目を見落とさず点検できる。
固定ページの親子関係・スラッグ・URLを決める
ページの構成とURLが整理され、公開後のリンク切れを避けられる。
購入したCRAFTのZIPを入れ、初期ページを下書きで作る
購入したテーマを有効化し、初期ページを確認できる下書きとしてWordPress内に作成します。
ホームページとお知らせ一覧を設定する
ホームが正しく表示され、ニュース一覧と個別記事への導線がつながる。
03 自分の情報に整える
Hero、写真、固定ページ、ヘッダーとフッターを実際の事業に合わせます。
Heroの写真・文章と、ロゴ・ブランドカラーを変える
会社・店舗名、ロゴ、Heroのタイトル・補足文・画像・CTAを自分の事業の内容に変更します。
写真・ロゴ・代替テキストを設定する
正しい場所へ画像を設定し、内容を伝える代替テキストと適切な容量に整えられる。
固定ページの文章・写真・会社情報を編集する
必要な固定ページの内容、画像、リンクを確認し、公開できる状態の下書きに仕上げます。
見出し・段落・ボタン・HTMLタグを正しく編集する
見出しの階層を保ち、ボタンや文章のリンクを正しく設定できる。
ヘッダーとフッターに公開ページへのメニューを作る
ヘッダーとフッターのリンクを整理し、パソコンとスマートフォンで正しい公開ページへ移動できるようにします。
メニューを作る：項目・表示名・順番・リンク先
意図した表示位置に、正しい順番と名前のメニューを表示できる。
ヘッダーを整える：名称・ロゴ・メニュー・ボタン
実際の事業名・ロゴ・公開ページに合うヘッダーになる。
スマートフォンのハンバーガーメニューを確認する
スマートフォンでメニューを開閉でき、リンク先へ移動できる。
フッターを整える：会社情報・規約・問い合わせ
訪問者が会社情報・問い合わせ・プライバシーの情報へ進める。
パンくずリストを表示し、ページの親子関係を整える
下層ページに正しいパンくずが表示され、不要なら設定で非表示にできる。
04 フォーム・投稿・公開
問い合わせの到達とお知らせを確認し、訪問者の目線で公開を仕上げます。
お問い合わせフォームを有効にし、実際の受信を試す
公開する問い合わせページと通知先を設定し、テストメールの受信・内容・返信先を確認します。
お知らせを投稿し、一覧と記事ページを確認する
新しいお知らせを下書きで作成し、公開後に一覧と記事本文の両方から読めるようにします。
カテゴリーとタグを整理して記事に付ける
記事を適切に分類し、分類ページの表示まで確認できる。
公開前に、訪問者としてサイト全体を確認する
新規サイトに仮情報や未確認の窓口を残さず、正しいURLとページ構成で公開します。
05 運用と困ったとき
バックアップを確保して更新し、問題の状況を整理して解決につなげます。
バックアップを確保して、WordPressとテーマを更新する
利用できるバックアップと保存先を確認し、更新後にも本文・設定・問い合わせが機能することを確かめます。
表示されない・ログインできないときの確認手順
問題の種類を分け、できる確認を済ませたうえで、修正または公式サポートへの相談に進める状態にします。
06 テーマを選ぶ
見た目・編集方法・運用の条件から、自社に合うテーマを選びます。
WordPressで会社ホームページを作るには？向いているケースと準備
自社で作る範囲と、外部の助けが必要な作業を整理できます。
WordPressのテーマとテンプレートの違い｜購入前に確認すること
WordPressに導入できる商品と、画像・HTMLだけの素材を見分けられます。
ブロックテーマとクラシックテーマの違い｜編集場所で選ぶ
使っているテーマの編集入口を見つけ、説明書の違いに迷わず対応できます。
WordPressの無料テーマと有料テーマ｜価格以外の比較ポイント
テーマ代と制作・保守に必要な作業を合わせて比較できます。
コーポレートサイト向けWordPressテーマの選び方｜日本語と信頼感を確認
自社の情報を無理なく掲載できるテーマを選べます。
WordPressテーマを変更する前のチェックリスト｜引き継ぐ設定を整理する
テーマ切り替えで影響する場所と戻し方を把握できます。
WordPressの子テーマは必要？設定変更とコード変更で判断する
子テーマが必要な変更かを判断し、更新時の確認を準備できます。
スマホ対応のWordPressテーマを選ぶには？デモで試す操作
デモの見た目に加え、小さな画面での使いやすさを比較できます。
WordPressテーマ用の写真を準備する｜デモに近づける素材の選び方
必要な写真の一覧と、公開用の画像を準備できます。
飲食店のWordPressテンプレート選び｜メニュー・営業時間・予約導線で比較する
飲食店の来店判断と毎日の更新に合うテーマを比較できます。
建設会社のWordPressテーマ選び｜施工事例と対応範囲を伝える構成
事例の見せ方と更新のしやすさで建設業向けテーマを選べます。
士業・相談業のWordPressテーマ選び｜相談分野と担当者が伝わるページ設計
専門分野と相談の手順を明確に伝えるテーマを選べます。
教室・スクールのWordPressテーマ選び｜コース・時間割・体験申し込みを整理する
コース・日程・体験導線を一緒に比較してテーマを選べます。
宿泊施設のWordPressテーマ選び｜客室紹介・アクセス・予約サイトへの導線
宿泊の判断から予約までの流れでテーマを比較できます。
07 費用と会社サイトの計画
初期費用と維持費を整理し、事業を伝えるページを設計します。
格安でホームページを作るには？初期費用を分けて考える
初年度の総額と、追加費用が発生する条件を整理できます。
小さな会社のホームページ構成｜最初にそろえる5つの情報
事業紹介に必要な情報を、無理のないページ構成にまとめられます。
1ページのホームページと複数ページの違い｜小規模事業の選び方
1ページで始める範囲と、独立させる情報を判断できます。
テンプレートとオリジナル制作の違い｜ホームページの費用を比較する
同じ条件で制作方法を比較し、追加費用の理由を確認できます。
ホームページの維持費は何にかかる？月額と年間費用の整理方法
初年度と次年度を分けた年間維持費表を作れます。
会社概要ページの作り方｜信頼につながる項目と文章の整え方
確認できる事実を使って会社概要の原稿を作れます。
サービス紹介ページの書き方｜対象・範囲・料金・依頼の流れ
相談前の疑問に答えるサービス紹介の原稿を作れます。
制作実績・導入事例ページの書き方｜数字を盛らずに強みを伝える
実際の仕事を、読者が参考にできる事例へまとめられます。
採用ページの作り方｜仕事内容・働き方・応募の流れを伝える
採用担当者が確認しやすい原稿と更新項目を整理できます。
店舗・地域企業のアクセスページ｜地図だけに頼らない案内の作り方
初めて訪れる人が到着まで迷いにくい案内を作れます。
ホームページのリニューアル依頼書の作り方｜残す情報と変える目的を整理する
残す情報・制作範囲・完成条件を一つの依頼書にまとめられます。
格安ホームページの納品で確認すること｜管理権限・データ・更新手順の引き継ぎ
公開後の管理と更新を継続できる状態で納品を確認できます。
ホームページを自作するか依頼するか｜予算と作業範囲を分けて決める方法
予算と担当者の時間に合わせて、自作と依頼を組み合わせられます。
08 WordPressの設定を深める
URL、権限、画像、記事編集を、用途に合わせて設定します。
WordPressのパーマリンク変更｜公開前と公開後で違う確認手順
URL変更の影響を把握し、リンク切れを確認できます。
WordPressを検索に表示する設定｜noindexと公開状態の確認
非公開・検索除外・未登録の違いを整理できます。
WordPressのユーザー権限｜管理者・編集者・投稿者を使い分ける
担当者に必要な権限を割り当て、引き継ぎのルールを作れます。
WordPressのコメントを無効にする方法｜新規記事と過去記事を確認
必要な記事だけコメント受付を停止し、表示を確認できます。
WordPressの日時設定｜日本時間・日付表示・予約投稿を確認
日本時間で予定を立て、公開された日時を確認できます。
WordPressの画像サイズを軽くするには？幅・容量・WebPの考え方
写真の見やすさを保ちながら、不要な画像データを減らせます。
WordPressのアイキャッチ画像を設定する方法｜本文画像・OGPとの違い
記事を代表する画像を設定し、一覧・本文・共有表示を点検できます。
WordPressにPDFを載せる方法｜ダウンロードリンクと差し替えの注意点
資料の内容を確認して公開し、更新時のリンクを管理できます。
WordPressのリビジョンで文章を戻す方法｜バックアップとの違い
保存履歴を比較し、戻した後の文章と表示を確認できます。
WordPressの同期パターンとは？共通案内をまとめて更新する方法
共通の案内を再利用し、意図しない一括変更を防げます。
WordPressで表を作る方法｜料金表・営業時間をテーブルブロックで整える
料金・条件・見出しを文字で読める表になっています。
WordPressのカラム設定｜2列・3列のレイアウトとスマホの並び順
横並びと縦並びの両方で内容が自然につながります。
WordPressのカバーブロック｜写真に文字を重ねるときの設定と注意点
背景写真を変更しても読めるメインビジュアルを作れます。
WordPressのリスト表示の使い方｜ブロックを選べない・順番を変えたいとき
ブロックの親子関係を見ながら安全に編集できます。
WordPressのクエリーループ設定｜カテゴリー別の記事一覧を作る手順
記事の条件・見た目・ページ送りを分けて設定できます。
WordPressの追加CSSはどこ？｜テーマ別の入力場所と戻し方
変更したCSSの場所と、元に戻す手順を説明できます。
WordPressでページ内リンクを作る方法｜見出しへ移動するHTMLアンカー設定
長いページでも目的の情報へ直接案内できます。
WordPressに電話・メールのリンクを付ける方法｜スマホの問い合わせ導線
電話・メール・フォームの入口を使い分けられます。
WordPressで写真ギャラリーを作る方法｜並び順・切り抜き・説明文を設定する
写真の並び・説明・クリック後の動作が揃っています。
WordPressに動画を埋め込む方法｜表示されないときとスマホの確認点
動画が見られない環境にも配慮した紹介ページになっています。
WordPressの固定ページをパスワード保護する方法｜非公開との違いと確認点
ページの保護範囲と、添付ファイルの扱いを説明できます。
WordPressでお知らせを先頭に固定する方法｜固定表示と固定ページの違い
期限を持って大切なお知らせを優先表示できます。
WordPressの抜粋を設定する方法｜記事一覧の説明文とSEO説明文の違い
記事を選ぶための短い紹介文を管理できます。
WordPressのサイトアイコン設定｜タブ画像を変える方法と反映されないとき
サイト全体で見分けやすいタブ画像を確認できます。
WordPressのウィジェット設定｜サイドバー・フッターを編集する場所の見分け方
サイドバーとフッターの表示場所を確認して編集できます。
WordPressにサイト内検索を設置する方法｜検索ブロックと結果の確認
検索欄の設置から結果ページまで一通り確認できます。
WordPressのプライバシーポリシーページ設定｜ページ指定とリンク表示の確認
プライバシーポリシーの指定と公開リンクを確認できます。
09 SEOと使いやすさ
検索への公開、読みやすさ、スマートフォンでの利用を確認します。
WordPressをSearch Consoleに登録する手順｜所有権確認とURL検査
自分のサイトを登録し、検索登録の確認を始められます。
WordPressのXMLサイトマップ｜URLの確認と送信方法
有効なサイトマップを見つけ、公開ページが含まれるか確認できます。
WordPressのSEOタイトルとメタディスクリプション｜書き方と確認方法
各ページに固有のタイトルと説明文を設定できます。
WordPressのOGP設定｜SNSで画像が出ないときの確認順
記事の共有情報を設定し、画像が出ない原因を切り分けられます。
WordPressの内部リンクを整える方法｜読者が次に読む記事を案内する
本文と関連記事から、必要な説明へ自然に移動できるようにします。
WordPressのスマホ表示を確認する方法｜公開前のチェックリスト
小さな画面でのはみ出しと操作の問題を見つけられます。
WordPressが遅いときの確認順｜画像・外部機能・表示速度を調べる
遅さの原因を絞り、変更前後を比較できます。
WordPressを更新しても反映されない？キャッシュの確認と削除順
更新漏れとキャッシュを区別し、必要な範囲を再取得できます。
WordPressの読みやすさを確認する｜見出し・色・キーボード操作の基本
読みづらさや操作の行き止まりを見つけ、改善箇所を整理できます。
問い合わせにつながるホームページ導線｜フォームの前後を整える
相談前から送信後までの案内を点検できます。
10 サーバーと日々の保守
移転・バックアップ・不具合対応を、戻せる手順で進めます。
XServerのWordPressバックアップと復元｜ファイルとDBを確認する
必要なバックアップを選び、復元の影響範囲を確認できます。
XServerでPHPを変更する前に｜WordPressの互換性と確認手順
PHP変更の対象と戻し方を把握して作業できます。
XServerにWordPressの検証環境を用意する前に｜本番と分ける設定
本番へ影響させずに試すための環境条件を整理できます。
WordPressをXServerへ移行する前に｜DNS・メール・更新停止の確認表
旧サーバーを残しながら、移転の準備と確認を進められます。
WordPressのドメイン変更｜URL対応表と転送を準備する
新旧URLの対応を整理し、移転後もページへ到達できるようにします。
WordPressプラグインの選び方｜入れる前に確認したい5項目
必要な機能だけを選び、導入後の確認項目を決められます。
WordPressのプラグインで不具合が出たとき｜競合の切り分け方
不具合を再現する条件を整理し、担当者へ正確に共有できます。
WordPressのログインを守る基本設定｜パスワード・権限・復旧手段
不正利用を減らしながら、管理者が復旧できる状態を作ります。
WordPressで404が出るときの確認順｜記事・URL・パーマリンク
必要なページを復旧するか、適切な案内先を決められます。
WordPressのメールが届かないとき｜フォーム送信から受信まで確認
送信成功と受信成功を区別し、届かない段階を絞れます。
WordPressホームページの保守チェックリスト｜毎月・更新時・年次の確認
確認日と担当者を決め、サイトの情報と機能を維持できます。
WordPressのエクスポート・インポート｜記事を移す手順とバックアップとの違い
コンテンツの移行結果を、件数だけでなく表示と保存先で確認できます。
WordPressのサイトヘルスの見方｜重大な問題・推奨改善と情報の確認
サイトヘルスの指摘を具体的な確認作業につなげられます。
WordPressのリカバリーモードとは？｜重大なエラーの通知が来たときの確認手順
一時的な管理者アクセスと、サイト全体の復旧を区別できます。
WordPressのメディア整理｜未添付画像を削除する前に確認すること
使われている画像を壊さずに整理する手順が分かります。
WordPressの管理者メールアドレス変更｜確認メールとユーザーのメールの違い
管理者メールの変更を、確認待ちで止めずに完了できます。
11 プラグインを使い分ける
検索・メール・事例入力・移転・ログイン保護を、設定項目と照らし合わせて進めます。
WordPressのおすすめプラグイン11選｜会社サイトに必要な役割から選ぶ
自社サイトに不足する機能を特定し、役割が重ならないプラグイン構成を決められます。
Site Kitの設定方法｜Search Console・GA4の接続と二重計測の確認
会社が管理するGoogleサービスを正しく接続し、計測の重複と閲覧権限を確認できます。
Yoast SEOの初期設定｜タイトル・サイトマップ・OGPを会社サイトに合わせる
検索表示と共有画像の担当を整理し、会社情報・記事情報・サイトマップを確認できます。
All-in-One WP Migrationの使い方｜移行前の準備から復元後の確認まで
移行元・移行先・保管するファイルを区別し、上書き前後の確認を含めた移転計画を作れます。
WP Activity Logの使い方｜更新履歴の確認とログ保存期間の決め方
必要なイベントを記録し、日時と対象から変更履歴を追える運用を作れます。
ACFで制作事例の入力欄を作る方法｜投稿タイプ・表示条件・公開表示の違い
既存の制作事例の追加元を確認し、入力項目と公開テンプレートを対応させて設計できます。
Code Snippetsの使い方｜実行範囲・テスト・エラー時のセーフモード
コードの目的と影響を記録し、検証・有効化・停止を一つずつ進められます。
WordPressの2段階認証を設定する方法｜CloudSecureの認証アプリ・メール・復旧
追加認証を登録し、別のログイン確認と復旧用コードの保管まで進められます。
CloudSecure WP Securityの設定方法｜ログイン保護とREST API制限の注意点
保護機能の役割を理解し、ログインと編集を妨げない設定・確認手順を作れます。
WP Mail SMTPの設定方法｜送信元・SMTP認証・テストメールの確認
契約先の正しい認証方式で送信を設定し、通知メールを実際の受信まで確認できます。
12 ブログの開設と記事運営
ブログ用テーマの導入から、記事分類・画像・編集・検索・RSSまで、更新を続けるための手順をまとめます。
CRAFTのブログ用テーマで開設する手順｜初期設定から最初の記事公開まで
ブログ用テーマを導入し、公開した記事が一覧に並ぶところまで確認できます。
ブログのカテゴリを設計する方法｜記事が増えても探せる分類の作り方
投稿の分類と、カテゴリ一覧への導線を整理できます。
ブログのトップページを組む方法｜新着記事とテーマ別の入口を設定
ホームの表示方式と、新着記事の自動表示を設定できます。
WordPressの書き手プロフィールを整える｜表示名と投稿者の確認手順
公開名と記事の投稿者を確認し、書き手の紹介へつなげられます。
複数人でブログを書く手順｜下書き・レビュー・公開を分担する方法
原稿の確認担当と公開担当を決めて、更新を回せます。
まとめブログの記事を作る方法｜出典・独自の説明・更新履歴を整理
情報源を追える、独自の解説を持つまとめ記事を作れます。
ブログ記事の画像をそろえる方法｜一覧・本文・OGPを別々に確認
記事画像の用途と確認場所を分けて管理できます。
過去記事を探せるブログにする｜カテゴリ・月別・検索の入口を整える
記事を探す目的に合うナビゲーションを追加できます。
ブログの記事一覧でページ送りを設定｜件数と2ページ目を確認する方法
一覧の件数とページ送りを正しい場所で設定できます。
WordPressのRSSを確認する方法｜更新を読者へ届けるフィードの基本
ブログの更新フィードを確認し、読者に案内できます。
該当する記事がありません。
「ドメイン」「SSL」「テーマ」など、短い言葉で探してみてください。
「どこまでできたら完了？」
が、わかるように。
各手順には、操作のあとに確認する目印を付けています。
画面と見比べて、ひとつできたら次へ進んでください。