<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>レンタルサーバー &#8211; まったりエンジニア</title>
	<atom:link href="https://javeo.jp/tag/%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://javeo.jp</link>
	<description>ほどほどレベルのプログラミング</description>
	<lastBuildDate>Tue, 16 Jun 2026 05:02:47 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2-32x32.png</url>
	<title>レンタルサーバー &#8211; まったりエンジニア</title>
	<link>https://javeo.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Claude CodeでWordPress自動投稿【MCP活用】</title>
		<link>https://javeo.jp/claude-code-wordpress-mcp-xserver/</link>
					<comments>https://javeo.jp/claude-code-wordpress-mcp-xserver/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Tue, 16 Jun 2026 05:01:10 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[MCP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[レンタルサーバー]]></category>
		<category><![CDATA[自動化]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=4008</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/06/claude-code-wordpress-mcp-xserver-ogp-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>Claude Code自身にWordPress投稿用のMCPサーバーを作ってもらう方法をまとめました、依頼プロンプト例と動作テスト手順が中心です、サンプルはGitHubで公開しています]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/06/claude-code-wordpress-mcp-xserver-ogp-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">「AIに記事を書かせて、そのままWordPressに下書き保存できたら楽なのに」と思ったことはないですか？</p>



<p class="wp-block-paragraph">今回は <strong>Claude Code と MCP を使って、XserverのWordPressに記事を自動で下書き投稿する仕組み</strong>を作ったので、その作り方と使い方をまとめておきます</p>



<p class="wp-block-paragraph">AIにブログの下書きを書いてもらう人は増えてきましたが、出来上がった文章を管理画面にコピペして、見出し整えて、カテゴリ付けて…という地味な作業は意外と面倒です</p>



<p class="wp-block-paragraph">そこに「MCP（Model Context Protocol）」という新しい仕組みを噛ませると、Claudeに頼むだけで下書きが管理画面に届くようになります</p>



<p class="wp-block-paragraph">今回のMCPサーバー自体、私がPythonを一行ずつ書いたというより<strong>Claude Code本人に「こういうサーバーを作って」と頼んで作ってもらった</strong>ものです</p>



<p class="wp-block-paragraph">なのでこの記事は、完成したコードを丸ごとコピペする話というより<strong>Claudeにどう頼めばMCPサーバーができあがるのか、どうテストすれば安心して使えるのか</strong>を中心にまとめていきます</p>



<h2 class="wp-block-heading">Claude CodeでWordPress自動投稿｜何ができるようになるか</h2>



<p class="wp-block-paragraph">まずは完成形のイメージから紹介します</p>



<p class="wp-block-paragraph">セットアップが終わると、Claude Codeに対してこんなお願いができるようになります</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">「VLOOKUP関数について、初心者向けに1000字くらいで解説記事を書いて、下書きで保存しておいて」</p>
</blockquote>



<p class="wp-block-paragraph">これだけで、WordPress管理画面の「投稿一覧」に下書きの記事が勝手にできあがっています</p>



<p class="wp-block-paragraph">主に次のようなことができるようになります</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>テーマを伝えるだけで記事の下書きをWordPressに自動投稿</li>



<li><strong>アイキャッチ画像</strong>のアップロードと設定</li>



<li><strong>カテゴリ・タグ</strong>の設定（既存から選ぶ・足りなければ新規作成）</li>



<li><strong>メタディスクリプション</strong>（SEO用の説明文）の登録</li>



<li><strong>テーマ独自のブロック</strong>（SWELLのステップ・FAQ・注意ボックスなど）での装飾</li>



<li><strong>記事ごとのカスタムCSS</strong>（SWELLの投稿別CSS欄）の設定</li>



<li>既存記事の取得・編集も会話で完結（タイトル変更・本文追記など）</li>



<li>下書き一覧を出してもらって、書きかけ記事の整理も簡単</li>
</ul>



<p class="wp-block-paragraph">要するに <strong><span class="swl-marker mark_yellow">下書きから装飾までの面倒な手作業をAIとの会話で済ませられる</span></strong>ようになります</p>



<p class="wp-block-paragraph">もちろん公開前のプレビュー確認は管理画面で行いますが、それ以外の編集作業をブラウザでぽちぽち進めなくて済むのが地味に効きます</p>



<h3 class="wp-block-heading">テーマ独自のブロックは「見本ページ」を読ませて覚えさせる</h3>



<p class="wp-block-paragraph">1つだけコツがあります、「SWELLのステップブロックで書いて」と頼むだけでは、Claudeはあなたのテーマの正確なブロックの形までは分かりません、ブロックの中身（HTML）はテーマごとに違うからです</p>



<p class="wp-block-paragraph">そこで効くのが、使いたいブロックを並べた<strong><span class="swl-marker mark_yellow">見本用の固定ページを1枚だけ作っておく</span></strong>方法です</p>



<p class="wp-block-paragraph">その見本ページをClaudeに<strong>読み取らせる</strong>と、実際のブロックのHTMLを覚えて、同じ形を記事の中で再現できるようになります</p>



<p class="wp-block-paragraph">私の場合は、ステップ・FAQ・吹き出し・各種ボックスなどを1ページにまとめた見本を作って、それをClaudeに読ませてから装飾してもらう、という流れにしています</p>



<h2 class="wp-block-heading">逆に苦手なこと｜任せきれない部分は人がやる</h2>



<p class="wp-block-paragraph">万能ではないので、苦手なところも正直に書いておきます</p>



<p class="wp-block-paragraph">いちばんはっきりしているのが画像です、「この記事に合うスクショを貼って」と頼んでも、<strong><span class="swl-marker mark_yellow">AIは記事の見た目を見ているわけではないし、必要なスクショを自分で撮ることもできません</span></strong></p>



<p class="wp-block-paragraph">ローカルの画像をアップロードするにしても、メディアライブラリから選ぶにしても、「どれが適切か」の判断はAIには難しいです、特に、まだ存在しないスクショを用意することはできないので、ここは人の出番になります</p>



<h3 class="wp-block-heading">代わりに「キャプチャのメモ」を入れてもらう</h3>



<p class="wp-block-paragraph">まるごと任せられないだけで、下ごしらえは頼めます</p>



