<?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>ワードプレスの使い方 アーカイブ - studioDoghands</title>
	<atom:link href="https://www.doghands.com/tag/wordpress-manual/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.doghands.com/tag/wordpress-manual/</link>
	<description>スタジオ・ドッグハンズ-運用しやすいホームーページを制作する会社です。</description>
	<lastBuildDate>Fri, 15 Mar 2024 12:49:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://www.doghands.com/wp-content/uploads/cropped-favicon-1-32x32.png</url>
	<title>ワードプレスの使い方 アーカイブ - studioDoghands</title>
	<link>https://www.doghands.com/tag/wordpress-manual/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">58793406</site>	<item>
		<title>WordPress5の新エディタを旧エディタに戻す</title>
		<link>https://www.doghands.com/classic-editor/</link>
		
		<dc:creator><![CDATA[hiro]]></dc:creator>
		<pubDate>Fri, 14 Dec 2018 06:34:02 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPressプラグイン]]></category>
		<category><![CDATA[WordPress全般]]></category>
		<category><![CDATA[ワードプレスの使い方]]></category>
		<guid isPermaLink="false">https://www.doghands.com/?p=9319</guid>

					<description><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/Classic-Editor-03-450x191.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" /></p>
<p>WordPressがバージョン5となり、エディタも新しくなりました。 この新エディタ「Gutenberg」は見出しや段落、画像などをブロックとして配置、自由にレイアウトを組み替えることが可能な、ビジュアル重視の仕様となっ</p>
<p>投稿 <a href="https://www.doghands.com/classic-editor/">WordPress5の新エディタを旧エディタに戻す</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/Classic-Editor-03-450x191.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p><p>WordPressがバージョン5となり、エディタも新しくなりました。<br />
この新エディタ「Gutenberg」は見出しや段落、画像などをブロックとして配置、自由にレイアウトを組み替えることが可能な、ビジュアル重視の仕様となっています。<br />
<img decoding="async" class="alignnone size-full wp-image-9324" src="https://www.doghands.com/wp-content/uploads/Classic-Editor-02.jpg" alt="" width="765" height="741" srcset="https://www.doghands.com/wp-content/uploads/Classic-Editor-02.jpg 765w, https://www.doghands.com/wp-content/uploads/Classic-Editor-02-450x436.jpg 450w" sizes="(max-width: 765px) 100vw, 765px" /><br />
今後はこのエディタが主流となるので、慣れていくしか無いのですが、大きなアップデート直後の常として、現状使い勝手の悪い部分もあります。</p>
<p>特に<br />
・旧エディタでも、「ビジュアル」「テキスト」の「テキスト」のみ使い、コード重視で記事を登録していた人<br />
・既に「ビジュアル コンポーザー」などのレイアウト/投稿サポートプラグインを利用<br />
している人には、タグが勝手に修正されたり、コンポーザーのボタンが消えてしまうなど、運用に支障がある状態です。</p>
<p>また、エディタの幅の狭さ（調節できない）も気になります。<br />
<img decoding="async" class="alignnone size-full wp-image-9323" src="https://www.doghands.com/wp-content/uploads/Classic-Editor-01.jpg" alt="" width="647" height="379" srcset="https://www.doghands.com/wp-content/uploads/Classic-Editor-01.jpg 647w, https://www.doghands.com/wp-content/uploads/Classic-Editor-01-450x264.jpg 450w" sizes="(max-width: 647px) 100vw, 647px" /><br />
<small>「エディタの幅が狭い」<a href="https://wordpress.org/support/topic/why-editor-window-so-narrow/" target="_blank" rel="noopener">公式サポートフォーラム</a>より</small></p>
<h2>Gutenbergを旧エディタに戻すプラグイン「Classic Editor」</h2>
<p>WordPressのバージョンを5以降に保ったまま旧エディタを利用するためのプラグインがリリースされています。<br />
[wp-pic slug=&#8221;classic-editor&#8221; layout=&#8221;large&#8221; scheme=&#8221;scheme1&#8243; align=&#8221;&#8221; margin=&#8221;0 0 0 20px&#8221; containerid=&#8221;download-sexion&#8221; ajax=&#8221;yes&#8221;]</p>
<p>「プラグイン」→「新規追加」より「classic-editor」を検索、インストールします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-9325" src="https://www.doghands.com/wp-content/uploads/Classic-Editor-03.jpg" alt="" width="1373" height="695" srcset="https://www.doghands.com/wp-content/uploads/Classic-Editor-03.jpg 1373w, https://www.doghands.com/wp-content/uploads/Classic-Editor-03-768x389.jpg 768w" sizes="auto, (max-width: 1373px) 100vw, 1373px" /></p>
<p>有効化すると、「設定」→「投稿設定」に「すべてのユーザーのデフォルトエディター」が表示されるので、「クラシックエディター」を選択し、「変更を保存」をクリックして完了です。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-9326" src="https://www.doghands.com/wp-content/uploads/Classic-Editor-04.jpg" alt="" width="459" height="236" srcset="https://www.doghands.com/wp-content/uploads/Classic-Editor-04.jpg 459w, https://www.doghands.com/wp-content/uploads/Classic-Editor-04-450x231.jpg 450w" sizes="auto, (max-width: 459px) 100vw, 459px" /></p>
<p>投稿 <a href="https://www.doghands.com/classic-editor/">WordPress5の新エディタを旧エディタに戻す</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9319</post-id>	</item>
		<item>
		<title>ワードプレス入門 &#124; ブログに使う画像サイズを管理画面で縮小</title>
		<link>https://www.doghands.com/wordpress-image-size/</link>
		
		<dc:creator><![CDATA[hiro]]></dc:creator>
		<pubDate>Tue, 23 Sep 2014 17:38:32 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress全般]]></category>
		<category><![CDATA[ワードプレスの使い方]]></category>
		<guid isPermaLink="false">https://www.doghands.com/?p=6702</guid>

					<description><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/wp-size-450x191.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p>
