<?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>ブログ・IT</title>
	<atom:link href="https://hatenalog.com/category/blog-it/feed/" rel="self" type="application/rss+xml" />
	<link>https://hatenalog.com</link>
	<description>日常の「ハテナ」を解決</description>
	<lastBuildDate>Fri, 17 Apr 2026 06:07:27 +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>ブログ・IT</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/category/blog-it/feed/"/>
	<item>
		<title>【iPhone】ホーム画面に追加の表示がない！アップデートでボタン変更</title>
		<link>https://hatenalog.com/iphone-home/</link>
					<comments>https://hatenalog.com/iphone-home/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Thu, 16 Apr 2026 07:32:14 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[iPhone]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=51786</guid>

					<description><![CDATA[2026年にiPhoneのiOSを26.4.1にアップデートしたところ、safariで検索した際に画面下に表示されていたボタン（及び「ホーム画面に追加」ボタン）が表示されなくなりました。 ここでは、上記のアプデで変更され [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>2026年にiPhoneのiOSを26.4.1にアップデートしたところ、safariで検索した際に画面下に表示されていたボタン（及び「<strong>ホーム画面に追加</strong>」ボタン）が表示されなくなりました。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-32 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://hatenalog.com/wp-content/uploads/2025/06/question-woman-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「ホーム画面に追加」の表示がない！<br>ボタンが消えた…どこにある？</p>
</div></div>



<p>ここでは、上記のアプデで変更された<strong><span class="marker-under">「ホーム画面に追加」ボタンの変更場所</span></strong>について紹介します。</p>



<h2 class="wp-block-heading">【iPhone】ホーム画面に追加の表示がない！アップデートでボタン変更</h2>



<p>iPhoneのiOSを26.4.1にアップデートした場合、「<strong>ホーム画面に追加</strong>」ボタンの場所は、下記に変更となっています。</p>



<p><strong>①検索画面下の右側にある「…（三点リーダー）」をクリック。</strong></p>



<figure class="wp-block-image aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" width="675" height="227" src="https://hatenalog.com/wp-content/uploads/2026/04/8e0b7ad4046720600f3373afb3bb1457.png" alt="iPhone検索画面下" class="wp-image-51787" style="width:400px" srcset="https://hatenalog.com/wp-content/uploads/2026/04/8e0b7ad4046720600f3373afb3bb1457.png 675w, https://hatenalog.com/wp-content/uploads/2026/04/8e0b7ad4046720600f3373afb3bb1457-300x101.png 300w" sizes="(max-width: 675px) 100vw, 675px" /></figure>



<p><strong>②「<span class="bold-red">共有</span>」ボタンをクリック。</strong></p>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" width="523" height="717" src="https://hatenalog.com/wp-content/uploads/2026/04/8cfef1099ae4a342bbf914c4c424bd31.png" alt="共有ボタン" class="wp-image-51788" style="width:300px" srcset="https://hatenalog.com/wp-content/uploads/2026/04/8cfef1099ae4a342bbf914c4c424bd31.png 523w, https://hatenalog.com/wp-content/uploads/2026/04/8cfef1099ae4a342bbf914c4c424bd31-219x300.png 219w" sizes="(max-width: 523px) 100vw, 523px" /></figure>



<p><strong>③「共有」を開いたら「表示を増やす」ボタンをクリック。</strong></p>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" width="500" height="509" src="https://hatenalog.com/wp-content/uploads/2026/04/aed41422eacc065b61ca60379efbe8e3.png" alt="表示を増やす" class="wp-image-51789" style="width:300px" srcset="https://hatenalog.com/wp-content/uploads/2026/04/aed41422eacc065b61ca60379efbe8e3.png 500w, https://hatenalog.com/wp-content/uploads/2026/04/aed41422eacc065b61ca60379efbe8e3-295x300.png 295w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<p><strong>すると、「ホーム画面に追加」ボタンが出てきます。</strong></p>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" width="500" height="506" src="https://hatenalog.com/wp-content/uploads/2026/04/9507a0a16cbe38b2fcc6af2b48f879b1.png" alt="ホーム画面に追加" class="wp-image-51790" style="width:300px" srcset="https://hatenalog.com/wp-content/uploads/2026/04/9507a0a16cbe38b2fcc6af2b48f879b1.png 500w, https://hatenalog.com/wp-content/uploads/2026/04/9507a0a16cbe38b2fcc6af2b48f879b1-296x300.png 296w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



<p>以降は、これまでどおり「追加」ボタンをクリックすれば、ホーム画面に指定したページがアプリのように表示されます。</p>



<p>以前よりも工程が増え、ボタンの場所がわかりづらくなりましたので、困った方は参考にしてみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/iphone-home/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【Canva】テンプレートの背景変更方法（画像追加でデザインが消える場合も）</title>
		<link>https://hatenalog.com/canva-tp-image/</link>
					<comments>https://hatenalog.com/canva-tp-image/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Tue, 24 Sep 2024 11:13:52 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[Canva]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=1181</guid>

					<description><![CDATA[ハイクオリティな画像を無料で作成できるデザインツール「Canva（キャンバ）」ですが、 Canvaのテンプレートの背景画像を変更するために、写真やアップロードした画像をクリックして追加したところ、デザインの一部が消えてし [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>ハイクオリティな画像を無料で作成できるデザインツール「<strong>Canva（キャンバ）</strong>」ですが、</p>



<p>Canvaのテンプレートの背景画像を変更するために、写真やアップロードした画像をクリックして追加したところ、<span class="bold-red">デザインの一部が消えてしまいました</span>。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-32 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://hatenalog.com/wp-content/uploads/2024/07/100d14cbc98f2efb4bea044bc99ac6e0.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>調べたところ、</p>



<p><strong><span class="bold-red">背景画像の変更方法には2パターンあるみたい…</span></strong></p>
</div></div>



<p>そこで今回は、<strong><span class="marker">Canvaのテンプレートの「背景」画像の変更方法</span></strong>や、<strong><span class="marker">写真やアップロードした画像を背景画像に追加する場合の変更方法</span></strong>について紹介します。</p>



<h2 class="wp-block-heading">【canva】テンプレートの背景画像の変更方法（「背景」素材利用）</h2>



<p>Canva（キャンバ）の<span class="bold-red">「背景」内にあるフリー素材（画像や写真）</span>を、テンプレートの背景画像として使用する場合の変更方法は、下記になります。</p>



<p><strong>【「背景」画像の追加・変更方法】</strong></p>



<p>①テンプレートの編集画面の左側にあるサイドパネルで「<span class="bold-red">背景</span>」または「<span class="bold-red">アプリ</span>」をクリック。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="988" src="https://hatenalog.com/wp-content/uploads/2024/09/0276f7567d77650f7c5d7a8366f5be53.png" alt="" class="wp-image-1195" style="width:350px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/0276f7567d77650f7c5d7a8366f5be53.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/0276f7567d77650f7c5d7a8366f5be53-237x300.png 237w, https://hatenalog.com/wp-content/uploads/2024/09/0276f7567d77650f7c5d7a8366f5be53-768x973.png 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">Canvaテンプレート編集画面</figcaption></figure>



<p>※アプリの場合は、「アプリ」をクリックした後に「背景」を選択。</p>



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



<p>②「背景」の中から<span class="bold-red">目的の画像や写真を</span><span class="bold-red">選んで</span><span class="bold-red">クリック</span>すると、すぐに背景として反映されます。</p>



<p><strong>■背景変更前↓</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="337" src="https://hatenalog.com/wp-content/uploads/2024/09/b86f813f87e0be14c8c8b5315666a67a.png" alt="背景変更前" class="wp-image-1198" style="width:700px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/b86f813f87e0be14c8c8b5315666a67a.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/b86f813f87e0be14c8c8b5315666a67a-300x130.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/b86f813f87e0be14c8c8b5315666a67a-768x332.png 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">Canvaテンプレート編集画面</figcaption></figure>



<p><strong>■背景変更後↓</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="334" src="https://hatenalog.com/wp-content/uploads/2024/09/4d82c459f9939f27b81dbd2f70d4b905.jpg" alt="背景変更後" class="wp-image-1197" style="width:700px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/4d82c459f9939f27b81dbd2f70d4b905.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/4d82c459f9939f27b81dbd2f70d4b905-300x128.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/4d82c459f9939f27b81dbd2f70d4b905-768x329.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">Canvaテンプレート編集画面</figcaption></figure>



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



<p>なお、「背景」内の検索バーから、目的のフリー素材を探すこともできます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="375" src="https://hatenalog.com/wp-content/uploads/2024/09/f2a557e9c387d56b4a39492ecdc23283.jpg" alt="背景「薔薇」検索結果" class="wp-image-1202" style="width:700px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/f2a557e9c387d56b4a39492ecdc23283.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/f2a557e9c387d56b4a39492ecdc23283-300x144.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/f2a557e9c387d56b4a39492ecdc23283-768x369.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">背景「薔薇」の検索結果</figcaption></figure>



<p>また、画像ではなく背景を特定の色だけにする場合は、「背景」内の上部にある色をクリックすると変更できます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="352" src="https://hatenalog.com/wp-content/uploads/2024/09/663dd33b857941b49cc0e2c9b2f7399f.png" alt="" class="wp-image-1201" style="width:700px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/663dd33b857941b49cc0e2c9b2f7399f.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/663dd33b857941b49cc0e2c9b2f7399f-300x135.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/663dd33b857941b49cc0e2c9b2f7399f-768x347.png 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">背景・色「紫」選択</figcaption></figure>



<h2 class="wp-block-heading">【Canva】テンプレートに写真やアップロードした画像を追加するとデザインが消える場合の変更方法</h2>



<p>Canva（キャンバ）のテンプレートに、<span class="bold-red">Canvaの「写真」内の写真やアップロードした画像</span>を追加すると、下記のようになります。</p>



<p><strong>■画像追加前↓</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="339" src="https://hatenalog.com/wp-content/uploads/2024/09/4b97c8887dbeb818ce41d177343b0ccf.png" alt="テンプレート編集画面" class="wp-image-1183" style="width:650px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/4b97c8887dbeb818ce41d177343b0ccf.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/4b97c8887dbeb818ce41d177343b0ccf-300x130.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/4b97c8887dbeb818ce41d177343b0ccf-768x334.png 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">Canvaテンプレート編集画面</figcaption></figure>



<p><strong>■画像追加後（<span class="bold-red">丸などのデザインの一部が消えている</span>）↓</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="430" src="https://hatenalog.com/wp-content/uploads/2024/09/0ef65dc7753cc3bd3a0e334b77c756a3.png" alt="" class="wp-image-1186" style="width:650px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/0ef65dc7753cc3bd3a0e334b77c756a3.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/0ef65dc7753cc3bd3a0e334b77c756a3-300x165.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/0ef65dc7753cc3bd3a0e334b77c756a3-768x423.png 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">Canvaテンプレート編集画面</figcaption></figure>



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



<p><strong>【<span class="marker-under-red">画像の追加方法（背景変更方法）</span>】</strong></p>



<p>Canvaの「写真」内の写真やアップロードした画像を、テンプレートの背景として追加する場合は、画像を追加した後に<span class="bold-red">右クリック</span>を押して、一覧から「<span class="bold-red">背景を差し替え</span>」を選択しましょう。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="298" src="https://hatenalog.com/wp-content/uploads/2024/09/b0af97490b64f08b6cc07c7320349a88.png" alt="" class="wp-image-1188" style="width:600px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/b0af97490b64f08b6cc07c7320349a88.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/b0af97490b64f08b6cc07c7320349a88-300x115.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/b0af97490b64f08b6cc07c7320349a88-768x293.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>「背景を差し替え」をクリックすると、下記のように元のデザインがきちんと反映されるようになります。↓</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="415" src="https://hatenalog.com/wp-content/uploads/2024/09/1fadf6f1859130e2e64737c64aa92cee.png" alt="" class="wp-image-1190" style="width:600px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/1fadf6f1859130e2e64737c64aa92cee.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/1fadf6f1859130e2e64737c64aa92cee-300x160.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/1fadf6f1859130e2e64737c64aa92cee-768x409.png 768w" sizes="(max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption">Canvaテンプレート編集画面</figcaption></figure>



<p>なお、右クリック（ショートカットメニュー）では、「画像を削除」「背景から画像を切り取る」「背景をロック」なども可能です。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="769" height="1024" src="https://hatenalog.com/wp-content/uploads/2024/09/e70619d92e7595ab87aca5dff010d808-769x1024.png" alt="" class="wp-image-1192" style="width:350px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/e70619d92e7595ab87aca5dff010d808-769x1024.png 769w, https://hatenalog.com/wp-content/uploads/2024/09/e70619d92e7595ab87aca5dff010d808-225x300.png 225w, https://hatenalog.com/wp-content/uploads/2024/09/e70619d92e7595ab87aca5dff010d808-768x1023.png 768w, https://hatenalog.com/wp-content/uploads/2024/09/e70619d92e7595ab87aca5dff010d808.png 780w" sizes="(max-width: 769px) 100vw, 769px" /></figure>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/canva-tp-image/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【WordPress】スタイルの中にリストを入れる方法（ブロックエディター）</title>
		<link>https://hatenalog.com/wp-rist-style/</link>
					<comments>https://hatenalog.com/wp-rist-style/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Tue, 17 Sep 2024 12:20:23 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[Cocoon]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=1113</guid>

					<description><![CDATA[WordPress（ワードプレス）のブロックエディター（Gutenberg）の投稿画面で、スタイル（囲み枠）の中にリストを貼り付けようとしたところ、貼り付けができませんでした。 そのためここでは、ブロックエディターの投稿 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPress（ワードプレス）のブロックエディター（Gutenberg）の投稿画面で、スタイル（囲み枠）の中にリストを貼り付けようとしたところ、貼り付けができませんでした。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-32 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://hatenalog.com/wp-content/uploads/2024/09/f9ca2eae18f1cbd8b19976c3fd90b3f5-150x150.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>以前のクラシックエディターだと貼り付けできたのに…</p>
</div></div>



<p>そのためここでは、<span class="bold-red">ブロックエディターの投稿画面で、</span><span class="bold-red">スタイル（囲み枠）の中にリストを入れる方法</span>や、気になる関連情報について紹介します。</p>



<ul class="wp-block-list is-style-border-double has-border">
<li><strong>リストとスタイルの作成・変更方法（ブロックエディター）</strong></li>



<li><strong>スタイルの中にリストを入れる方法（ブロックエディター、Cocoonの場合）</strong></li>



<li><strong>スタイルの中にリストが入らない原因</strong></li>
</ul>



<h2 class="wp-block-heading">【WordPress】リストとスタイルの作成・変更方法：ブロックエディター</h2>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="780" height="351" src="https://hatenalog.com/wp-content/uploads/2024/09/1edbc965e06f85feea1640898370608a.png" alt="リストとスタイルの作成・変更方法" class="wp-image-1163" srcset="https://hatenalog.com/wp-content/uploads/2024/09/1edbc965e06f85feea1640898370608a.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/1edbc965e06f85feea1640898370608a-300x135.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/1edbc965e06f85feea1640898370608a-768x346.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>基本情報として、WordPress（ワードプレス）のブロックエディターの投稿画面で、<span class="bold-red">リスト</span>と<span class="bold-red">スタイル</span>を作成する方法（挿入方法）・変更する方法は、下記となっています。</p>



<h3 class="wp-block-heading">リストの作成・変更方法</h3>



<p><strong>【リスト作成方法】</strong></p>



<p>①ブロックの右側または投稿画面左上にある「<span class="bold-red">＋（ブロックを追加）</span>」ボタンをクリック。</p>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="114" src="https://hatenalog.com/wp-content/uploads/2024/09/cdb7d522464217f4987937016fb7eb6a.png" alt="" class="has-border-color has-grey-border-color wp-image-1118" style="border-width:2px;width:500px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/cdb7d522464217f4987937016fb7eb6a.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/cdb7d522464217f4987937016fb7eb6a-300x44.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/cdb7d522464217f4987937016fb7eb6a-768x112.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="183" src="https://hatenalog.com/wp-content/uploads/2024/09/745a00259525c92db8f40743546d8939.png" alt="" class="has-border-color has-grey-border-color wp-image-1119" style="border-width:2px;width:500px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/745a00259525c92db8f40743546d8939.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/745a00259525c92db8f40743546d8939-300x70.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/745a00259525c92db8f40743546d8939-768x180.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>②「テキスト」内にある「<span class="bold-red">リスト</span>」をクリック。</p>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="689" src="https://hatenalog.com/wp-content/uploads/2024/09/8898b061825d0de4b84e66c7c35f5810.png" alt="" class="has-border-color has-grey-border-color wp-image-1120" style="border-width:2px;width:500px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/8898b061825d0de4b84e66c7c35f5810.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/8898b061825d0de4b84e66c7c35f5810-300x265.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/8898b061825d0de4b84e66c7c35f5810-768x678.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>「リスト」ボタンを押すと、ブロック内に「・」で箇条書きできるリストが作成できます。</p>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="177" src="https://hatenalog.com/wp-content/uploads/2024/09/c676a67ce21d4053001b721cbd1c6234.png" alt="" class="has-border-color has-grey-border-color wp-image-1122" style="border-width:2px;width:500px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/c676a67ce21d4053001b721cbd1c6234.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/c676a67ce21d4053001b721cbd1c6234-300x68.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/c676a67ce21d4053001b721cbd1c6234-768x174.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



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



<p><strong>【リストのスタイル（装飾や色等）を変更する場合】</strong></p>



<p>左上の「<span class="bold-red">親ブロックを選択</span>」ボタンをクリックすると、リストのスタイルが変更できます。</p>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="279" src="https://hatenalog.com/wp-content/uploads/2024/09/image.png" alt="" class="has-border-color has-grey-border-color wp-image-1129" style="border-width:2px;width:500px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/image.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/image-300x107.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/image-768x275.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="330" src="https://hatenalog.com/wp-content/uploads/2024/09/ec093b390e9dd23ccfbe8a970ec0e235.png" alt="" class="has-border-color has-grey-border-color wp-image-1132" style="border-width:2px;width:500px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/ec093b390e9dd23ccfbe8a970ec0e235.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/ec093b390e9dd23ccfbe8a970ec0e235-300x127.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/ec093b390e9dd23ccfbe8a970ec0e235-768x325.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full is-resized has-custom-border"><img decoding="async" width="780" height="978" src="https://hatenalog.com/wp-content/uploads/2024/09/1eafd2058ea142b376d1e31bcf8ad9a0.png" alt="" class="has-border-color has-grey-border-color wp-image-1133" style="border-width:2px;width:300px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/1eafd2058ea142b376d1e31bcf8ad9a0.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/1eafd2058ea142b376d1e31bcf8ad9a0-239x300.png 239w, https://hatenalog.com/wp-content/uploads/2024/09/1eafd2058ea142b376d1e31bcf8ad9a0-768x963.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



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



<h3 class="wp-block-heading">スタイル作成・変更方法</h3>



<p>文章やリストに囲み枠や装飾が作れる「<span class="bold-red">スタイル</span>」は、投稿画面右側の「ブロック」項目内にある「<span class="bold-red">スタイル</span>」から好きなものを選んで作成できます。</p>



<figure class="wp-block-image size-large is-resized has-custom-border"><img decoding="async" width="650" height="1024" src="https://hatenalog.com/wp-content/uploads/2024/09/style-e1726550263605-650x1024.png" alt="スタイル" class="has-border-color has-grey-border-color wp-image-1125" style="border-width:2px;width:300px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/style-e1726550263605-650x1024.png 650w, https://hatenalog.com/wp-content/uploads/2024/09/style-e1726550263605-190x300.png 190w, https://hatenalog.com/wp-content/uploads/2024/09/style-e1726550263605-768x1211.png 768w, https://hatenalog.com/wp-content/uploads/2024/09/style-e1726550263605.png 779w" sizes="(max-width: 650px) 100vw, 650px" /></figure>



<p>■スタイル例↓</p>



<p class="is-style-checkered-box has-box-style">スタイル例</p>



<p class="is-style-p-style-08 has-box-style">スタイル例</p>



<p class="is-style-memo-box has-box-style">スタイル例</p>



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



<p><strong>【スタイルを変更する場合】</strong></p>



<p>作成したスタイルのブロックを選択した状態で、他のスタイルをクリックすると簡単に変更できます。</p>



<p>（スタイルを解除する場合は、選択しているスタイルをもう一度クリック。）</p>



<h2 class="wp-block-heading">【WordPress】スタイルの中にリストを入れる方法（ブロックエディター・Cocoon）</h2>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="779" height="374" src="https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-2-1-e1726573460587.jpg" alt="スタイル内にリストを入れる方法" class="wp-image-1165" srcset="https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-2-1-e1726573460587.jpg 779w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-2-1-e1726573460587-300x144.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-2-1-e1726573460587-768x369.jpg 768w" sizes="(max-width: 779px) 100vw, 779px" /></figure>



<p>WordPressのブロックエディターの投稿画面で、<span class="bold-red">スタイル</span><span class="bold-red">（</span><span class="bold-red">囲み</span><span class="bold-red">枠</span><span class="bold-red">）</span><span class="bold-red">の中にリストを入れる方法</span>は、下記となっています。</p>



<h3 class="wp-block-heading">ブロックエディターの場合</h3>



<ol class="wp-block-list is-style-blank-box-blue has-border">
<li><strong>リストを作成。</strong></li>



<li><strong>「<span class="bold-red">親ブロックを選択</span>」ボタンをクリック。</strong></li>



<li><strong>右側に出てくる「ブロック」＞「設定」内の「<span class="bold-red">ボーダー</span>」から囲み枠のスタイルを選択（クリック）。</strong></li>
</ol>



<p>上記の方法でリストを作成し、作成したリストのブロックを選択した状態で左上に表示される「親ブロックを選択」ボタンを押すと、右側に「ボーダー」という囲み枠のスタイルが出てきますので、選択すると下記のようになります。</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="780" height="183" src="https://hatenalog.com/wp-content/uploads/2024/09/8710228b48ce8184e527001bd092a938.png" alt="" class="has-border-color has-grey-border-color wp-image-1139" style="border-width:2px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/8710228b48ce8184e527001bd092a938.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/8710228b48ce8184e527001bd092a938-300x70.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/8710228b48ce8184e527001bd092a938-768x180.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p class="is-style-alert-box has-box-style">※リストで選択できるスタイル（ボーダー：囲み枠）は、文章で選択できるスタイルよりも種類が少なくなっていますのでご注意ください。</p>



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



<p>なお、<span class="bold-red">囲み枠なし</span>でリストの背景やテキストのスタイル（色やサイズ）を変更する場合は、「親ブロックを選択」ボタンを押して、右側に出てくる「ブロック」＞「<span class="bold-red">スタイル</span>」内から変更できます。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="601" height="1024" src="https://hatenalog.com/wp-content/uploads/2024/09/ec28d4e65cd9b0e3af2ef443e511a920-601x1024.png" alt="" class="wp-image-1140" style="width:350px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/ec28d4e65cd9b0e3af2ef443e511a920-601x1024.png 601w, https://hatenalog.com/wp-content/uploads/2024/09/ec28d4e65cd9b0e3af2ef443e511a920-176x300.png 176w, https://hatenalog.com/wp-content/uploads/2024/09/ec28d4e65cd9b0e3af2ef443e511a920-768x1309.png 768w, https://hatenalog.com/wp-content/uploads/2024/09/ec28d4e65cd9b0e3af2ef443e511a920.png 780w" sizes="(max-width: 601px) 100vw, 601px" /></figure>



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



<h3 class="wp-block-heading">Cocoonの場合</h3>



<p>その他、テーマで「<span class="bold-red">Cocoon</span>」を使用している場合は、「<span class="bold-red">＋（ブロックを追加）</span>」ボタンからもスタイル（囲み枠）が選択できます。</p>



<p>■「<strong>Cocoonブロック</strong>」「<strong>Cocoon汎用ブロック</strong>」項目内にあり。↓</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="856" src="https://hatenalog.com/wp-content/uploads/2024/09/28ddc8ac43481b880b939e4d02bc7410.png" alt="" class="wp-image-1143" style="width:400px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/28ddc8ac43481b880b939e4d02bc7410.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/28ddc8ac43481b880b939e4d02bc7410-273x300.png 273w, https://hatenalog.com/wp-content/uploads/2024/09/28ddc8ac43481b880b939e4d02bc7410-768x843.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="780" height="424" src="https://hatenalog.com/wp-content/uploads/2024/09/8bf1eaf81effca60fb466f2d32aa0e62.png" alt="" class="wp-image-1144" style="width:400px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/8bf1eaf81effca60fb466f2d32aa0e62.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/8bf1eaf81effca60fb466f2d32aa0e62-300x163.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/8bf1eaf81effca60fb466f2d32aa0e62-768x417.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



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



<p>Cocoonのスタイル（囲み枠）の中にリストを入れる場合は、「<span class="bold-red">スタイル内で＋（ブロックを追加）ボタンを押してリストを追加</span>」または「<span class="bold-red">作成したリストをスタイルの中に張り付け</span>」で作成できます。</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="780" height="132" src="https://hatenalog.com/wp-content/uploads/2024/09/9480be1b4d16374267c474dbe7e463b9.png" alt="" class="has-border-color has-grey-border-color wp-image-1155" style="border-width:2px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/9480be1b4d16374267c474dbe7e463b9.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/9480be1b4d16374267c474dbe7e463b9-300x51.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/9480be1b4d16374267c474dbe7e463b9-768x130.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img decoding="async" width="780" height="174" src="https://hatenalog.com/wp-content/uploads/2024/09/f2257e1286be2ea0e05c91f8b9c26407.png" alt="" class="has-border-color has-grey-border-color wp-image-1150" style="border-width:2px" srcset="https://hatenalog.com/wp-content/uploads/2024/09/f2257e1286be2ea0e05c91f8b9c26407.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/f2257e1286be2ea0e05c91f8b9c26407-300x67.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/f2257e1286be2ea0e05c91f8b9c26407-768x171.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<h2 class="wp-block-heading">【WordPress】スタイルの中にリストが入らない原因（ブロックエディター・Cocoon）</h2>



<figure class="wp-block-image aligncenter 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のブロックエディターの投稿画面で、<span class="bold-red">スタイル（囲み枠）の中にリストが入らない</span><span class="bold-red">・</span><span class="bold-red">作成</span><span class="bold-red">できない</span><span class="bold-red">原因</span>には、下記があります。</p>



<p><strong>【<span class="marker-under-red">ブロックエディターの場合</span>】</strong></p>



<ul class="wp-block-list">
<li><strong>「親ブロックを選択」ボタンを押していない。</strong></li>



<li><strong>スタイル（囲み枠）を作成した後に、スタイルの中にリストを追加しようとしている。</strong></li>
</ul>



<p class="is-style-p-style-08 has-box-style">作成したリストのブロックを選択しているだけでは、右側にスタイル（ボーダー）は表示されません。<br>リストの囲み枠は、<span class="bold-red">「作成したリストにスタイル（囲み枠）を追加」という順序でなければ作成できません</span>。<br>スタイルを先に作成した場合、スタイル内には文章しか作成できません。<br>デフォルトのブロックエディターのスタイル（囲み枠）内には、リストの貼り付けはできません。</p>



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



<p><strong>【<span class="marker-under-red">Cocoonの場合</span>】</strong></p>



<ul class="wp-block-list">
<li><strong>作成したリストに、Cocoonのスタイル（囲み枠）を追加しようとしている。</strong></li>
</ul>



<p class="is-style-p-style-08 has-box-style">Cocoonのスタイル（囲み枠）内にリストを作成する場合は、「<span class="bold-red">作成したスタイルにリストを追加または貼り付け</span>」という順序でしか作成できません。</p>



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



<p>今回は、WordPressのブロックエディターの投稿画面で、スタイル（囲み枠）の中にリストを入れる方法やできない原因、リストやスタイルの作成・変更方法等について紹介しました。</p>



<p>以前使用されていたクラシックエディターでは、スタイル内にリストを作成する方法は「リストを張り付けるだけ」でしたが、</p>



<p>ブロックエディターでは、デフォルトのブロックエディターのスタイルを使用する場合と、テーマ（Cocoon）のスタイルを使用する場合で作成方法が違っていましたので、困惑した方は参考にしてみてください。</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/wp-rist-style/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<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 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>
		<item>
		<title>【Googleアナリティクス】左側のメニューバーが表示されない！原因と対処法</title>
		<link>https://hatenalog.com/analytics-menu/</link>
					<comments>https://hatenalog.com/analytics-menu/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Sun, 08 Sep 2024 07:19:26 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[アナリティクス]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=969</guid>

					<description><![CDATA[【Googleアナリティクス】左側のメニューバーが表示されない！ ある日、Googleアナリティクス（ホーム画面）を開いたところ、左側に表示されていたメニューバーが表示されなくなっていました。 ■通常時（左側にメニュー及 [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2>【Googleアナリティクス】左側のメニューバーが表示されない！</h2>
<p>ある日、Googleアナリティクス（ホーム画面）を開いたところ、<span class="bold red">左側に表示されていたメニューバー</span>が表示されなくなっていました。</p>
<p><strong>■通常時（左側にメニュー及びメニューバーあり）↓</strong></p>
<p><img decoding="async" class="alignnone  wp-image-1009" src="https://hatenalog.com/wp-content/uploads/2024/09/8987318089d4171730b34ba1f785dc84.png" alt="通常時ホーム画面（メニューバーあり）" width="498" height="253" srcset="https://hatenalog.com/wp-content/uploads/2024/09/8987318089d4171730b34ba1f785dc84.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/8987318089d4171730b34ba1f785dc84-300x152.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/8987318089d4171730b34ba1f785dc84-768x390.png 768w" sizes="(max-width: 498px) 100vw, 498px" /></p>
<p><img decoding="async" class="alignnone  wp-image-1010" src="https://hatenalog.com/wp-content/uploads/2024/09/a97386eb02ae5a74f5c5f71d7f7b5db8.png" alt="メニュー詳細" width="497" height="258" srcset="https://hatenalog.com/wp-content/uploads/2024/09/a97386eb02ae5a74f5c5f71d7f7b5db8.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/a97386eb02ae5a74f5c5f71d7f7b5db8-300x156.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/a97386eb02ae5a74f5c5f71d7f7b5db8-768x399.png 768w" sizes="(max-width: 497px) 100vw, 497px" /></p>
<p><strong>■今回の不具合（<span class="bold red">左側に何も表示されない</span>）↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-972 " src="https://hatenalog.com/wp-content/uploads/2024/09/e5293ed617c0e30793b22f7bf4dbd29c-e1725844182919.png" alt="アナリティクス（メニューバーが表示されない）" width="516" height="218" srcset="https://hatenalog.com/wp-content/uploads/2024/09/e5293ed617c0e30793b22f7bf4dbd29c-e1725844182919.png 779w, https://hatenalog.com/wp-content/uploads/2024/09/e5293ed617c0e30793b22f7bf4dbd29c-e1725844182919-300x127.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/e5293ed617c0e30793b22f7bf4dbd29c-e1725844182919-768x325.png 768w" sizes="(max-width: 516px) 100vw, 516px" /></p>
<p>メニューバーに表示されていたすべてのボタンが消えたため、「ホーム」ボタンを押して再表示してみることもできず、</p>
<p>とりあえずパソコンにブックマーク登録していたため、ブックマークボタンを押してホーム画面を再表示してみましたが、メニューバーは表示されませんでした。</p>
<p>また、ホーム画面に表示されていたリアルタイムも開いてみましたが、やはりこちらでもメニューバーは表示されませんでした。</p>
<p><strong>■リアルタイムの表示（メニューバーなし）↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-977" src="https://hatenalog.com/wp-content/uploads/2024/09/b097c0206490172fdcfd724dd23dfb92.png" alt="リアルタイム（ホーム画面）" width="502" height="170" srcset="https://hatenalog.com/wp-content/uploads/2024/09/b097c0206490172fdcfd724dd23dfb92.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/b097c0206490172fdcfd724dd23dfb92-300x102.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/b097c0206490172fdcfd724dd23dfb92-768x260.png 768w" sizes="(max-width: 502px) 100vw, 502px" /></p>
<p><img decoding="async" class="alignnone wp-image-979 " src="https://hatenalog.com/wp-content/uploads/2024/09/e5719939e40ad13b44ab095667c002c6-e1725843510823.png" alt="リアルタイム（メニューバーなし）" width="503" height="233" srcset="https://hatenalog.com/wp-content/uploads/2024/09/e5719939e40ad13b44ab095667c002c6-e1725843510823.png 771w, https://hatenalog.com/wp-content/uploads/2024/09/e5719939e40ad13b44ab095667c002c6-e1725843510823-300x139.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/e5719939e40ad13b44ab095667c002c6-e1725843510823-768x356.png 768w" sizes="(max-width: 503px) 100vw, 503px" /></p>
<h2>【Googleアナリティクス】左側のメニューバーが表示されない原因と対処法</h2>
<p><img decoding="async" class="aligncenter wp-image-974 size-full" src="https://hatenalog.com/wp-content/uploads/2024/09/c88348248f7041dc7935053fedd77d23.jpg" alt="パソコン" width="780" height="350" srcset="https://hatenalog.com/wp-content/uploads/2024/09/c88348248f7041dc7935053fedd77d23.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/c88348248f7041dc7935053fedd77d23-300x135.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/c88348248f7041dc7935053fedd77d23-768x345.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>さっそくですが、Googleアナリティクス（ホーム画面等）の左側のメニューバーが表示されない場合の<span class="marker-under-red"><strong>対処法</strong></span>は、下記のいずれかとなっています。</p>
<div class="danger-box">
<ol>
<li><strong><a rel="noopener" target="_blank" href="https://marketingplatform.google.com/intl/ja/about/analytics/"><span class="bold red">公式サイト（Googleアナリティクス）</span><span class="fa fa-external-link external-icon anchor-icon"></span></a>トップページから、右上にある「<span class="bold red">アナリティクスにログイン</span>」を押して再ログイン</strong></li>
<li><strong>アナリティクスホーム画面の右上にある<span class="bold red">□ボタン</span>から「<span class="bold red">アナリティクス</span>」に再ログイン</strong></li>
</ol>
</div>
<p><strong>■2.の□ボタン↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-991" src="https://hatenalog.com/wp-content/uploads/2024/09/d3a989c17c7379bcf860a25857aee4d4.png" alt="アナリティクスホーム右上" width="504" height="313" srcset="https://hatenalog.com/wp-content/uploads/2024/09/d3a989c17c7379bcf860a25857aee4d4.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/d3a989c17c7379bcf860a25857aee4d4-300x186.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/d3a989c17c7379bcf860a25857aee4d4-768x477.png 768w" sizes="(max-width: 504px) 100vw, 504px" /></p>
<p>上記のいずれかを実行すると、以前と同じように左側にメニューバーが表示されるようになりました。</p>
<p><img decoding="async" class="alignnone wp-image-975" src="https://hatenalog.com/wp-content/uploads/2024/09/0c7dbe3e11f568a4d1a85194f1eb4777.png" alt="アナリティクス（メニュー表示あり）" width="507" height="264" srcset="https://hatenalog.com/wp-content/uploads/2024/09/0c7dbe3e11f568a4d1a85194f1eb4777.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/0c7dbe3e11f568a4d1a85194f1eb4777-300x156.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/0c7dbe3e11f568a4d1a85194f1eb4777-768x400.png 768w" sizes="(max-width: 507px) 100vw, 507px" /></p>
<p> </p>
<p><strong>【<span class="marker-under-red">原因は？</span>】</strong></p>
<p>アナリティクスのメニューバーが表示されなくなる<span class="bold red">不具合の原因</span>については情報がありませんでしたが、メニューバーが表示されないホーム画面のURLと、再ログイン後のホーム画面のURLを比較したところ、URLの一部が異なっていました。</p>
<p><strong>■上：不具合のあるURL、下：再ログイン後（不具合なし）のURL↓</strong></p>
<p><img decoding="async" class="alignnone size-full wp-image-988" src="https://hatenalog.com/wp-content/uploads/2024/09/3e2752914a190cc146bb38338d7aa402.png" alt="異なるURL" width="779" height="43" srcset="https://hatenalog.com/wp-content/uploads/2024/09/3e2752914a190cc146bb38338d7aa402.png 779w, https://hatenalog.com/wp-content/uploads/2024/09/3e2752914a190cc146bb38338d7aa402-300x17.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/3e2752914a190cc146bb38338d7aa402-768x42.png 768w" sizes="(max-width: 779px) 100vw, 779px" /></p>
<p>そのため、アナリティクスのアップデート等、何かしらの原因で<span class="bold red">ホーム画面のURLが変わった</span>ことにより、ブックマークに登録していた古いURLのホーム画面に不具合が起こった可能性があります。</p>
<p>ただ、その後、試しに不具合のある古いURLのエラーと思われる部分（？name＆pli=1）を削除して検索ボタンを押し、検索結果にエラーが表示された後にもう一度古いURLを入力して検索ボタンを押したところ、なぜか不具合が直り、古いURLのままでもメニューバーが表示されるようになりました。</p>
<p>そのため、アナリティクスのメニューバーが表示されない不具合の原因は、<span class="bold red">URLの変更ではなく、何か別のことが原因</span>の可能性もあります。</p>
<p>パソコンの専門家ではないため原因を突き止めることはできませんでしたが、今後も不具合が起こる可能性がありますので、ブックマークを利用している方は、再ログイン後の新たなURLを改めてブックマーク登録しておきましょう。</p>
<h2>まとめ</h2>
<p><img decoding="async" class="wp-image-997 size-full aligncenter" src="https://hatenalog.com/wp-content/uploads/2024/09/83240a711db9575f705e16f3d88dda4e.png" alt="メニューバーが表示されない" width="780" height="294" srcset="https://hatenalog.com/wp-content/uploads/2024/09/83240a711db9575f705e16f3d88dda4e.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/83240a711db9575f705e16f3d88dda4e-300x113.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/83240a711db9575f705e16f3d88dda4e-768x289.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>今回は、Googleアナリティクス（ホーム画面等）の左側のメニューバーが表示されない原因と対処法について紹介しました。</p>
<p>左側のメニューバーの一部が表示されない不具合については情報がありましたが、</p>
<p>メニューバーそのもの（「ホーム」「レポート」「管理」等すべてのメニュー）が表示されない不具合については情報が見つからなかったため、困っていた方は参考にしてみてください。</p>


<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/analytics-menu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【いらすとや】コピーの仕方＆画像背景が黒くなる原因・対処方法</title>
		<link>https://hatenalog.com/irasutoya-copy/</link>
					<comments>https://hatenalog.com/irasutoya-copy/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Mon, 02 Sep 2024 12:03:09 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[いらすとや]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=873</guid>

					<description><![CDATA[かわいいイラストが無料（条件あり）で利用できる大人気の『いらすとや』ですが、 画像をコピーし、いつも使用しているパソコンの画像編集アプリ（ペイント3D）に貼り付けたところ、背景が黒くなってしまいました。 背景が黒くなる時 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>かわいいイラストが無料（条件あり）で利用できる大人気の『<a rel="noopener" target="_blank" href="https://www.irasutoya.com/"><strong>いらすとや</strong><span class="fa fa-external-link external-icon anchor-icon"></span></a>』ですが、</p>
<p>画像をコピーし、いつも使用しているパソコンの画像編集アプリ（ペイント3D）に貼り付けたところ、<span class="bold red">背景が黒く</span>なってしまいました。</p>
<p><img decoding="async" class="alignnone wp-image-889 " src="https://hatenalog.com/wp-content/uploads/2024/09/3416fa89a35f374000975d35b581848d-e1725261234542.png" alt="背景が黒くなった状態" width="511" height="319" srcset="https://hatenalog.com/wp-content/uploads/2024/09/3416fa89a35f374000975d35b581848d-e1725261234542.png 602w, https://hatenalog.com/wp-content/uploads/2024/09/3416fa89a35f374000975d35b581848d-e1725261234542-300x187.png 300w" sizes="(max-width: 511px) 100vw, 511px" /></p>
<div class="speech-wrap sb-id-32 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hatenalog.com/wp-content/uploads/2024/07/100d14cbc98f2efb4bea044bc99ac6e0.png" alt="" width="240" height="240" /></figure>
</div>
<div class="speech-balloon">
<p><strong>背景が黒くなる時と白くなる時があるけど…なんで？</strong></p>
</div>
</div>
<p>そこで今回は、</p>
<p><span class="marker"><strong>『いらすとや』の画像のコピーの仕方や</strong></span><span class="marker"><strong>、画像背景が黒くなる原因＆対処方法（白くする・透過方法）</strong></span></p>
<p>について紹介します。</p>
<h2>【いらすとや】画像のコピーの仕方（使い方・ダウンロード方法）</h2>
<p>基本情報として、『いらすとや』の画像の<span class="bold red">コピーの仕方（使い方）</span>は、下記となっています。</p>
<p>まずは、<strong>目的のイラストを検索し、クリックして選択。</strong></p>
<p>■クリック後の画面例↓</p>
<blockquote><p><img decoding="async" class="alignnone wp-image-880" src="https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c.jpg" alt="画像をクリック後" width="410" height="352" srcset="https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c-300x258.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c-768x661.jpg 768w" sizes="(max-width: 410px) 100vw, 410px" /></p>
<p>画像引用：<a rel="noopener" target="_blank" href="https://www.irasutoya.com/2019/01/blog-post_148.html">いらすとや<span class="fa fa-external-link external-icon anchor-icon"></span></a></p></blockquote>
<p>以降は、<span class="bold red">下記のいずれかでコピーが可能</span>です。（Windows10の場合）</p>
<h3>「名前をつけて画像を保存…」または「画像をコピー」をクリック</h3>
<p>イラストの上で<span class="bold red">マウスを右クリック</span>し、「<span class="bold red">名前を付けて画像を保存…</span>」または「<span class="bold red">画像をコピー</span>」をクリック。</p>
<p><img decoding="async" class="alignnone wp-image-881" src="https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81.jpg" alt="画像を保存・コピー" width="571" height="378" srcset="https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81-300x199.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81-768x509.jpg 768w" sizes="(max-width: 571px) 100vw, 571px" /></p>
<p>※この操作は、イラストをクリックして画像を大きくした状態でも可能です。↓</p>
<p><img decoding="async" class="alignnone wp-image-882" src="https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3.png" alt="画像をクリック後3" width="574" height="356" srcset="https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3-300x186.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3-768x476.png 768w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p>「名前を付けて画像を保存…」にすると、任意のファイルに画像がダウンロードされ、保存されます。</p>
<p>※「<span class="bold red">PNG</span>」形式で保存（PNGは、背景透過が可能な拡張子）。</p>
<p><img decoding="async" class="alignnone wp-image-902" src="https://hatenalog.com/wp-content/uploads/2024/09/258970916ba13cdfda46cff5b71c7588.png" alt="PNG形式保存" width="425" height="103" srcset="https://hatenalog.com/wp-content/uploads/2024/09/258970916ba13cdfda46cff5b71c7588.png 380w, https://hatenalog.com/wp-content/uploads/2024/09/258970916ba13cdfda46cff5b71c7588-300x73.png 300w" sizes="(max-width: 425px) 100vw, 425px" /></p>
<p>「画像をコピー」にした場合は、使用している画像編集アプリ（ペイント3D）等に張り付けてそのまま編集ができます。</p>
<p>※コピーした画像を、そのまま投稿する記事に張り付けることもできます。</p>
<h3>ドラッグ・アンド・ドロップでコピー（貼り付け）</h3>
<p>イラスト部分で<span class="bold red">マウスを左クリック</span>し、<span class="bold red">ドラッグ・アンド・ドロップ</span>（押したまま画像編集アプリ等にスライド）でコピー（貼り付け）して編集することも可能です。</p>
<p>■スライド中の様子↓</p>
<p><img decoding="async" class="alignnone wp-image-886" src="https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790.jpg" alt="スライドで貼り付け" width="560" height="313" srcset="https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-300x168.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-768x429.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-120x68.jpg 120w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-160x90.jpg 160w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-320x180.jpg 320w" sizes="(max-width: 560px) 100vw, 560px" /></p>
<div class="alert-box common-icon-box">※『いらすとや』の画像を利用する際は、<a rel="noopener" target="_blank" href="https://www.irasutoya.com/p/terms.html">利用規定<span class="fa fa-external-link external-icon anchor-icon"></span></a>などを確認しておきましょう。</div>
<h2>【いらすとや】コピーした画像の背景が黒くなる原因＆対処方法（白くする・透過方法）</h2>
<p>『いらすとや』のイラスト画像をコピーし、画像編集アプリ（ペイント3D）等に張り付けると、<span class="bold red">背景が黒くなる時と白くなる（透過される）時</span>があります。</p>
<p><img decoding="async" class="alignnone wp-image-884" src="https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f.png" alt="いらすとや・背景が黒くなる時白くなる時" width="473" height="273" srcset="https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-300x173.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-768x443.png 768w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-120x68.png 120w" sizes="(max-width: 473px) 100vw, 473px" /></p>
<h3>コピーした画像の背景が黒くなる原因（公式）</h3>
<p>『いらすとや』の画像をコピーして編集アプリ等に貼り付けた際に、<span class="bold red">背景が黒くなる原因</span>については、公式サイトでも説明されています。</p>
<blockquote>
<p class="faq"><b>イラストの背景が黒くなってしまいます</b></p>
<p>当サイトのイラストはレイアウトしやすくするために、背景が透明のPNG形式の画像で保存されています。<span class="bold red">PNG形式に対応していないソフトウェアで閲覧や編集をすると、この透明部分が黒くなってしまうことがあります</span>。イラストのご利用は、透過されたPNG形式に対応したソフトウェアで行なって下さい。</p>
<p>引用：<a rel="noopener" target="_blank" href="https://www.irasutoya.com/p/faq.html">いらすとや（よくあるご質問）<span class="fa fa-external-link external-icon anchor-icon"></span></a></p></blockquote>
<p>つまり、『いらすとや』側の設定では、イラスト画像の背景は透過処理されているとのことです。</p>
<p>背景が黒くなるのは「PNG形式に対応していないソフトウェアで閲覧や編集をしている」ことが原因の可能性があるとのことですので、まずは<span class="bold red">使用しているソフトウェアや画像編集アプリ等がPNG形式に対応しているか</span>どうか確認してみましょう。</p>
<p><div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2988712782155755"
  data-ad-slot="9738650063"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>
<h3>コピーした画像の背景が黒くなる原因（元画像がない）</h3>
<p>上記が原因の可能性があるとのことですが、筆者が使用しているWindows（及びペイント3D）は、PNGに対応していましたが、コピーした際には画像背景が黒くなりました。</p>
<p>そこで、その他の原因を色々と調べたところ、下記が原因であることが判明しました。</p>
<p><strong>【<span class="marker-under-red">原因</span>】</strong></p>
<div class="blank-box sticky st-red"><strong>黒い部分は透過される部分のため、<span class="bold red">張り付けるところに画像や色等（何かしらの元画像）がない</span>と黒くなってしまう。</strong></div>
<p>筆者の場合は、ペイント3Dにそのまま張り付けていたのですが、新規作成の状態で張り付けると元画像が何もないため、黒くなってしまっていたようです。</p>
<h3>コピーした画像の背景を白くする・透過方法（対処方法）</h3>
<p>上記のように、「元画像がない」ことが原因でコピーした画像の背景が黒くなっている場合は、下記が対処方法ということになります。</p>
<p><strong>【<span class="marker-under-red">コピーした画像の背景を白くする・透過方法</span>】</strong></p>
<div class="blank-box sticky st-blue"><strong><span class="bold red">元画像（背景画像）を作る</span></strong></div>
<p>『いらすとや』でコピーした画像を張り付ける前に、「<strong>別の画像や写真を張り付ける</strong>」「<strong>キャンバス内に色を塗る</strong>」等して元画像（背景画像）を作っておくと、貼り付けた際には透過画像として反映されます。</p>
<p><strong>■例：背景全体を白く塗った後に張り付けた場合↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-908" src="https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54.png" alt="背景を白く塗った場合" width="537" height="274" srcset="https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54-300x153.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54-768x392.png 768w" sizes="(max-width: 537px) 100vw, 537px" /></p>
<p>※キャンバス内全体を白く塗っておけば、イラストの背景は白くなります。</p>
<h2>まとめ</h2>
<p>今回は、『いらすとや』の画像のコピーの仕方や、画像背景が黒くなる原因＆対処方法（白くする・透過方法）について紹介しました。</p>
<p><strong>【まとめ】</strong></p>
<div class="danger-box">
<ul>
<li><strong>原因：ソフトウェアがPNG形式に対応していない。透過画像を張り付ける元画像がない。</strong></li>
<li><strong>対処方法：PNG形式に対応したソフトウェアを使う。元画像を先に作る。</strong></li>
</ul>
</div>
<p>その他にも黒くなる原因はあるようですが、筆者は今回の方法で解決できましたので、困っている方は参考にしてみてください。</p>
<p><span class="btn-wrap btn-wrap-brown"><a rel="noopener" target="_blank" href="https://www.irasutoya.com/">『いらすとや』はこちら＞＞<span class="fa fa-external-link external-icon anchor-icon"></span></a></span></p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/irasutoya-copy/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>パソコン起動時に画面が真っ暗に！「表示できる映像信号がありません」の対処方法</title>
		<link>https://hatenalog.com/pc-screen-black/</link>
					<comments>https://hatenalog.com/pc-screen-black/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Sat, 10 Aug 2024 14:00:40 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[ハウツー]]></category>
		<category><![CDATA[パソコン]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=518</guid>

					<description><![CDATA[パソコンの画面が突然真っ暗に！起動しない、何もできない状態に デスクトップパソコンを再起動した際、ついさっきまで普通に動いていたパソコンの画面が突然急に真っ暗になり、起動できなくなりました。 【不具合の詳細】 デスクトッ [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2>パソコンの画面が突然真っ暗に！起動しない、何もできない状態に</h2>
<p><img decoding="async" class="alignnone size-full wp-image-523" src="https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba.png" alt="デスクトップパソコンの故障" width="780" height="436" srcset="https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba-300x168.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba-768x429.png 768w, https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba-120x68.png 120w, https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba-160x90.png 160w, https://hatenalog.com/wp-content/uploads/2024/07/cdfd54df5754832ad09cc0b4d55747ba-320x180.png 320w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>デスクトップパソコンを再起動した際、ついさっきまで普通に動いていたパソコンの画面が突然急に真っ暗になり、起動できなくなりました。</p>
<p><strong>【不具合の詳細】</strong></p>
<div class="blank-box bb-tab bb-point bb-red">
<ul>
<li><strong>デスクトップパソコンの電源は付き、モニターの電源も付く。</strong></li>
<li><strong>起動時の真っ暗な画面から進まない。</strong></li>
<li><strong>真っ暗な画面の最初には「<span class="bold red">HDMI　表示できる映像信号がありません　設定を変更する時は、ボタンをおしてください</span>」の表示が。</strong></li>
<li><strong>少しするとモニターの電源が切れて赤いランプになり、その後は真っ暗なまま何もできない。</strong></li>
<li><strong>モニターの電源を押すと、一時的に上記の文と「入力切替」と「シンク設定」の設定表示が出る。</strong><strong>「シンク設定」は設定可能。</strong></li>
<li><strong>起動時に出てくるメーカーのロゴは表示されない。</strong></li>
</ul>
</div>
<p>その他、不具合が発生した際の筆者のパソコンの状況は、下記となっていました。</p>
<div class="blank-box bb-blue">
<ul>
<li><strong>Amazonで購入した中古のデスクトップパソコン（4年使用）</strong><br />
<strong>※購入後、自作でグラフィックボード設置やHDD、メモリを変更。</strong></li>
<li><strong>Amazonで購入した新品のIODATAのモニター（4年使用）</strong></li>
<li><strong>Windows10使用</strong></li>
<li><strong>パソコンの大掃除は年1回。周辺のほこり取りは週1程度。</strong></li>
</ul>
</div>
<h2>デスクトップパソコン起動時にモニター画面が真っ暗になる原因や対処方法（一般例）</h2>
<p><img decoding="async" class="alignnone wp-image-527 size-full" src="https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651.png" alt="パソコンの前で考える人" width="780" height="436" srcset="https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651-300x168.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651-768x429.png 768w, https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651-120x68.png 120w, https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651-160x90.png 160w, https://hatenalog.com/wp-content/uploads/2024/07/be3e57b45cc53656d0bab7f907b87651-320x180.png 320w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>上記の条件で、デスクトップパソコン起動時にモニター画面が真っ暗になり起動しないという不具合の一般的な原因および対処方法は、下記等となっています。</p>
<div class="blank-box bb-tab bb-check bb-blue">
<ul>
<li><strong>アップデート等で起動に時間がかかっているだけ（待ってみる）</strong></li>
<li><strong>帯電や発熱（時間を置く、修理）</strong></li>
<li><strong>接触不良（コード類の抜き差し、再起動）</strong></li>
<li><strong>モニターの故障（修理）</strong></li>
<li><strong>ケーブルの破損（交換）</strong></li>
<li><strong>グラフィックボードの故障（交換）</strong></li>
<li><strong>パソコン本体の不具合：パーツの破損、経年劣化等（修理、交換、買い替え等）</strong></li>
<li><strong>ドライバーが古い（ドライバー更新）</strong></li>
<li><strong>パソコンのほこり等（掃除）　等</strong></li>
</ul>
</div>
<p>その他、今回の条件の場合は、設定の「<strong>入力切替</strong>」や「<strong>シンク設定</strong>」を変更することでも解決することがあるようです。</p>
<p><img decoding="async" class="alignnone wp-image-542" src="https://hatenalog.com/wp-content/uploads/2024/07/4ea9ab46d2af577ea9bb25c9c35c22d0.jpg" alt="入力切替、シンク設定" width="519" height="198" srcset="https://hatenalog.com/wp-content/uploads/2024/07/4ea9ab46d2af577ea9bb25c9c35c22d0.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/4ea9ab46d2af577ea9bb25c9c35c22d0-300x115.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/4ea9ab46d2af577ea9bb25c9c35c22d0-768x293.jpg 768w" sizes="(max-width: 519px) 100vw, 519px" /></p>
<p><img decoding="async" class="alignnone wp-image-543" src="https://hatenalog.com/wp-content/uploads/2024/07/0f9a0fc001d3e13efb3066b7519f597f.jpg" alt="シンク設定" width="516" height="324" srcset="https://hatenalog.com/wp-content/uploads/2024/07/0f9a0fc001d3e13efb3066b7519f597f.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/0f9a0fc001d3e13efb3066b7519f597f-300x188.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/0f9a0fc001d3e13efb3066b7519f597f-768x482.jpg 768w" sizes="(max-width: 516px) 100vw, 516px" /></p>
<h2>HDMI「表示できる映像信号がありません」の対処方法</h2>
<p><img decoding="async" class="alignnone size-full wp-image-532" src="https://hatenalog.com/wp-content/uploads/2024/07/b96993266298c7673baa338dc15bc53e-1.png" alt="不具合表示" width="780" height="352" srcset="https://hatenalog.com/wp-content/uploads/2024/07/b96993266298c7673baa338dc15bc53e-1.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/b96993266298c7673baa338dc15bc53e-1-300x135.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/b96993266298c7673baa338dc15bc53e-1-768x347.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>デスクトップパソコンの起動時にモニター画面が真っ暗になり起動しないという不具合は、上記のように多数の原因が考えられるため、原因を突き止めるのは中々大変です。</p>
<p>筆者も簡単なものから色々と試していましたが中々解決せず、絶望しかけていました。</p>
<div class="speech-wrap sb-id-21 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hatenalog.com/wp-content/uploads/2024/07/4e3423704dc596420f526c2371b14e41.png" alt="" width="500" height="500" /></figure>
</div>
<div class="speech-balloon">
<p>わからん…</p>
<p>急ぎで使いたいから、修理か購入するしかないのか…</p>
</div>
</div>
<p>ですが、画面に表示されていた「<strong>HDMI　表示できる映像信号がありません　設定を変更する時は、ボタンをおしてください</strong>」という文章からヒントを得て、下記により解決することができました！</p>
<p><strong>【対処方法】</strong></p>
<div class="danger-box"><span class="bold red">デスクトップパソコンとモニターを繋いでいる「HDMIケーブル」を交換する</span></div>
<p>文章に表示されていた「<span class="bold red">HDMI</span>」といえば、デスクトップパソコンとモニターを繋ぐHDMIケーブルが思いつきます。</p>
<p>筆者はたまたま新品のHDMIケーブルが一つ余っていたため、ダメ元で差し替えてみたところ、無事解決することができました。</p>
<p>念のため元の古いHDMIケーブルに戻してパソコンを起動したところ、再度起動しなくなりましたので、筆者の場合の原因はこちらで間違いないようです。</p>
<div class="speech-wrap sb-id-23 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hatenalog.com/wp-content/uploads/2024/07/8f4e8f69d8df7e6c295fde0756fc44f9.png" alt="" width="500" height="500" /></figure>
</div>
<div class="speech-balloon">
<p>なんとか助かった！</p>
<p>今後のためにも、まずはバックアップをとっておこう。</p>
</div>
</div>
<h2>補足：HDMIケーブルと差し込み口</h2>
<p><img decoding="async" class="alignnone size-full wp-image-584" src="https://hatenalog.com/wp-content/uploads/2024/07/a6d8e983436800228d0dcf4439ab7fed.png" alt="HDMIケーブル" width="780" height="420" srcset="https://hatenalog.com/wp-content/uploads/2024/07/a6d8e983436800228d0dcf4439ab7fed.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/a6d8e983436800228d0dcf4439ab7fed-300x162.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/a6d8e983436800228d0dcf4439ab7fed-768x414.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>補足として、使用していたHDMIケーブルや差し込み場所について紹介しておきます。（筆者の例）</p>
<p>■使用している商品<br />
：Amazonで購入した中古のパソコンと新品のIODATAモニター（HDMIケーブルはこれらの付属品）</p>
<h3>HDMIケーブル差し込み口</h3>
<p><strong>■モニター側の差し込み口↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-572" src="https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83.jpg" alt="モニター差し込み口" width="501" height="282" srcset="https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83-300x169.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83-768x432.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83-120x68.jpg 120w, https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83-160x90.jpg 160w, https://hatenalog.com/wp-content/uploads/2024/07/167aca65e335b9eccd0428e495ccef83-320x180.jpg 320w" sizes="(max-width: 501px) 100vw, 501px" /></p>
<p><strong>■デスクトップパソコン側の差し込み口↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-574" src="https://hatenalog.com/wp-content/uploads/2024/07/7c2895be3144421a4eb7d01639951541.jpg" alt="パソコン差し込み口" width="501" height="325" srcset="https://hatenalog.com/wp-content/uploads/2024/07/7c2895be3144421a4eb7d01639951541.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/7c2895be3144421a4eb7d01639951541-300x195.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/7c2895be3144421a4eb7d01639951541-768x498.jpg 768w" sizes="(max-width: 501px) 100vw, 501px" /></p>
<h3>不具合時のHDMIケーブルと差し込み口</h3>
<p><strong>■不具合時のHDMIケーブル↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-575" src="https://hatenalog.com/wp-content/uploads/2024/07/73c75b68b8e648fcdef0f77ea039de57.jpg" alt="変更前ケーブル" width="499" height="287" srcset="https://hatenalog.com/wp-content/uploads/2024/07/73c75b68b8e648fcdef0f77ea039de57.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/73c75b68b8e648fcdef0f77ea039de57-300x173.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/73c75b68b8e648fcdef0f77ea039de57-768x442.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/07/73c75b68b8e648fcdef0f77ea039de57-120x68.jpg 120w" sizes="(max-width: 499px) 100vw, 499px" /></p>
<p><img decoding="async" class="alignnone wp-image-576" src="https://hatenalog.com/wp-content/uploads/2024/07/7ca2c47cfb0e3e344e35ef08c87d5e11.jpg" alt="変更前ケーブル" width="500" height="227" srcset="https://hatenalog.com/wp-content/uploads/2024/07/7ca2c47cfb0e3e344e35ef08c87d5e11.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/7ca2c47cfb0e3e344e35ef08c87d5e11-300x136.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/7ca2c47cfb0e3e344e35ef08c87d5e11-768x349.jpg 768w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p><strong>■差し込み口↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-577" src="https://hatenalog.com/wp-content/uploads/2024/07/5d10ab0fc7c0492d78371cd3cce53a04.jpg" alt="変更前モニター差し込み状態" width="492" height="273" srcset="https://hatenalog.com/wp-content/uploads/2024/07/5d10ab0fc7c0492d78371cd3cce53a04.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/5d10ab0fc7c0492d78371cd3cce53a04-300x167.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/5d10ab0fc7c0492d78371cd3cce53a04-768x426.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/07/5d10ab0fc7c0492d78371cd3cce53a04-120x68.jpg 120w, https://hatenalog.com/wp-content/uploads/2024/07/5d10ab0fc7c0492d78371cd3cce53a04-160x90.jpg 160w" sizes="(max-width: 492px) 100vw, 492px" /></p>
<p><img decoding="async" class="alignnone wp-image-578" src="https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7.jpg" alt="変更前パソコン差し込み場所" width="495" height="279" srcset="https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7-300x169.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7-768x433.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7-120x68.jpg 120w, https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7-160x90.jpg 160w, https://hatenalog.com/wp-content/uploads/2024/07/7a601660a564641ecbfdf01c2620a6f7-320x180.jpg 320w" sizes="(max-width: 495px) 100vw, 495px" /></p>
<h3>変更後のHDMIケーブルと差し込み口</h3>
<p><strong>■変更後のHDMIケーブル↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-579" src="https://hatenalog.com/wp-content/uploads/2024/07/f5ad8a0b886bbac8d618bbcc034b9b65.jpg" alt="変更後ケーブル" width="494" height="303" srcset="https://hatenalog.com/wp-content/uploads/2024/07/f5ad8a0b886bbac8d618bbcc034b9b65.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/f5ad8a0b886bbac8d618bbcc034b9b65-300x184.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/f5ad8a0b886bbac8d618bbcc034b9b65-768x471.jpg 768w" sizes="(max-width: 494px) 100vw, 494px" /></p>
<p><img decoding="async" class="alignnone wp-image-580" src="https://hatenalog.com/wp-content/uploads/2024/07/46c3b487440126417e3582ffdd1502b4.jpg" alt="変更後ケーブル2" width="493" height="248" srcset="https://hatenalog.com/wp-content/uploads/2024/07/46c3b487440126417e3582ffdd1502b4.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/46c3b487440126417e3582ffdd1502b4-300x151.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/46c3b487440126417e3582ffdd1502b4-768x386.jpg 768w" sizes="(max-width: 493px) 100vw, 493px" /></p>
<p><strong>■差し込み口↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-581" src="https://hatenalog.com/wp-content/uploads/2024/07/7c6cb55534171ab768aa43fdd3f80b67.jpg" alt="モニター差し込み口（変更後）" width="495" height="299" srcset="https://hatenalog.com/wp-content/uploads/2024/07/7c6cb55534171ab768aa43fdd3f80b67.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/7c6cb55534171ab768aa43fdd3f80b67-300x181.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/7c6cb55534171ab768aa43fdd3f80b67-768x464.jpg 768w" sizes="(max-width: 495px) 100vw, 495px" /></p>
<p><img decoding="async" class="alignnone wp-image-583" src="https://hatenalog.com/wp-content/uploads/2024/07/b5285b746cd123af23092a207af90b60.jpg" alt="パソコン差し込み状態(変更後）" width="490" height="253" srcset="https://hatenalog.com/wp-content/uploads/2024/07/b5285b746cd123af23092a207af90b60.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/b5285b746cd123af23092a207af90b60-300x155.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/b5285b746cd123af23092a207af90b60-768x396.jpg 768w" sizes="(max-width: 490px) 100vw, 490px" /></p>
<p>HDMIケーブルは、Amazonや楽天等でも安価なものがたくさん販売されていますので、チェックしてみてください。</p>
<h2>まとめ</h2>
<p><img decoding="async" class="alignnone wp-image-585 size-full" src="https://hatenalog.com/wp-content/uploads/2024/07/d8c94761d4bd844f06a55055c4897d99-1-e1721823313383.jpg" alt="デスクトップパソコン" width="779" height="475" srcset="https://hatenalog.com/wp-content/uploads/2024/07/d8c94761d4bd844f06a55055c4897d99-1-e1721823313383.jpg 779w, https://hatenalog.com/wp-content/uploads/2024/07/d8c94761d4bd844f06a55055c4897d99-1-e1721823313383-300x183.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/d8c94761d4bd844f06a55055c4897d99-1-e1721823313383-768x468.jpg 768w" sizes="(max-width: 779px) 100vw, 779px" /></p>
<p>今回は、デスクトップパソコン起動時にモニター画面が真っ暗になり起動しないという不具合の原因や対処方法について紹介しました。</p>
<p>今回の「<span class="bold red">HDMIケーブルを交換する</span>」という対処方法は、「HDMI　表示できる映像信号がありません　設定を変更する時は、ボタンをおしてください」という表示が出る場合の対処方法となっています。</p>
<p>全員に当てはまるわけでもありませんが、あまり情報がありませんでしたので、困っている方は参考にしてみてください。</p>
<p>なお、今後のためにも、まずはバックアップをとっておき、余裕のある方は予備のパソコン等も検討しておくとよいでしょう。</p>
<div class="speech-wrap sb-id-24 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hatenalog.com/wp-content/uploads/2024/07/fd643a942ec5155e6cc5bd6b6b38e3a9.png" alt="" width="500" height="500" /></figure>
</div>
<div class="speech-balloon">
<p>筆者もこれを機に、予備もかねて欲しかったゲーミングノートパソコンを探してみようと思います！</p>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/pc-screen-black/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【WordPress】プラグインBackWPupエラー「フォルダーを開くことができません」等の解決方法</title>
		<link>https://hatenalog.com/wp-bu-error/</link>
					<comments>https://hatenalog.com/wp-bu-error/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Sun, 04 Aug 2024 14:00:13 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=427</guid>

					<description><![CDATA[WordPress（ワードプレス）のプラグイン「BackWPup」でバックアップをとっていたところ、下記のエラー「フォルダーを開くことができません」が表示され、バックアップしたファイルが開けなくなりました。 そこで今回は [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPress（ワードプレス）のプラグイン「<strong>BackWPup</strong>」でバックアップをとっていたところ、下記のエラー「<span class="bold red">フォルダーを開くことができません</span>」が表示され、バックアップしたファイルが開けなくなりました。</p>
<p><img decoding="async" class="alignnone wp-image-428 " src="https://hatenalog.com/wp-content/uploads/2024/07/0886e73d0ea974cc3eeb430611a7c1df.png" alt="フォルダーを開くことができません" width="616" height="178" srcset="https://hatenalog.com/wp-content/uploads/2024/07/0886e73d0ea974cc3eeb430611a7c1df.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/0886e73d0ea974cc3eeb430611a7c1df-300x87.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/0886e73d0ea974cc3eeb430611a7c1df-768x222.png 768w" sizes="(max-width: 616px) 100vw, 616px" /></p>
<p>そこで今回は、上記エラーの解決方法や、その他のエラー（ネットワークエラー等）の対処方法について紹介したいと思います。</p>
<h2>【WordPress】プラグインBackWPupエラー「フォルダーを開くことができません」解決方法</h2>
<p>さっそくですが、WordPress（ワードプレス）のバックアッププラグイン「BackWPup」の「<strong>フォルダーを開くことができません</strong>」というエラーは、<span class="bold red">「BackWPup」の設定を一度デフォルトにリセット</span>することで解決できました。</p>
<p>①「BackWPup」＞「設定」</p>
<p><img decoding="async" class="alignnone wp-image-429 " src="https://hatenalog.com/wp-content/uploads/2024/07/029c0df654365705694155ea3dedf696.png" alt="設定" width="179" height="258" /></p>
<p>②タブ内にある「<span class="bold red">すべての設定をデフォルトにリセット</span>」をクリック。</p>
<p><img decoding="async" class="alignnone wp-image-430 " src="https://hatenalog.com/wp-content/uploads/2024/07/6fe5e0bb9ccf61807f5c8f04506710e6.png" alt="デフォルトにリセット" width="630" height="461" srcset="https://hatenalog.com/wp-content/uploads/2024/07/6fe5e0bb9ccf61807f5c8f04506710e6.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/6fe5e0bb9ccf61807f5c8f04506710e6-300x220.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/6fe5e0bb9ccf61807f5c8f04506710e6-768x562.png 768w" sizes="(max-width: 630px) 100vw, 630px" /></p>
<p>※すべてのタブ内の設定がリセットされます。</p>
<p>デフォルトにリセットした後、これまでの設定に再設定してバックアップを実行したところ、無事バックアップしたフォルダーが開けるようになりました。</p>
<p>上記のリセットにより、ダウンロード速度なども向上したため、上記のエラーにかかわらず、不具合が起きている方は一度設定をリセットしてみるといいかもしれません。</p>
<p>※こちらの方法で解決しなかった方は、下記をご確認ください。</p>
<h2>追記：プラグイン「BackWPup」エラー（その他の解決方法）</h2>
<p><img decoding="async" class="alignnone size-full wp-image-460" src="https://hatenalog.com/wp-content/uploads/2024/07/d2cadb36710e06edec1518d463437939.jpg" alt="パソコンエラー" width="780" height="434" srcset="https://hatenalog.com/wp-content/uploads/2024/07/d2cadb36710e06edec1518d463437939.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/07/d2cadb36710e06edec1518d463437939-300x167.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/07/d2cadb36710e06edec1518d463437939-768x427.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/07/d2cadb36710e06edec1518d463437939-120x68.jpg 120w, https://hatenalog.com/wp-content/uploads/2024/07/d2cadb36710e06edec1518d463437939-160x90.jpg 160w" sizes="(max-width: 780px) 100vw, 780px" /></p>
<p>上記の方法で、一旦は「BackWPup」のエラー「フォルダーを開くことができません」が表示される問題が解決したものの、しばらくするとまたフォルダーが開けなくなったり、バックアップはできたものの「<strong>ネットワークエラー</strong>」という表示が出てダウンロードが出来なくなりました。</p>
<p><img decoding="async" class="alignnone wp-image-462" src="https://hatenalog.com/wp-content/uploads/2024/07/1c77571efcb475605ea833e9ede901c7.png" alt="ネットワークエラー" width="555" height="107" srcset="https://hatenalog.com/wp-content/uploads/2024/07/1c77571efcb475605ea833e9ede901c7.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/1c77571efcb475605ea833e9ede901c7-300x58.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/1c77571efcb475605ea833e9ede901c7-768x148.png 768w" sizes="(max-width: 555px) 100vw, 555px" /></p>
<p>色々と試した結果、データ容量が多い（4GB程）筆者の場合は、ひとまず<span class="bold red">「Firefox」というブラウザを使用する</span>ことでバックアップしたデータをダウンロード出来るようになりましたが、下記色々な対処方法がありますので、エラーが発生している方は参考にしてみてください。</p>
<h3>プラグインを削除して、再ダウンロード</h3>
<p>「BackWPup」に限らず、エラーが発生している場合、その<span class="bold red">プラグインを一度削除して再ダウンロード（＆再設定）</span>することでエラーが解決することがあります。</p>
<p>「BackWPup」の設定（「ジョブ」と「設定」を設定）はそう難しくありませんので、まずは簡単なこちらを試してみるとよいでしょう。</p>
<p>※基本的な設定方法は、「BackWPup　設定」等で検索すればたくさん見つかります。</p>
<h3>何度か試してみる</h3>
<p>次に簡単なこととしては、<span class="bold red">何度か試してみる</span>のもありです。</p>
<p>筆者の場合、今回の「フォルダーを開くことができません」という表示が出るエラーについては、<span class="bold red">同じことをしてもエラーが出てきたり出てこなかったりします</span>ので、エラーが発生する原因はよくわからないままです。</p>
<p>ただ、筆者を含め、データ容量を減らすために設定を「Zip」形式（圧縮）にしている方が多いと思いますが、「Zip」は処理時間が長いためバックアップが失敗しやすいとのことですので、バックアップをとっている途中で不具合が起きてしまうようです。</p>
<p>そのため、何度か試してみることでエラーが解決する場合もあるでしょう。</p>
<p><div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2988712782155755"
  data-ad-slot="9738650063"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>
<h3>バックアップするデータの容量を減らす</h3>
<p>「BackWPup」でエラーが発生する大きな原因の一つは、<span class="bold red">バックアップするデータ（容量）が多すぎる</span>という点です。そのためエラーが発生している方は、バックアップするデータの容量を減らしてみましょう。</p>
<p>※設定を変更したら、最後に「<strong>変更を保存</strong>」をクリックするのを忘れずに。</p>
<h4>「Zip」形式（圧縮）になっているか確認</h4>
<p>「BackWPup」の設定では、バックアップするデータの容量を減らすために<span class="bold red">「Zip」形式で圧縮</span>をしている方がほとんどだと思いますが、デフォルトでは圧縮する設定になっていないところがありますので、まずは「ジョブ」「設定」の設定が「Zip」形式（または「Tar GZip」形式）になっているか再確認しておきましょう。</p>
<p>■変更する場所は下記等複数個所ありますので、各タブをすべて見てみましょう。</p>
<p><img decoding="async" class="alignnone wp-image-464" src="https://hatenalog.com/wp-content/uploads/2024/07/5ccff6f826ad66e86212b71d928f5863.png" alt="ファイルの圧縮" width="424" height="100" srcset="https://hatenalog.com/wp-content/uploads/2024/07/5ccff6f826ad66e86212b71d928f5863.png 360w, https://hatenalog.com/wp-content/uploads/2024/07/5ccff6f826ad66e86212b71d928f5863-300x71.png 300w" sizes="(max-width: 424px) 100vw, 424px" /></p>
<h4>過去のバックアップデータを減らす、削除する</h4>
<p>「BackWPup」でバックアップするデータには、過去のバックアップデータ（ファイルやログ）も含まれています。</p>
<p>デフォルトでは保存数がかなり多くなっていますので、<span class="bold red">過去のバックアップデータ（保存数）はなるべく少なくしておきましょう</span>。</p>
<p><img decoding="async" class="alignnone wp-image-465" src="https://hatenalog.com/wp-content/uploads/2024/07/ce0730e672f9c85284c817a05942c9ce.png" alt="ファイルを削除" width="621" height="219" srcset="https://hatenalog.com/wp-content/uploads/2024/07/ce0730e672f9c85284c817a05942c9ce.png 979w, https://hatenalog.com/wp-content/uploads/2024/07/ce0730e672f9c85284c817a05942c9ce-300x106.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/ce0730e672f9c85284c817a05942c9ce-768x271.png 768w" sizes="(max-width: 621px) 100vw, 621px" /></p>
<p><img decoding="async" class="alignnone wp-image-466" src="https://hatenalog.com/wp-content/uploads/2024/07/4df735468b81c9bc3130a5be21417e8e.png" alt="ファイル上限" width="620" height="383" srcset="https://hatenalog.com/wp-content/uploads/2024/07/4df735468b81c9bc3130a5be21417e8e.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/4df735468b81c9bc3130a5be21417e8e-300x185.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/4df735468b81c9bc3130a5be21417e8e-768x475.png 768w" sizes="(max-width: 620px) 100vw, 620px" /></p>
<p>※筆者の場合、バックアップしたデータは定期的にパソコンのファイルに保存していますので、かなり少なくしています。</p>
<p>その他、「バックアップ」や「ログ」を確認して、現在残っている必要ないデータも削除しておきましょう。</p>
<p>いらないバックアップデータを削除することで、<span class="bold red">サーバー全体のデータ容量削減にもつながります（大幅に減らせる可能性があります）</span>ので、ぜひチェックしておきましょう！</p>
<p><div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2988712782155755"
  data-ad-slot="9738650063"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>
</p>
<h3>ブラウザ「Firefox」を使用する（筆者はひとまずこれで解決）</h3>
<p>筆者の場合、新たに発生した「ネットワークエラー」という表示が出てダウンロードが出来なくなる問題は、<span class="bold red">「Firefox」というブラウザを使用する</span>ことで、なんとか解決することができました。</p>
<p>FTPソフトを使用して解決する方が一般的なようですが、少々面倒だったため、とりあえず簡単に解決したいという方は、こちらを試してみるとよいでしょう。</p>
<p>やり方は簡単で、ブラウザ「Firefox」をインストールして、そちらを使用して自身のWordPressにアクセスし、これまでと同じようにプラグイン「BackWPup」の「バックアップ」からダウンロードをクリックします。（筆者はこれまでブラウザは「chrome」を使用していました。）</p>
<p>すると、下記画像のようにダウンロードが開始され、無事パソコンにダウンロードができ、ファイルを開くこともできました。</p>
<p><img decoding="async" class="alignnone wp-image-472" src="https://hatenalog.com/wp-content/uploads/2024/07/cf231a57cf945adcd617ef53c3d604bf.png" alt="Firefoxでダウンロード" width="656" height="151" srcset="https://hatenalog.com/wp-content/uploads/2024/07/cf231a57cf945adcd617ef53c3d604bf.png 780w, https://hatenalog.com/wp-content/uploads/2024/07/cf231a57cf945adcd617ef53c3d604bf-300x69.png 300w, https://hatenalog.com/wp-content/uploads/2024/07/cf231a57cf945adcd617ef53c3d604bf-768x177.png 768w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>※データ容量が多い場合、ダウンロードもファイルを開くのもかなり時間がかかります。</p>
<p>（筆者の場合は４GB程でダウンロードに30分以上かかりました。）</p>
<div class="information-box common-icon-box"><strong>【ブラウザ「Firefox」について】</strong><br />
なお、聞き慣れないブラウザを使用することに抵抗がある方もいると思いますが（筆者もそうでした）、ブラウザ「Firefox」は安全なブラウザとして「chrome」や「edge」などとともによく紹介されていますので、心配な方は確認してみてください。</div>
<h3>その他：プラグインを変更する（筆者は後日「UpdraftPlus」に変更）</h3>
<p>「BackWPup」でたびたびエラーが発生する・問題が解決しないという方は、<span class="bold red">プラグインを変更</span>するのもよいでしょう。</p>
<p>筆者もひとまずは上記の方法で解決しましたが、根本的に解決できたわけではなく、またいつ不具合が発生するかわからなかったため、後日別のプラグイン<span style="font-family: var(--cocoon-default-font);">「</span><strong>UpdraftPlus</strong><span style="font-family: var(--cocoon-default-font);">」に変更しました。</span></p>
<p><span style="font-family: var(--cocoon-default-font);">※筆者の場合は、「UpdraftPlus」に変更したところ、バックアップにかかる時間が大幅に減りました。</span></p>
<h2>まとめ</h2>
<p>今回は、WordPress（ワードプレス）のプラグイン「BackWPup」のエラー「フォルダーを開くことができません」や「ネットワークエラー」等の解決方法について紹介しました。</p>
<p>エラー問題は、コードが読めたりするシステムのプロの方であればもっと根本原因がわかるかと思いますが、筆者を含め一般の方はなかなか根本原因を見つけて解決するのは難しいと思います。</p>
<p>今回の方法で必ず解決するとは限りませんが、今回紹介した内容は、誰でもできる一般的なエラーの解決方法ですので、ぜひ参考にしてみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/wp-bu-error/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>プリンターが使用できない・「規定として設定」が表示されない時の対処法【Windows10】</title>
		<link>https://hatenalog.com/w10-printer-kitei-setting-error/</link>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Thu, 01 Aug 2024 14:00:16 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[Windows10]]></category>
		<category><![CDATA[パソコン]]></category>
		<category><![CDATA[プリンター]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=29</guid>

					<description><![CDATA[Windows10でcannon（キャノン）のプリンターを使用しようとした際、設定画面にプリンターが表示されているにもかかわらず、そのプリンターに設定ができませんでした。（「規定として設定する」ボタンも表示されない。）  [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Windows10でcannon（キャノン）のプリンターを使用しようとした際、設定画面にプリンターが表示されているにもかかわらず、そのプリンターに設定ができませんでした。（<span class="bold red">「規定として設定する」ボタンも表示されない。</span>）</p>
<p>色々と試してみても解決しませんでしたが、ちょっとした簡単なことで解決したため、何をやっても解決しないという方は参考にしてみてください。</p>
<h2>プリンターが使用できない・「規定として設定」が表示されない時の対処法【Windows10】</h2>
<p><img decoding="async" class="alignnone wp-image-35 size-full" src="https://hatenalog.com/wp-content/uploads/2022/02/joshua-fuller-eTYW8D7NJas-unsplash-e1717046524900.jpg" alt="プリンター" width="779" height="389" srcset="https://hatenalog.com/wp-content/uploads/2022/02/joshua-fuller-eTYW8D7NJas-unsplash-e1717046524900.jpg 779w, https://hatenalog.com/wp-content/uploads/2022/02/joshua-fuller-eTYW8D7NJas-unsplash-e1717046524900-300x150.jpg 300w, https://hatenalog.com/wp-content/uploads/2022/02/joshua-fuller-eTYW8D7NJas-unsplash-e1717046524900-768x384.jpg 768w" sizes="(max-width: 779px) 100vw, 779px" /></p>
<p>プリンターが使用できない、「規定として設定」できないという方他、今回対象の方は下記のような方々です。</p>
<div class="blank-box bb-tab bb-check bb-blue">
<ul>
<li><strong>プリンターは表示されるけれど、そのプリンターに設定ができない。</strong></li>
<li><strong>「<span class="bold red">規定として設定</span>」<span class="bold red">が表示されない</span>、出てこない。</strong></li>
<li><strong>プリンターのドライバーもダウンロードできない。</strong></li>
<li><strong>検索した情報を色々と試してみたけれど、何をやっても解決しない。</strong></li>
</ul>
</div>
<p><strong>【対処法】</strong></p>
<p>上記チェック項目に当てはまる方は、<span class="bold red"><span class="marker">一度パソコンを再起動してみましょう</span>。</span></p>
<p>（また、<span class="bold red">再起動後はパソコンに認識されているプリンターデバイスも一度削除して、再接続してみましょう。</span>）</p>
<p>筆者の場合は、上記のチェック項目にすべて当てはまっており、何をやっても解決しませんでしたが、ダメもとでパソコンを一度再起動したところ、プリンターの設定画面＞「管理」内に「規定として設定する」が表示されるようになり、<span class="bold red">ドライバーをインストールしなくても印刷もできるようになりました</span>。</p>
<p><img decoding="async" class="alignnone wp-image-32 " src="https://hatenalog.com/wp-content/uploads/2022/02/32db3bb6aac04575527399481a7bd8f6.png" alt="プリンター規定表示" width="591" height="486" srcset="https://hatenalog.com/wp-content/uploads/2022/02/32db3bb6aac04575527399481a7bd8f6.png 503w, https://hatenalog.com/wp-content/uploads/2022/02/32db3bb6aac04575527399481a7bd8f6-300x247.png 300w" sizes="(max-width: 591px) 100vw, 591px" /></p>
<p><img decoding="async" class="alignnone wp-image-34" src="https://hatenalog.com/wp-content/uploads/2022/02/c19d46cccdd1b4ff23f3e7d1c63eb597.png" alt="規定に設定" width="594" height="592" /></p>
<p>（※再起動前は、設定＞デバイス＞プリンターとスキャナー＞「管理」内に「規定として設定する」が表示されませんでした。）</p>
<div class="information-box common-icon-box">◎筆者の場合は、「Windows10」「cannon（キャノン）プリンター」使用でしたが、その他の商品を使用している方もこの方法で解決する可能性がありますので、試してみて下さい。</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