<p class="wp-block-paragraph"><strong>「ここにスクショを入れる」という場所と、「何を写したスクショにするか」のメモ</strong>を、該当箇所に書いておいてもらう使い方です、そうすれば人は、メモ通りにスクショを撮って貼るだけで済みます</p>



<p class="wp-block-paragraph">実際この記事の画像も、先にAIが「ここにアプリケーションパスワード発行画面のスクショ」とメモを置いておいて、その場所に私が撮ったものを入れています</p>



<h3 class="wp-block-heading">WordPress REST APIにないことはできない</h3>



<p class="wp-block-paragraph">このMCPはWordPressのREST API（記事・固定ページ・メディア・カテゴリなどを操作する窓口）を通して動いているので、そこに用意されていないこと——<strong>サイト全体に効くCSSやJavaScript、プラグインの設定、メニューやサイト構成の変更</strong>などは反映できません（記事1本ごとのCSSのほうは、後で触れる補助プラグインを入れれば設定できます、JSも技術的には可能ですが、安全のためおすすめしません）</p>



<p class="wp-block-paragraph">「こう変えたい」と相談すれば書き方や手順の<strong>提案はしてくれます</strong>が、実際に反映するのはテーマ・カスタマイザー・プラグイン側の作業で、MCPの守備範囲の外になります</p>



<h3 class="wp-block-heading">あえて「触れる範囲」は絞っている</h3>



<p class="wp-block-paragraph">逆に、REST API経由で触れるメタ情報（SEOのディスクリプションなど）は、できる中でも<strong>あえて最小限に絞っています</strong>、SEOのタイトルやog:imageなども、開放すればMCPから設定できるようにはできます、ただ<strong>自動で書き換えられる範囲が広いほど、うっかり上書きや、認証情報が漏れたときの被害も大きくなります</strong>、なので「実際に自動化したいものだけ開けておく」のが安全だと考えています</p>



<p class="wp-block-paragraph">具体的には、SEOプラグインのメタディスクリプションやSWELLの投稿別CSSは、標準のWordPressでは外部から書き込めません、これらを書き込めるようにするための<strong>補助プラグイン</strong>を、Claudeに作ってもらって自分で設置しています</p>



<p class="wp-block-paragraph">置き場所は通常のプラグインフォルダではなく、<strong><span class="swl-marker mark_yellow">mu-plugins</span></strong>（must-use plugins）という特別なフォルダです、ここに置くと<strong>管理画面に項目すら出ない</strong>うえに、置くだけで自動で有効化されて、テーマやプラグインの更新でも消えません、自作の小さな仕組みを安全に常駐させる用途にちょうど良い場所です（普通にブログを運営しているとフォルダ自体が無いことも多いので、その場合は <strong>wp-content/</strong> の下に新しく <strong>mu-plugins</strong> フォルダを作って置きます）</p>



<p class="wp-block-paragraph">このあたりの「Claudeに作ってもらって自分で置く」流れは、MCPサーバー本体を作るときと同じです、補助プラグインは<strong>1ファイルの短いPHP</strong>なので、依頼すればすぐ作ってもらえます</p>



<p class="wp-block-paragraph">それから、これは「できない」というより<strong>最後は人が見ておきたい</strong>ところですが、仕上がりの見た目です、AIはブロックのHTMLを組むところまでで、テーブルの幅やモバイルでの崩れといった<strong>実際の表示までは見えていません</strong>、ファクトの裏取りと同じ感覚で、公開前にプレビューでさっと目視しておくのが安心です</p>



<p class="wp-block-paragraph">もう1つ、これはMCPというよりAIに記事を書かせるとき全般のコツですが、「リストには下線を付ける」「画像は影付きスタイルにする」のような<strong>自分ルール</strong>を決めておくと、AIはそれに合わせて作ってくれます、このあたりのAI執筆側のコツは、機会があったら別記事でまとめようと思います</p>



<h2 class="wp-block-heading">そもそもMCPって何｜AIと外部サービスを繋ぐ共通規格</h2>



<p class="wp-block-paragraph">「MCP」はModel Context Protocolの略で、Anthropic（Claudeを作っている会社）が提唱しているAIアシスタント業界の新しい標準仕様です</p>



<p class="wp-block-paragraph">ざっくり言うと、<strong>AIに外部のサービスを操作させるための共通言語</strong>のようなものになります</p>



<h3 class="wp-block-heading">MCPで何が変わるのか</h3>



<p class="wp-block-paragraph">これまでもAIに「○○をやって」と頼むことはできましたが、AI自身は実際にWordPressを操作したりファイルを読み書きしたりはできませんでした</p>



<p class="wp-block-paragraph">MCPサーバーを間に挟むことで、AIから外部システムを「ツール」として呼び出せるようになり、AIが実作業まで進められるようになります</p>



<h3 class="wp-block-heading">今回作る仕組みの全体像</h3>



<p class="wp-block-paragraph">図にするとこんな流れになります</p>



<pre class="wp-block-preformatted">[あなた] ⇄ [Claude Code] ⇄ [MCPサーバー] ⇄ [WordPress REST API] ⇄ [WordPress]</pre>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>Claude Code が「下書きを保存して」というあなたの指示を理解する</li>



<li>MCPサーバー（自分のPCで動く小さなプログラム）がそれをWordPressが分かる形に翻訳する</li>



<li>WordPress REST API が実際に記事を作成する</li>
</ul>



<p class="wp-block-paragraph">WordPress公式のMCPサーバーはまだ無いので、今回はPythonで自作しました、といっても最初は<strong>200行ほどの小さなもの</strong>をClaudeに作ってもらって、そこから少しずつツールを足していった形です</p>



<p class="wp-block-paragraph">Claude Code自体の基本的な使い方はまた別記事で書こうと思いますが、その前段として<a href="https://javeo.jp/claude-howto-beginner/" target="_blank" rel="noopener noreferrer">Claudeの使い方を初心者向けに解説した記事</a>もあるので、Claudeに触ったことがない人はそちらから読んでもらえると入りやすいです</p>



<h2 class="wp-block-heading">Claudeに「WordPress操作のMCPサーバーを作って」と頼む</h2>



<p class="wp-block-paragraph">ここがこの記事の本題です、MCPサーバーは自分でゼロからコードを書かなくても<strong>Claude Code本人に作ってもらえます</strong></p>



