<?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>ブログ</title>
	<atom:link href="https://hatenalog.com/tag/%E3%83%96%E3%83%AD%E3%82%B0/feed/" rel="self" type="application/rss+xml" />
	<link>https://hatenalog.com</link>
	<description>日常の「ハテナ」を解決</description>
	<lastBuildDate>Tue, 04 Mar 2025 10:53:28 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://hatenalog.com/wp-content/uploads/2024/07/80c4427b4fae34ef68d4f047b1852d11-150x150.png</url>
	<title>ブログ</title>
	<link>https://hatenalog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://hatenalog.com/tag/%E3%83%96%E3%83%AD%E3%82%B0/feed/"/>
	<item>
		<title>【wordpress】プレビューボタンがない！どこ？表示されない単純な原因</title>
		<link>https://hatenalog.com/wp-preview/</link>
					<comments>https://hatenalog.com/wp-preview/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Mon, 09 Sep 2024 06:38:48 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=1012</guid>

					<description><![CDATA[ブログ初心者の方がWordPress（ワードプレス）のビジュアルエディター（Gutenbergエディター）で投稿を始めた際、まず思うことのひとつが、 「プレビューボタンがない！どこ？」 という疑問です。 そのためここでは [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>ブログ初心者の方がWordPress（ワードプレス）のビジュアルエディター（Gutenbergエディター）で投稿を始めた際、まず思うことのひとつが、</p>



<p>「<span class="bold-red">プレビューボタンがない！どこ？</span>」</p>



<p>という疑問です。</p>



<p>そのためここでは、<span class="bold-red">WordPress（Gutenbergエディター）の投稿画面の「プレビュー」ボタンの場所や、プレビューが表示されない（ボタンが押せない・反映されない）単純な原因</span>について紹介します。</p>



<h2 class="wp-block-heading">【wordpress】プレビューボタンがない！どこ？（ビジュアルエディター）</h2>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="780" height="205" src="https://hatenalog.com/wp-content/uploads/2024/09/20d42f9c3be802a6c3bab7a6cfbe946d.png" alt="" class="wp-image-1036" srcset="https://hatenalog.com/wp-content/uploads/2024/09/20d42f9c3be802a6c3bab7a6cfbe946d.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/20d42f9c3be802a6c3bab7a6cfbe946d-300x79.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/20d42f9c3be802a6c3bab7a6cfbe946d-768x202.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>さっそくですが、WordPressのビジュアルエディター（Gutenbergエディター）の投稿画面の<span class="bold-red">プレビュー</span><span class="bold-red">ボタン</span>の場所は、下記となっています。</p>



<p><strong>①投稿画面の右上にあるパソコンのようなマーク「<span class="bold-red">表示</span>」をクリック。</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="287" src="https://hatenalog.com/wp-content/uploads/2024/09/3d7dfbd2db5a015f9f135f4796123829.png" alt="" class="wp-image-1018" style="width:490px;height:auto" srcset="https://hatenalog.com/wp-content/uploads/2024/09/3d7dfbd2db5a015f9f135f4796123829.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/3d7dfbd2db5a015f9f135f4796123829-300x110.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/3d7dfbd2db5a015f9f135f4796123829-768x283.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p><span class="bold">②プレビューするデバイスを選択し、「<span class="bold-red">新しいタブでプレビュー</span>」をクリック。</span></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="460" src="https://hatenalog.com/wp-content/uploads/2024/09/b823bb3a8fd74cf0e0b7ade01e8d2bcc.png" alt="" class="wp-image-1019" style="width:498px;height:auto" srcset="https://hatenalog.com/wp-content/uploads/2024/09/b823bb3a8fd74cf0e0b7ade01e8d2bcc.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/b823bb3a8fd74cf0e0b7ade01e8d2bcc-300x177.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/b823bb3a8fd74cf0e0b7ade01e8d2bcc-768x453.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p>これで、新しいタブにプレビュー画面が表示されます。</p>



<p>ということで、新ビジュアルエディター（Gutenbergエディター）では、「<span class="bold-red">新しいタブでプレビュー</span>」がプレビューボタンとなっています。</p>



<h2 class="wp-block-heading">【wordpress】プレビューが表示されない（反映されない）単純な原因2つ</h2>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" width="780" height="173" src="https://hatenalog.com/wp-content/uploads/2024/09/b71714988186d86a9ffc55813123ac83.png" alt="" class="wp-image-1037" style="width:780px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/b71714988186d86a9ffc55813123ac83.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/b71714988186d86a9ffc55813123ac83-300x67.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/b71714988186d86a9ffc55813123ac83-768x170.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>なお、WordPressの新ビジュアルエディター（Gutenbergエディター）で<span class="bold-red">プレビューが表示されない・反映されない</span>単純な原因には、下記の2つがあります。</p>



<h3 class="wp-block-heading">「新しいタブでプレビュー」ボタンが押せない原因</h3>



<p>プレビューボタン「<span class="bold">新しいタブでプレビュー</span>」が押せない単純な原因は、「<span class="bold-red">投稿画面に何も入力していない</span>」ためです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="437" src="https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408.png" alt="" class="wp-image-1025" style="width:483px;height:auto" srcset="https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408-300x168.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408-768x430.png 768w, https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408-120x68.png 120w, https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408-160x90.png 160w, https://hatenalog.com/wp-content/uploads/2024/09/ef046c14d4631e4ce4203a7b1924a408-320x180.png 320w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>投稿画面に入力する前にプレビューボタン「新しいタブでプレビュー」を確認すると、ボタンが白くなっており押せませんのでご注意ください。</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">プレビューが表示されない（反映されない）原因：投稿を表示</h3>



<p>プレビューが表示されない（反映されない）単純な原因には、「<span class="bold-red">「投稿を表示」ボタンを押している</span>」ことがあげられます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="282" src="https://hatenalog.com/wp-content/uploads/2024/09/c122dee6a2b836da755e3f4f8bc5488f.png" alt="" class="wp-image-1028" style="width:466px;height:auto" srcset="https://hatenalog.com/wp-content/uploads/2024/09/c122dee6a2b836da755e3f4f8bc5488f.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/c122dee6a2b836da755e3f4f8bc5488f-300x108.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/c122dee6a2b836da755e3f4f8bc5488f-768x278.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>記事を公開すると、右上に「<span class="bold-red">投稿を表示</span>」というボタンが出てくるようになるため、このボタンがプレビューボタンだと思ってしまう方も多いと思いますが、</p>



<p>このボタンはプレビューではなく、現在公開されている保存済みの記事内容が確認できるボタンとなっていますので、<span class="bold-red">まだ保存されていない投稿内容は反映されません</span>のでご注意ください。</p>



<h2 class="wp-block-heading">まとめ</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="450" src="https://hatenalog.com/wp-content/uploads/2024/09/a565eff4102f6da9c0f7d78f676f13a8-1.jpg" alt="困っている人" class="wp-image-1034" srcset="https://hatenalog.com/wp-content/uploads/2024/09/a565eff4102f6da9c0f7d78f676f13a8-1.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/a565eff4102f6da9c0f7d78f676f13a8-1-300x173.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/a565eff4102f6da9c0f7d78f676f13a8-1-768x443.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/09/a565eff4102f6da9c0f7d78f676f13a8-1-120x68.jpg 120w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>今回は、WordPress（Gutenbergエディター）の投稿画面の「プレビュー」ボタンの場所と、プレビューが表示されない（反映されない）単純な原因2つについて紹介しました。</p>



<p>旧ビジュアルエディター（クラシックエディター）では「プレビュー」というボタンが表示されていましたが、新ビジュアルエディター（Gutenbergエディター）では「<span class="bold-red">新しいタブでプレビュー</span>」がプレビューボタンとなっています。</p>



<p>また、ブログ初心者がつまづきがちなプレビューが表示されない単純な原因には「<span class="bold-red">投稿画面に何も入力していない</span>」「<span class="bold-red">「投稿を表示」ボタンを押している</span>」の2つが挙げられました。</p>



<p>プレビューが表示されない問題については、複雑なエラーに対する様々な情報がありますが、今回紹介した基本的な情報が逆に見つからなかったため、困った方は参考にしてみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/wp-preview/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