<p>ワードプレス初心者向けた、ブログの画像サイズについての記事です。 フォトショップ等で画像を加工して掲載する事が難しい方を対象としています。 ブログを始めたばかりの方は、掲載する写真のサイズの感覚が掴みづらいものです。 ワ</p>
<p>投稿 <a href="https://www.doghands.com/wordpress-image-size/">ワードプレス入門 | ブログに使う画像サイズを管理画面で縮小</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/wp-size-450x191.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p><p>ワードプレス初心者向けた、ブログの画像サイズについての記事です。<br />
フォトショップ等で画像を加工して掲載する事が難しい方を対象としています。<br />
<span id="more-6702"></span></p>
<p>ブログを始めたばかりの方は、掲載する写真のサイズの感覚が掴みづらいものです。<br />
ワードプレスでも、使用する画像が大きすぎて、ページが重くなったり、必要無いのに大きな画像へのリンクを張っていて、スムーズな閲覧が出来なくなる事があります。<br />
今回は、「画像のサイズの変更方法」と「不必要な元ファイルへのリンクの停止」を説明します。</p>
<h2>ワードプレス管理画面での、写真サイズの変更方法</h2>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6706 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-01.jpg" alt="wp-size-01" width="360" height="221" srcset="https://www.doghands.com/wp-content/uploads/wp-size-01.jpg 360w, https://www.doghands.com/wp-content/uploads/wp-size-01-100x60.jpg 100w" sizes="auto, (max-width: 360px) 100vw, 360px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6707" src="https://www.doghands.com/wp-content/uploads/wp-size-02.jpg" alt="wp-size-02" width="590" height="351" srcset="https://www.doghands.com/wp-content/uploads/wp-size-02.jpg 590w, https://www.doghands.com/wp-content/uploads/wp-size-02-100x60.jpg 100w, https://www.doghands.com/wp-content/uploads/wp-size-02-450x268.jpg 450w" sizes="auto, (max-width: 590px) 100vw, 590px" /><br />
ブログに画像を挿入します。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6710" src="https://www.doghands.com/wp-content/uploads/wp-size-05.jpg" alt="wp-size-05" width="590" height="351" srcset="https://www.doghands.com/wp-content/uploads/wp-size-05.jpg 590w, https://www.doghands.com/wp-content/uploads/wp-size-05-100x60.jpg 100w, https://www.doghands.com/wp-content/uploads/wp-size-05-450x268.jpg 450w" sizes="auto, (max-width: 590px) 100vw, 590px" /><br />
ワードプレスのバージョンでも異なりますが、大体このような確認画面が表示されるはずです。</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6708 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-03.jpg" alt="wp-size-03" width="362" height="734" srcset="https://www.doghands.com/wp-content/uploads/wp-size-03.jpg 362w, https://www.doghands.com/wp-content/uploads/wp-size-03-348x705.jpg 348w" sizes="auto, (max-width: 362px) 100vw, 362px" /><br />
画像のサイズを確認します。3072×2048と表示されていますが、単位はピクセル(px)と言い、これは明らかに大きすぎる数字です。デジカメの写真をそのままアップロードしたり、スマホでさえも、そのままではサイズが大きすぎる事が多いです。<br />
※今回、フォトグラファーやアーティストのポートフォリオ等は想定していません。<br />
大体、最初の数字（横幅）が、500~700くらいに収まれば良いです。そこで、この画面からサイズを変更します。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6709" src="https://www.doghands.com/wp-content/uploads/wp-size-04.jpg" alt="wp-size-04" width="229" height="240" /><br />
「画像を編集」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6711 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-06.jpg" alt="wp-size-06" width="301" height="157" /><br />
この部分の数字を変更します。</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6712 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-07.jpg" alt="wp-size-07" width="308" height="162" /><br />
600に変更。「縮尺変更」ボタンをクリック。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6713" src="https://www.doghands.com/wp-content/uploads/wp-size-08.jpg" alt="wp-size-08" width="236" height="125" /><br />
「戻る」ボタンをクリックして、</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6714 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-09.jpg" alt="wp-size-09" width="313" height="220" /><br />
「フルサイズ」が修正されている事を確認し、「投稿に挿入」ボタンをクリック。</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6715 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-10.jpg" alt="wp-size-10" width="590" height="506" srcset="https://www.doghands.com/wp-content/uploads/wp-size-10.jpg 590w, https://www.doghands.com/wp-content/uploads/wp-size-10-450x386.jpg 450w" sizes="auto, (max-width: 590px) 100vw, 590px" /><br />
適切なサイズで表示されました。</p>
<h4>※注意点</h4>
<p>ワードプレス上で画像のサイズを修正する場合、念頭においておくべき事があります。<br />
<img loading="lazy" decoding="async" class="shadow alignnone wp-image-6716 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-11.jpg" alt="wp-size-11" width="365" height="358" srcset="https://www.doghands.com/wp-content/uploads/wp-size-11.jpg 365w, https://www.doghands.com/wp-content/uploads/wp-size-11-36x36.jpg 36w" sizes="auto, (max-width: 365px) 100vw, 365px" /><br />
サイズが修正された写真ですが、管理画面上には「画像を復元」ボタンが存在します。<br />
このボタンをクリックすると、</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6717 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-12.jpg" alt="wp-size-12" width="275" height="169" srcset="https://www.doghands.com/wp-content/uploads/wp-size-12.jpg 275w, https://www.doghands.com/wp-content/uploads/wp-size-12-100x60.jpg 100w" sizes="auto, (max-width: 275px) 100vw, 275px" /><br />
先ほどのサイズで画像が復活します。このように、ワードプレス上には大きさサイズの写真データは残されています。ブログ掲載用にサイズを修正しても、毎回サイズの大きな画像を蓄積すると、ホームページの容量を無駄に消費してしまいます。<br />
PC上でのサイズ変更や、写真を撮影するデジカメやスマホでの調整なども検討しましょう。</p>
<h2>不必要な元画像へのリンクの停止</h2>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6718 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-a01.jpg" alt="wp-size-a01" width="341" height="276" /><br />
例えば、上のブログのように、一見画像のサイズは小さくても、画像をクリックすると</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6721 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-a07.jpg" alt="wp-size-a07" width="590" height="418" srcset="https://www.doghands.com/wp-content/uploads/wp-size-a07.jpg 590w, https://www.doghands.com/wp-content/uploads/wp-size-a07-260x185.jpg 260w, https://www.doghands.com/wp-content/uploads/wp-size-a07-450x319.jpg 450w" sizes="auto, (max-width: 590px) 100vw, 590px" /><br />
大きなサイズのページに移動したり、</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6722" src="https://www.doghands.com/wp-content/uploads/wp-size-a08.jpg" alt="wp-size-a08" width="590" height="351" srcset="https://www.doghands.com/wp-content/uploads/wp-size-a08.jpg 590w, https://www.doghands.com/wp-content/uploads/wp-size-a08-100x60.jpg 100w, https://www.doghands.com/wp-content/uploads/wp-size-a08-450x268.jpg 450w" sizes="auto, (max-width: 590px) 100vw, 590px" /><br />
画像が直接開いたりする事があります。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6719" src="https://www.doghands.com/wp-content/uploads/wp-size-a05.jpg" alt="wp-size-a05" width="323" height="766" srcset="https://www.doghands.com/wp-content/uploads/wp-size-a05.jpg 323w, https://www.doghands.com/wp-content/uploads/wp-size-a05-297x705.jpg 297w" sizes="auto, (max-width: 323px) 100vw, 323px" /><br />
管理画面で画像を確認してみると、</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6720 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-a06.jpg" alt="wp-size-a06" width="320" height="220" /></p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6725 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-a065.jpg" alt="wp-size-a065" width="303" height="218" /><br />
「リンク先」が「メディアファイル」や「添付ファイルのページ」になっていて、「サイズ」の項目も、「サムネイル」になっています。<br />
勿論、意図的に使用している場合は問題ありませんが、日常のブログでは不必要なケースが多いです。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6723" src="https://www.doghands.com/wp-content/uploads/wp-size-a09.jpg" alt="wp-size-a09" width="317" height="241" /><br />
こちらも、画像のサイズを横幅500~700程度に修正後、<br />
リンク先を「なし」、画像サイズを「フルサイズ」にして挿入します。</p>
<p><img loading="lazy" decoding="async" class="shadow alignnone wp-image-6724 size-full" src="https://www.doghands.com/wp-content/uploads/wp-size-a10.jpg" alt="wp-size-a10" width="590" height="505" srcset="https://www.doghands.com/wp-content/uploads/wp-size-a10.jpg 590w, https://www.doghands.com/wp-content/uploads/wp-size-a10-450x385.jpg 450w" sizes="auto, (max-width: 590px) 100vw, 590px" /><br />
これで、写真をクリックしても大きな画像は表示されませんが、閲覧しやすい投稿になりました。</p>
<p>投稿 <a href="https://www.doghands.com/wordpress-image-size/">ワードプレス入門 | ブログに使う画像サイズを管理画面で縮小</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6702</post-id>	</item>
	</channel>
</rss>