<p class="wp-block-paragraph">コツは一度に全部を作らせないことで、<strong><span class="swl-marker mark_yellow">1つのツールを作る → 動かしてテスト → 次のツールを足す</span></strong>という小さいサイクルで育てていくと失敗しにくいです</p>



<p class="wp-block-paragraph">最初に「接続確認だけするツール」を作ってもらうと、すぐ動作確認できて手応えがつかめます</p>



<h3 class="wp-block-heading">最初の依頼：土台と接続確認だけ</h3>



<p class="wp-block-paragraph">まずはこんなふうに、使う技術と認証の方針を伝えて土台を作ってもらいます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">PythonでWordPressを操作するMCPサーバーを作りたいです<br>・FastMCP（mcp.server.fastmcp の FastMCP）を使う<br>・WordPress REST API（/wp-json/wp/v2/）を叩く<br>・認証はアプリケーションパスワードで、認証情報は .env から読む（python-dotenv）<br>・まずは接続確認のツール（サイト名とログインユーザーを返す）だけ作って</p>
</blockquote>



<p class="wp-block-paragraph">ここで<strong><span class="swl-marker mark_yellow">認証情報は .env から読む</span></strong>と最初に指定しておくのが地味に大事です、こうしておくとコードの中にパスワードが残らないので、あとでそのまま公開しても問題ない形になります</p>



<h3 class="wp-block-heading">ツールを1つずつ足していく</h3>



<p class="wp-block-paragraph">接続確認が通ったら、記事を作るツールから順番に足していきます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">接続確認が通ったので、記事を下書き保存するツール create_post を追加して<br>デフォルトのstatusはdraft、publishは明示したときだけにして</p>
</blockquote>



<p class="wp-block-paragraph">同じ調子で<strong>list_posts</strong>（一覧取得）、<strong>update_post</strong>（更新）、<strong>get_post</strong>（取得）と1つずつ頼んでいきます、カテゴリやタグの一覧取得・新規作成も同じやり方で足せます</p>



<h3 class="wp-block-heading">うまく作ってもらうための小さなコツ</h3>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>一度に全機能を作らせない、<strong>1ツールずつ作ってテストしてから</strong>次を足す</li>



<li>認証情報は最初に「.envから読む」と指定する（コードに直書きさせない）</li>



<li>接続確認のツールから作ると、最初の動作確認がすぐできる</li>



<li>エラーが出たら<strong>エラーメッセージをそのまま貼る</strong>と、原因を見つけて直してくれる</li>



<li>「デフォルトはdraft」のような安全側の仕様も、最初の依頼文に入れておく</li>
</ul>



<h2 class="wp-block-heading">Claude Code×WordPress自動投稿のセットアップ手順</h2>



<p class="wp-block-paragraph">ここから実際の構築手順です</p>



<h3 class="wp-block-heading">用意するもの</h3>



<figure class="wp-block-table is-style-stripes"><table><thead><tr><th>必要なもの</th><th>補足</th></tr></thead><tbody><tr><td>Claude Code（Desktop版）</td><td>ClaudeのPro / Maxプランで利用可能</td></tr><tr><td>WordPress（自己ホスト型）</td><td>Xserver、ロリポップ、ConoHaなど、バージョンは5.6以上</td></tr><tr><td>Python 3.10以上</td><td>Windows 11なら公式インストーラーで導入</td></tr><tr><td>PowerShell</td><td>Windows 11標準搭載、コマンドを数行打つだけ</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Claude Codeは有料プラン専用なので、無料で試したい場合はClaudeのコネクタ機能を使う代替手段もあります</p>



<h3 class="wp-block-heading">Step1：プロジェクトフォルダを作る</h3>



<p class="wp-block-paragraph">任意の場所にフォルダを作ります、私はデスクトップに作りました</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain" data-lang="text"><code>C:\Users\ユーザー名\Desktop\blog\</code></pre></div>



<h3 class="wp-block-heading">Step2：必要なファイルをClaudeに作ってもらう</h3>



<p class="wp-block-paragraph">前の章で作ってもらった<strong>wp_mcp_server.py</strong>に加えて、動かすために次の3ファイルが必要です、いずれもClaudeに頼めばそのまま作って配置までやってくれます</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>requirements.txt</strong>（必要なライブラリ一覧）</li>



<li><strong>.mcp.json</strong>（Claude CodeにMCPサーバーの場所を教える設定）</li>



<li><strong>.env</strong>（WordPressの認証情報を書く、<span class="swl-marker mark_yellow">中身は次のステップで自分で書く</span>）</li>
</ul>



<p class="wp-block-paragraph">こんな感じで頼めばまとめて作ってくれます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">このサーバーを動かすのに必要な requirements.txt と .mcp.json も作って、同じフォルダに置いて<br>.env は中身が認証情報なので、空のテンプレート（WP_BASE_URL / WP_USERNAME / WP_APP_PASSWORD の3つを書く枠）だけ作っておいて</p>
</blockquote>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">.envの中身（=認証情報）だけは人が書きます</span></strong>、ここはClaudeに渡さない情報なので、空のテンプレートだけ作ってもらって、値は次のステップで自分で埋めるのが安全です</p>



<h3 class="wp-block-heading">Step3：Pythonライブラリのインストールも頼める</h3>



<p class="wp-block-paragraph">requirements.txtができたら、ライブラリのインストールもClaudeに頼めます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">requirements.txt のライブラリをインストールして</p>
</blockquote>



<p class="wp-block-paragraph">これで <strong>mcp</strong>、<strong>requests</strong>、<strong>markdown</strong> などのパッケージが入ります、自分で実行したい場合は、PowerShellで次のコマンドでもOKです</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-powershell" data-lang="PowerShell"><code>cd C:\Users\ユーザー名\Desktop\blog\
python -m pip install -r requirements.txt</code></pre></div>



<h3 class="wp-block-heading">Step4：WordPressでアプリケーションパスワードを発行</h3>



<p class="wp-block-paragraph">ここが今回の肝になる部分です、普段のログインパスワードではなく <strong>API専用の使い捨てパスワード</strong>を発行します</p>



<ol style="background-color:#f3fafe80" class="wp-block-list -list-under-dashed has-background">
<li>WordPress管理画面にログインして「ユーザー → プロフィール」を開く</li>



<li>ページ最下部にある「アプリケーションパスワード」欄まで移動</li>



<li>名前を入力（例：<strong>Claude MCP</strong>）して「新しいアプリケーションパスワードを追加」をクリック</li>



<li><strong>xxxx xxxx xxxx xxxx xxxx xxxx</strong> 形式の文字列が表示されるのでコピー</li>
</ol>



<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21.png"><img decoding="async" width="1024" height="538" src="https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21-1024x538.png" alt="" class="wp-image-4009" srcset="https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21-1024x538.png 1024w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21-300x158.png 300w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_21.png 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30.png"><img decoding="async" width="1024" height="538" src="https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30-1024x538.png" alt="" class="wp-image-4010" srcset="https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30-1024x538.png 1024w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30-300x158.png 300w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/05/2026-05-20_18h28_30.png 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow" style="color:#e8313b">この画面を閉じると二度と表示されません</span></strong>、すぐ次のステップで貼り付けてください</p>
</div></div>



<h3 class="wp-block-heading">Step5：.envファイルに認証情報を書く</h3>



<p class="wp-block-paragraph">Step2でClaudeに枠だけ作ってもらった<strong>.env</strong>ファイルを開いて、次の3つの値を自分で埋めます</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain" data-lang=".env"><code>WP_BASE_URL=https://あなたのドメイン
WP_USERNAME=WordPressのログインユーザー名
WP_APP_PASSWORD=xxxx xxxx xxxx xxxx xxxx xxxx</code></pre></div>



<p class="wp-block-paragraph">アプリケーションパスワードはスペース込みのままで大丈夫です、わざわざスペースを削る必要はありません</p>



<h3 class="wp-block-heading">Step6：Claude Codeで動作確認</h3>



<p class="wp-block-paragraph">このフォルダでClaude Codeを起動すると、<strong>.mcp.json</strong> が自動で検出されてMCPサーバーの起動許可を求められます、「Allow」を押してください</p>



<p class="wp-block-paragraph">その後Claude Codeに次のように頼みます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">「WordPressの接続確認をして」</p>
</blockquote>



<p class="wp-block-paragraph">サイト名とログインユーザー名が返ってくれば接続成功です、お疲れさまでした</p>



<h2 class="wp-block-heading">作ってもらったサーバーの動作テスト手順</h2>



<p class="wp-block-paragraph">MCPサーバーのテストは<strong><span class="swl-marker mark_yellow">Claudeに実際に実行させて、会話で結果を確認するのが一番早い</span></strong>です</p>



<p class="wp-block-paragraph">ツールを1つ足すたびに次の流れを回しておくと、どこかが壊れた瞬間に気づけます、本格的なテストコード（pytestなど）を書くのは仕様が固まってからで十分です</p>



<div class="swell-block-step" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">接続を確認する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">「WordPressの接続確認をして」と頼んで、サイト名とログインユーザー名が返ってくればまず合格です</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">テスト用の下書きを作る</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">「テスト用の下書きを1件作って、投稿IDを教えて」と頼みます、WordPress管理画面の投稿一覧に下書きが増えていれば作成は成功です</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">一覧と中身を取得する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">「下書き一覧を出して」「さっきの投稿の中身を見せて」と頼んで、取得系のツールがちゃんと動くかを見ます</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">テスト投稿を片付ける</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">「さっきのテスト投稿を削除して」で後片付けまでできれば、作成から削除まで一通り通ったことになります</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">わざと失敗させてみる</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">.envのパスワードを1文字だけ変えて、401（認証失敗）が分かりやすく返るかも見ておきます、エラーのときに何が起きたか分かる作りになっていれば安心です、確認できたらパスワードは元に戻します</p>
</div></div>
</div>



<p class="wp-block-paragraph">この「会話で1ツールずつ叩く」テストの積み重ねが、結局いちばん速くて確実でした</p>



<h2 class="wp-block-heading">Claude Codeで実際に記事を投稿する流れ</h2>



<p class="wp-block-paragraph">セットアップが終わったら、基本はチャットで会話しながら書いてもらうだけです</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">「ExcelのVLOOKUPについて、初心者向けに1000字程度で解説記事を書いて、下書きで保存しておいて」</p>
</blockquote>



<p class="wp-block-paragraph">これだけで、Claudeが記事本文を生成して<strong>create_post</strong>ツール経由でWordPressに下書きとして投稿してくれます</p>



<p class="wp-block-paragraph">あとは管理画面でプレビューして、必要なら手直しして「公開」を押すだけです</p>



<h3 class="wp-block-heading">運用上の3つの注意点</h3>



<p class="wp-block-paragraph">便利な仕組みですが、AIに丸投げで運用する前にいくつか注意点があります</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li><strong>下書き保存を原則とする</strong>:AIが書いた記事は人間が目視チェックしてから公開する、私のセットアップではデフォルトを<strong>draft</strong>に固定しています</li>



<li><strong>認証情報はコミットしない</strong>:<strong>.env</strong>には認証情報が入るので、GitHubなどに公開しないよう<strong>.gitignore</strong>に原則追加</li>



<li><strong>ハルシネーション対策</strong>:固有名詞・日付・数字・出典は鵜呑みにせず裏取りを推奨</li>
</ul>
</div></div>



<p class="wp-block-paragraph">特にハルシネーション対策は <a href="https://javeo.jp/claude-howto-beginner/" target="_blank" rel="noopener noreferrer">Claudeの使い方記事</a> でも書いた通り、生成AI全般で気をつけたいポイントです</p>



<h2 class="wp-block-heading">まとめ｜AIに任せる作業と人間がやるべき作業</h2>



<p class="wp-block-paragraph">今回作った仕組みを整理するとこんな感じになります</p>



<figure class="wp-block-table is-style-stripes"><table><thead><tr><th>やったこと</th><th>できるようになったこと</th></tr></thead><tbody><tr><td>MCPサーバー本体をClaudeに作ってもらう</td><td>Claude CodeからWordPressを直接操作（記事・カテゴリ・タグ・メタ・アイキャッチ）</td></tr><tr><td>アプリケーションパスワードで認証</td><td>普段のログインパスワードを使わずに済む</td></tr><tr><td>補助プラグインで触れる範囲を選ぶ</td><td>必要な項目（メタディスクリプション・投稿別CSS）だけ安全に開放</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">最初のセットアップでは認証まわりで少し手こずりましたが、一度動いてしまえば「テーマを伝える → 下書きが管理画面にできてる」という流れがとても快適です</p>



<p class="wp-block-paragraph">個人的に思うのは、<strong><span class="swl-marker mark_yellow">「AIに全部任せる」じゃなくて、手間のかかる部分をAIに渡して、最後の判断は人間がする</span></strong>、この役割分担がちょうど良い距離感でした</p>



<p class="wp-block-paragraph">ここまで読むと細かい手順や注意点が多く見えるかもしれませんが、実際にはこの記事で書いたほど細かく指示しなくても、<strong><span class="swl-marker mark_yellow">Claudeが自分で判断してよしなに進めてくれる場面が多い</span></strong>です、必要なら途中で「ここはこうして」と相談すれば直してくれます、まずは小さく頼んで動かしてみるところから始めてみてください</p>



<p class="wp-block-paragraph">同じくWordPress×AIの自動投稿を試したい方の参考になれば嬉しいです</p>



<h2 class="wp-block-heading">コード本体と仕組み｜GitHubにサンプル公開しました</h2>



<p class="wp-block-paragraph">参考までに、今回作ったMCPサーバーの主要な構成も載せておきます</p>



<p class="wp-block-paragraph">記事に載せているのは説明用に切り出した一部で、<strong>実際に動く完全版（18個のツール・840行ほど）はGitHubで公開しました</strong></p>



<p class="wp-block-paragraph"><a href="https://github.com/javeo2022/wordpress-mcp-server" target="_blank" rel="noopener noreferrer">javeo2022/wordpress-mcp-server（GitHub）</a></p>



<p class="wp-block-paragraph">そのまま使う場合は<strong>.env.example</strong>をコピーして.envを作り、自分のサイトのURLとアプリケーションパスワードを書けば動きます、.env自体は.gitignoreで除外してあるので、認証情報がうっかり一緒に公開される心配はありません</p>



<h3 class="wp-block-heading">requirements.txt</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain" data-lang="requirements.txt"><code>mcp&gt;=1.2.0
requests&gt;=2.32.0
python-dotenv&gt;=1.0.0
markdown&gt;=3.6
python-frontmatter&gt;=1.1.0</code></pre></div>



<h3 class="wp-block-heading">.mcp.json</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-json" data-lang="JSON"><code>{
  &quot;mcpServers&quot;: {
    &quot;wordpress&quot;: {
      &quot;command&quot;: &quot;python&quot;,
      &quot;args&quot;: [&quot;C:\\path\\to\\wp_mcp_server.py&quot;],
      &quot;env&quot;: {}
    }
  }
}</code></pre></div>



<h3 class="wp-block-heading">wp_mcp_server.py（主要部分の抜粋）</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-python" data-file="wp_mcp_server.py" data-lang="Python"><code>from mcp.server.fastmcp import FastMCP
import os, requests
from dotenv import load_dotenv

load_dotenv()
WP_BASE_URL = os.getenv(&quot;WP_BASE_URL&quot;, &quot;&quot;).rstrip(&quot;/&quot;)
WP_USERNAME = os.getenv(&quot;WP_USERNAME&quot;, &quot;&quot;)
WP_APP_PASSWORD = os.getenv(&quot;WP_APP_PASSWORD&quot;, &quot;&quot;)
API_BASE = f&quot;{WP_BASE_URL}/wp-json/wp/v2&quot;

mcp = FastMCP(&quot;wordpress&quot;)

@mcp.tool()
def create_post(title: str, content: str, status: str = &quot;draft&quot;) -&gt; dict:
    &quot;&quot;&quot;新しい記事をWordPressに作成する（デフォルトは下書き）&quot;&quot;&quot;
    resp = requests.post(
        f&quot;{API_BASE}/posts&quot;,
        auth=(WP_USERNAME, WP_APP_PASSWORD),
        json={&quot;title&quot;: title, &quot;content&quot;: content, &quot;status&quot;: status},
        timeout=30,
    )
    resp.raise_for_status()
    return resp.json()

if __name__ == &quot;__main__&quot;:
    mcp.run()</code></pre></div>



<p class="wp-block-paragraph">短いコードですが、仕組みのポイントはこのあたりです</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>FastMCP(&#8220;wordpress&#8221;)</strong> でサーバーを1つ定義する</li>



<li><strong><span class="swl-marker mark_yellow">@mcp.tool() を付けた関数が、そのままClaudeから呼べるツールになる</span></strong></li>



<li>関数の説明文（docstring）が「このツールは何をするか」のClaude向けの説明になるので、日本語で丁寧に書いておく</li>



<li>認証・タイムアウト・エラー処理は共通の関数にまとめて、各ツールはそれを呼ぶだけにすると見通しが良い</li>



<li>接続先のサイトを引数で切り替えられるようにすると、複数サイトの運用にも対応できる</li>
</ul>



<p class="wp-block-paragraph">完成版ではこの形で、create_postやupdate_post、upload_mediaなど合計18個のツールを登録しています</p>



<p class="wp-block-paragraph">このサーバーをそっくり真似しなくても、<strong>「こういうツールが欲しい」とClaudeに伝えて1つずつ足していく</strong>やり方なら、自分の運用に合った形が作れます</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" id="jv-books-ai" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4065342902?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2909/9784065342909.jpg?_ex=240x240" alt="面倒なことはChatGPTにやらせよう" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">面倒なことはChatGPTにやらせよう</p><p class="jv-book-author">カレーちゃん・からあげ</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4065342902?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4065342902">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F17728615%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F17728615%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4065342902">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var root=document.getElementById('jv-books-'+SHELF);
if(!root||root.dataset.init)return;
root.dataset.init='1';
var POOL=[{"t": "面倒なことはChatGPTにやらせよう", "a": "カレーちゃん・からあげ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2909/9784065342909.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4065342902?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F17728615%2F&m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F17728615%2F", "id": "4065342902"}, {"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "3時間で身につくClaude活用術", "a": "尾藤克之", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5495/9784866215495_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4866215496?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18576909%2F&m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18576909%2F", "id": "4866215496"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/claude-code-wordpress-mcp-xserver/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressブログの始め方｜エックスサーバー＋SWELL</title>
		<link>https://javeo.jp/wordpress-blog-start/</link>
					<comments>https://javeo.jp/wordpress-blog-start/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 16:04:27 +0000</pubDate>
				<category><![CDATA[ブログ運営]]></category>
		<category><![CDATA[SWELL]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[レンタルサーバー]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=4543</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2022/07/2022-07-17_16h41_35-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>初心者向けにWordPressブログの始め方をまとめました、エックスサーバーのクイックスタートで約10分で開設し、テーマSWELLで見た目を整えるまでの全手順を、実際にこのブログを運営する私が解説します]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2022/07/2022-07-17_16h41_35-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">「ブログを始めてみたいけど、何から手をつければいいのか分からない」——最初はみんなそこでつまずきますよね</p>



<p class="wp-block-paragraph">結論から言うと、WordPressブログに必要なものは<strong>サーバー・ドメイン・テーマの3つだけ</strong>で、今は申し込みから<strong><span class="swl-marker mark_yellow">約10分</span></strong>で開設できるところまで簡単になっています</p>



<p class="wp-block-paragraph">この記事では、実際にこのブログ（javeo.jp）をエックスサーバー＋SWELLで運営している私が、サーバー契約からWordPressの開設、テーマ導入、最初の記事を出すところまでの全手順を、初心者向けに順番にまとめてみました</p>



<h2 class="wp-block-heading">WordPressブログに必要なもの3つと費用の全体像</h2>



<p class="wp-block-paragraph">まず全体像をつかんでおきましょう、WordPressでブログを作るのに要るものは<strong><span class="swl-marker mark_yellow">たった3つ</span></strong>です</p>



<ul class="wp-block-list is-style-num_circle">
<li><strong>レンタルサーバー</strong>：サイトのデータを置く「土地」にあたるもの</li>



<li><strong>独自ドメイン</strong>：サイトの「住所」、このブログでいう javeo.jp の部分</li>



<li><strong>WordPressテーマ</strong>：サイトの「見た目」を決めるデザインの着せ替え</li>
</ul>



<p class="wp-block-paragraph">WordPress本体は無料で、上の3つにかかる費用の目安はこんな感じです（料金は記事執筆時点のもので、最新は各公式ページで確認してくださいね）</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:760px;"><thead><tr><th>必要なもの</th><th>役割</th><th>費用の目安（執筆時点）</th></tr></thead><tbody><tr><td>レンタルサーバー</td><td>サイトを置く土地</td><td>月600〜1,000円前後</td></tr><tr><td>独自ドメイン</td><td>サイトの住所（URL）</td><td>年1,000〜1,500円前後 ※サーバー特典で無料のことも</td></tr><tr><td>WordPressテーマ</td><td>サイトの見た目</td><td>無料〜2万円前後（SWELLは17,600円の買い切り）</td></tr><tr><td>WordPress本体</td><td>サイトを作るソフト</td><td>無料</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">合計しても<strong>月1,000円前後＋テーマ代</strong>くらいで始められます、無料ブログと違って独自ドメインのサイトは自分の資産になりますし、広告やデザインの自由度も高いので、本気で続けたいならWordPressで作っておくのが安心ですね</p>



<h2 class="wp-block-heading">【STEP1】レンタルサーバーを選ぶ</h2>



<p class="wp-block-paragraph">最初の関門がサーバー選びですが、ここで迷いすぎると前に進めません、初心者がチェックすべきポイントは<strong>表示速度・安定性・実績・管理画面の分かりやすさ</strong>くらいで十分です</p>



<p class="wp-block-paragraph">そのうえで私がおすすめするのは<strong>エックスサーバー</strong>です、理由はシンプルで、<strong><span class="swl-marker mark_yellow">このブログ自体もエックスサーバーで動かしている</span></strong>からで、長く使っていて速度も安定性も不満がなく、利用者が多いぶんネット上に情報が多くて困ったときに調べやすいんですね</p>



<p class="wp-block-paragraph">とはいえ比較なしに勧めるのもフェアじゃないので、もう一つの定番である<strong>ConoHa WING</strong>と並べてみます、どちらも質が高いので、最後は好みで選んで問題ないレベルです</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:700px;"><thead><tr><th>項目</th><th>エックスサーバー</th><th>ConoHa WING</th></tr></thead><tbody><tr><td>月額（執筆時点）</td><td>スタンダード 月693円〜（36ヶ月・30%OFF時）</td><td>ベーシック 月660円〜（36ヶ月）</td></tr><tr><td>初期費用</td><td>無料</td><td>無料</td></tr><tr><td>かんたん開設機能</td><td>WordPressクイックスタート</td><td>WordPressかんたんセットアップ</td></tr><tr><td>独自ドメイン無料</td><td>永久無料（12ヶ月以上で1つ等）</td><td>最大2つ無料</td></tr><tr><td>無料お試し</td><td>10日間</td><td>なし</td></tr><tr><td>私メモ</td><td>このブログも使用、情報が多くて安心</td><td>管理画面が新しめで見やすい</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">「とりあえず鉄板で間違いないものがいい」ならエックスサーバー、「管理画面の新しさや最安の月額を重視したい」ならConoHa WING、という選び方で大丈夫です、この記事ではこのあとエックスサーバーで開設する手順を例に進めていきますね</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>まずはサーバーを確認してみる</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">エックスサーバーは10日間の無料お試しがあるので、管理画面の雰囲気を先に見ておくのもありです、キャンペーン中なら月額がかなり下がっているので料金もあわせて確認しておきましょう</p>



<div class="swell-block-button is-style-btn_solid"><a href="https://px.a8.net/svt/ejp?a8mat=2ZTU22+94NAPE+CO4+61C2Q" rel="noopener noreferrer" class="swell-block-button__link"><span>エックスサーバーの料金を見てみる</span></a></div>
</div></div>



<p class="wp-block-paragraph">ConoHa WINGが気になる人はこちらもどうぞ、こちらも独自ドメインが最大2つ無料で付いてきます</p>



<div class="swell-block-button is-style-btn_line"><a href="https://px.a8.net/svt/ejp?a8mat=3T8KHY+4V1I6A+50+5SDXG2" rel="noopener noreferrer" class="swell-block-button__link"><span>ConoHa WINGも見てみる</span></a></div>



<h2 class="wp-block-heading">【STEP2】クイックスタートでWordPressを開設する</h2>



<p class="wp-block-paragraph">サーバーが決まったら、いよいよ開設です、昔はサーバー契約・ドメイン取得・WordPressインストール・SSL設定をバラバラにやる必要がありましたが、今は<strong><span class="swl-marker mark_yellow">クイックスタート</span></strong>を使えば、この4つを申し込みフォームの流れの中でまとめて終わらせられます</p>



<p class="wp-block-paragraph">実際の流れはこんな感じです、画面の案内に沿って入力していくだけなので、身構えなくて大丈夫ですよ</p>



<div class="swell-block-step" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">申し込みフォームを開く</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">エックスサーバー公式の「お申し込み」から「初めてご利用のお客様」を選びます、ここで「WordPressクイックスタート」を利用するにチェックを入れます</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">プランと契約期間を選ぶ</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">個人ブログなら一番安いスタンダードで十分です、契約期間は長いほど月額が下がります、独自ドメイン永久無料の特典をねらうなら12ヶ月以上を選んでおくとよいですね</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">取得するドメインを決める</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">そのまま使う独自ドメインを入力します、ここで決めた住所は後から変えられないので、落ち着いて決めましょう（決め方のコツはこの下に書いておきます）</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">WordPressの情報を入力する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">ブログ名・ユーザー名・パスワード・メールアドレスを入れます、ユーザー名とパスワードはログインで毎回使うので、忘れないように控えておいてくださいね、テーマを選ぶ欄があれば後で変えられるので無料のものでOKです</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">個人情報と支払いを入力する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">住所などの登録情報と、クレジットカードなどの支払い情報を入力します、最後にSMSか電話で本人確認をして申し込み完了です</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">開設完了のメールを待つ</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">数分から十数分ほどでセットアップが終わり、WordPressのアドレスやログイン情報がメールで届きます、そのログインURLにアクセスできたら開設は成功です</p>
</div></div>
</div>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>ドメイン名（URL）の決め方のコツ</span></div><div class="cap_box_content">
<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>短く・覚えやすく・打ちやすい文字列にする</li>



<li>サイトの内容や自分の名前と関連づけると愛着がわく</li>



<li>末尾は迷ったら .com が無難（一番なじみがある）</li>
</ul>
</div></div>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">クイックスタートを使うと、その場で料金の支払いが発生して<strong><span class="swl-marker mark_yellow" style="color:#e8313b">10日間の無料お試しは対象外</span></strong>になります、すぐに本格運用するなら問題ありませんが、「まず無料で触ってから決めたい」人は、クイックスタートを使わない通常の申し込みを選んでくださいね</p>
</div></div>



<p class="wp-block-paragraph">支払いまで終えてWordPressのログイン画面が開けば、もうあなたのブログは世界に公開されている状態です、ここまでで一番の山は越えました</p>



<div class="swell-block-button is-style-btn_solid"><a href="https://px.a8.net/svt/ejp?a8mat=2ZTU22+94NAPE+CO4+61C2Q" rel="noopener noreferrer" class="swell-block-button__link"><span>エックスサーバーで開設をはじめる</span></a></div>



<h2 class="wp-block-heading">【STEP3】WordPressの初期設定（最初にやる5つ）</h2>



<p class="wp-block-paragraph">開設できたら、記事を書き始める前に最低限の初期設定をすませておきます、ここを整えておくと後で困りません、特に<strong><span class="swl-marker mark_yellow">パーマリンク</span></strong>は最初に決めておくのが大事です</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:680px;"><thead><tr><th>設定</th><th>やること</th></tr></thead><tbody><tr><td>パーマリンク</td><td>「設定」→「パーマリンク」で<strong>投稿名</strong>を選ぶ、記事URLがきれいになる、後から変えると既存URLが変わってしまうので最初に決める</td></tr><tr><td>サイトタイトル</td><td>「設定」→「一般」でブログ名とキャッチフレーズを整える</td></tr><tr><td>SSL（https）</td><td>クイックスタートなら自動で設定済み、URLが https で表示されるか確認する</td></tr><tr><td>不要なものを削除</td><td>サンプル記事「Hello world」や使わないプラグインを消しておく</td></tr><tr><td>必須プラグイン</td><td>SEO SIMPLE PACK などを入れておくと後の設定が楽になる</td></tr></tbody></table></figure>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">全部を完璧にやろうとしなくて大丈夫です、まずはパーマリンクとサイトタイトルだけ整えれば、記事を書き始められますよ</p>
</div></div>



<h2 class="wp-block-heading">【STEP4】テーマをSWELLにして見た目を整える</h2>



<p class="wp-block-paragraph">WordPressは「テーマ」を入れ替えるだけでサイト全体の見た目がガラッと変わります、無料テーマでも始められますが、デザインや使い勝手で時間を取られたくないなら、最初から完成度の高い有料テーマを入れてしまうのが結局は近道です</p>



<p class="wp-block-paragraph">私が使っているのが<strong>SWELL</strong>というテーマで、このブログもSWELLで作っています、おすすめする理由はこのあたりです</p>



<ul class="wp-block-list is-style-good_list">
<li>ブロックエディターに完全対応で、マウス操作だけで装飾できる（コード不要）</li>



<li>表示速度を上げるキャッシュや遅延読み込みの機能が最初から入っている</li>



<li>ボタンや吹き出し、ステップなどの装飾ブロックが標準でそろっている</li>
</ul>



<p class="wp-block-paragraph">価格は<strong><span class="swl-marker mark_yellow">17,600円（税込）の買い切り</span></strong>で、月額はかかりません（執筆時点・最新は公式で確認してくださいね）、バージョンアップも無料で、しかも<strong><span class="swl-marker mark_yellow">複数のサイトで使い回せる</span></strong>ので、ブログを増やしても買い直す必要がないのは大きいです</p>



<p class="wp-block-paragraph">それと、ここまでの手順どおりエックスサーバーを契約しているなら、<strong><span class="swl-marker mark_yellow">エックスサーバー経由でSWELLを買うと5%OFF（17,600円→16,720円）</span></strong>になります、サーバーをエックスサーバーにそろえておくと、こういう細かい得もあるんですね</p>



<p class="wp-block-paragraph">導入の手順もシンプルです</p>



<div class="swell-block-step" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">SWELL公式で購入する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">公式サイトで会員登録して購入します、購入すると会員専用サイトにログインできるようになります</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">親テーマと子テーマをダウンロードする</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">会員サイトから本体（親テーマ）と子テーマの2つのファイルをダウンロードします</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">WordPressにアップロードして有効化する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">「外観」→「テーマ」→「新規追加」から2つともアップロードし、<strong>子テーマのほうを有効化</strong>します、これで見た目がSWELLに切り替わります</p>
</div></div>
</div>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>デザインで悩む時間を減らしたいなら</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">SWELLは買い切りで複数サイトに使えるので、ブログを長く続けるつもりなら早めに入れてしまうほうがトータルでは得をしやすいです、公式で機能やデモを見てみてください</p>



<figure class="wp-block-image"><a href="//af.moshimo.com/af/c/click?a_id=4555738&amp;p_id=3885&amp;pc_id=9646&amp;pl_id=53838"><img decoding="async" src="//image.moshimo.com/af-img/3130/000000053838.jpg" alt=""/></a></figure>
</div></div>



<p class="wp-block-paragraph">ちなみに、すでにCocoonなど別のテーマでサイトを持っていて「SWELLに乗り換えたい」という人は、移行の手順を別記事にまとめています、<a href="https://javeo.jp/cocoon-to-swell-migration/" target="_blank" rel="noopener noreferrer">CocoonからSWELLへの移行手順</a>もあわせてどうぞ</p>



<h2 class="wp-block-heading">【STEP5】最初の記事を書いて公開する＋運営のコツ</h2>



<p class="wp-block-paragraph">ここまで来たら、あとは書くだけです、いきなり完璧な記事を目指さず、まずは1本公開してみるのがおすすめですよ</p>



<p class="wp-block-paragraph">記事を書き始める前に、最低限そろえておくとよいのがこのあたりです</p>



<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>固定ページ（プロフィール・お問い合わせ・プライバシーポリシー）を用意する</li>



<li>記事のカテゴリーをいくつか決めておく（書くテーマの軸になる）</li>



<li>アクセス解析（GA4）とサーチコンソールは、落ち着いてからつなげばOK</li>
</ul>



<p class="wp-block-paragraph">続けるコツは、最初から飛ばしすぎないことだと思います、テーマを絞って、自分が書きやすいジャンルから出していくと、無理なく記事がたまっていきます、完璧主義になりすぎず「直せばいい」くらいの気持ちで公開していきましょう</p>



<h2 class="wp-block-heading">追加でドメインが欲しくなったら（XServerドメイン vs お名前.com）</h2>



<p class="wp-block-paragraph">クイックスタートでは独自ドメインが1つ無料で付いてくるので、最初のブログはそれで十分です、ただ、2つ目のサイトを作りたくなったり、別ジャンルで新しい独自ドメインを取りたくなったときは、ドメイン取得サービスを使うことになります</p>



<p class="wp-block-paragraph">定番は<strong>XServerドメイン</strong>と<strong>お名前.com</strong>の2つです、軽く比較しておきますね（料金は執筆時点・税込）</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:700px;"><thead><tr><th>項目</th><th>XServerドメイン</th><th>お名前.com</th></tr></thead><tbody><tr><td>.com 取得</td><td>0円〜（キャンペーン時）</td><td>0円〜（1個目）</td></tr><tr><td>.com 更新（執筆時点）</td><td>年1,721円</td><td>年1,408円</td></tr><tr><td>向いている人</td><td>エックスサーバーと同じ管理画面でまとめたい</td><td>登録実績が多く、扱うドメインの種類も豊富</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">すでにエックスサーバーを使っているなら、管理画面をまとめられるXServerドメインが楽です、更新費を少しでも抑えたい・いろんな種類のドメインから選びたいならお名前.comも候補になります、ここも用途で選べば大丈夫ですよ</p>



<div class="swell-block-button is-style-btn_line"><a href="https://px.a8.net/svt/ejp?a8mat=3N8KKH+6NCBIA+CO4+15V79D" rel="noopener noreferrer" class="swell-block-button__link"><span>XServerドメインを見てみる</span></a></div>



<div class="swell-block-button is-style-btn_line"><a href="https://px.a8.net/svt/ejp?a8mat=2ZGTLV+14HJGI+50+2HHG82" rel="noopener noreferrer" class="swell-block-button__link"><span>お名前.comを見てみる</span></a></div>



<h2 class="wp-block-heading">まとめ｜まずはサーバー契約から動き出そう</h2>



<p class="wp-block-paragraph">WordPressブログの始め方を振り返っておきます、やることは大きく3ステップでした</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>サーバーを選ぶ（迷ったらエックスサーバー、最安重視ならConoHa WING）</li>



<li>クイックスタートで開設する（サーバー・ドメイン・WordPress・SSLを一括で）</li>



<li>テーマをSWELLにして見た目を整える</li>
</ul>



<p class="wp-block-paragraph">頭で考えているうちは何も始まりませんが、サーバーさえ契約してしまえば、あとは流れで開設まで進めます、最初の一歩は<strong><span class="swl-marker mark_yellow">まずはサーバー契約から</span></strong>です、思い立った今日のうちに動いてしまいましょう</p>



<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>今日から始めるなら</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">エックスサーバーはキャンペーン中だと月額が下がっていることが多いので、まずは今の料金と空いているドメインを確認するところからどうぞ</p>



<div class="swell-block-button is-style-btn_solid"><a href="https://px.a8.net/svt/ejp?a8mat=2ZTU22+94NAPE+CO4+61C2Q" rel="noopener noreferrer" class="swell-block-button__link"><span>エックスサーバーでブログを始める</span></a></div>
</div></div>


<p><!--
公開前チェックリスト:
- [ ] loos/button 7か所の hrefUrl と <a href> を実アフィリンクに差し替え（エックスサーバー×3 / ConoHa×1 / SWELL×1 / XServerドメイン×1 / お名前.com×1）
- [ ] 料金（エックスサーバー693円・ConoHa660円・SWELL17,600円・ドメイン更新費）が公開時点でズレていないか各公式で確認
- [ ] アイキャッチ画像を設定（ブログ運営カテゴリの固定アイキャッチ or テンプレ生成）
- [ ] 内部リンク：技術記事1〜2本を公開記事から選んで追加（非公開記事は不可）
- [ ] 新規タグ WordPress / SWELL / レンタルサーバー がWPに作成済みか確認
- [ ] status を publish に変更して公開
--></p>


<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/wordpress-blog-start/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
