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

<channel>
	<title>画像 &#8211; WordPress Memo</title>
	<atom:link href="https://blog.riverforest-wp.info/tag/%E7%94%BB%E5%83%8F/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.riverforest-wp.info</link>
	<description>WordPress に関する覚え書き</description>
	<lastBuildDate>Fri, 09 May 2025 12:48:53 +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://blog.riverforest-wp.info/wp-content/uploads/2018/05/cropped-icon-256x256-1-32x32.png</url>
	<title>画像 &#8211; WordPress Memo</title>
	<link>https://blog.riverforest-wp.info</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ブロックによるHTMLとCSSだけで動くギャラリープラグイン</title>
		<link>https://blog.riverforest-wp.info/simple-block-gallery/</link>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Wed, 22 Jan 2020 22:58:32 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Masonry]]></category>
		<category><![CDATA[ギャラリー]]></category>
		<category><![CDATA[スライダー]]></category>
		<category><![CDATA[ブロック]]></category>
		<category><![CDATA[画像]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=1947</guid>

					<description><![CDATA[はじめに ブロックによるギャラリープラグインです。一番の特徴は、HTML と CSS だけで動く事です。そのため、プラグインを止めても、保存したコンテンツは残り崩れません。 いろいろと凄いギャラリープラグインはありますが [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">はじめに</h3>



<p>ブロックによるギャラリープラグインです。一番の特徴は、HTML と CSS だけで動く事です。そのため、プラグインを止めても、保存したコンテンツは残り崩れません。</p>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/simple-block-gallery/assets/icon-256x256.png?rev=2231863" alt="Simple Block Gallery のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/simple-block-gallery/" class="pluginstatsview-astyle">Simple Block Gallery</a></div>
			<div class="pluginstatsview-small">画像にタイルとスライダーのエフェクトを追加します。</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/simple-block-gallery/#reviews" title="3.0(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span>
			</span>
	</a>(1)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">1,000以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/simple-block-gallery.1.29.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2020-01-22</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:30 時点の統計	</div>
</div>



<p>いろいろと凄いギャラリープラグインはありますが、そのほとんどが、プラグインを止めるとコンテンツが崩れてしまいます。プラグインのサポートがあるうちは良いですが、サポートが無くなった場合に苦労する場合が多いので、HTML と CSS だけで動くものがあってもいいかな？と思い、作りました。そのため機能は必要最小限です。</p>



<p>さらに細かく調整したい場合は、ブロックメニュー「HTMLとして編集」で HTML と CSS を編集してください。</p>



<h3 class="wp-block-heading">仕様</h3>



<ul class="wp-block-list">
<li>Masonry
<ul class="wp-block-list">
<li>１画像の幅を指定できます。</li>



<li>画像間のスペースを指定できます。</li>



<li>画像の角を丸くできます。</li>
</ul>
</li>



<li>スライダー
<ul class="wp-block-list">
<li>スライド間隔を指定できます。</li>



<li><strong>注意：</strong>CSS のクラスと、@keyframes に、ギャラリーの最初に呼び出される画像の ID を指定していますので、同一投稿内の複数のスライダーの最初の画像に同じ画像を指定すると、表示が乱れます。</li>
</ul>
</li>
</ul>



<figure class="wp-block-gallery aligncenter has-nested-images columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc636806670&quot;}" data-wp-interactive="core/image" data-wp-key="69cc636806670" class="wp-block-image size-large wp-lightbox-container"><img fetchpriority="high" loading="eager" decoding="async" width="1024" height="599" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" data-id="1951" src="https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-1-1024x599.png" alt="" class="wp-image-1951" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-1-1024x599.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-1-300x175.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-1-768x449.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-1.png 1497w" sizes="(max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc636806cee&quot;}" data-wp-interactive="core/image" data-wp-key="69cc636806cee" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="524" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" data-id="1952" src="https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-2-1024x524.png" alt="" class="wp-image-1952" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-2-1024x524.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-2-300x154.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-2-768x393.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-2.png 1517w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc636807304&quot;}" data-wp-interactive="core/image" data-wp-key="69cc636807304" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="524" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" data-id="1953" src="https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-3-1024x524.png" alt="" class="wp-image-1953" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-3-1024x524.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-3-300x154.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-3-768x393.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20200122/screenshot-3.png 1517w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</figure>



<h3 class="wp-block-heading">動作</h3>



<figure class="wp-block-video aligncenter"><video height="720" style="aspect-ratio: 1280 / 720;" width="1280" controls src="https://blog.riverforest-wp.info/wp-content/uploads/20200122/simple-block-gallery.mp4"></video></figure>
]]></content:encoded>
					
		
		<enclosure url="https://blog.riverforest-wp.info/wp-content/uploads/20200122/simple-block-gallery.mp4" length="39784937" type="video/mp4" />

			</item>
		<item>
		<title>サムネイル生成時の比率を強制的に変更するプラグイン</title>
		<link>https://blog.riverforest-wp.info/ratio-thumbnails-size/</link>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Mon, 25 Nov 2019 23:07:27 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[サムネイル]]></category>
		<category><![CDATA[メディア]]></category>
		<category><![CDATA[メディアライブラリ]]></category>
		<category><![CDATA[画像]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=1820</guid>

					<description><![CDATA[はじめに 以下のツイートにヒントを得て、作成しました。 機能 プラグインを有効化すると、設定された比率でサムネイルを生成します。「設定」－＞「メディア」の長いサイズを元に以下の比率で生成します。 以下の比率に対応していま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">はじめに</h3>



<p>以下のツイートにヒントを得て、作成しました。</p>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">Nishiki は16:9を推奨サイズにしてるんで、テーマを変えたらサムネイルの再作成をお願いしてるんだけど、やってもらえないこともまあまああるんよね…なんとかしたい<a href="https://t.co/gsWP4uPA5g">https://t.co/gsWP4uPA5g</a></p>&mdash; Imamura (@s56bouya) <a href="https://twitter.com/s56bouya/status/1198872577206177792?ref_src=twsrc%5Etfw">November 25, 2019</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div></figure>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/ratio-thumbnails-size/assets/icon-256x256.png?rev=2200952" alt="Ratio Thumbnails Size のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/ratio-thumbnails-size/" class="pluginstatsview-astyle">Ratio Thumbnails Size</a></div>
			<div class="pluginstatsview-small">サムネイル生成の比率を指定します。</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/ratio-thumbnails-size/#reviews" title="0.0(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span>
			</span>
	</a>(0)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">30以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/ratio-thumbnails-size.1.08.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2019-11-25</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:29 時点の統計	</div>
</div>



<h3 class="wp-block-heading">機能</h3>



<p>プラグインを有効化すると、設定された比率でサムネイルを生成します。「設定」－＞「メディア」の長いサイズを元に以下の比率で生成します。</p>



<p>以下の比率に対応しています。</p>



<ul class="wp-block-list">
<li>1.414 : 1 白銀比</li>



<li>1.618 : 1 黄金比</li>



<li>1.91 : 1 Facebook および Twitter の OGP 画像比率</li>



<li>3 : 2 フィルムカメラなどの比率</li>



<li>4 : 3 デジタルカメラなどの比率（WordPress デフォルト）</li>



<li>16 :9 ハイビジョン</li>



<li>元の画像と同じ比率</li>
</ul>



<p>また設定した上記の比率で作成せずに、元の設定で作成したい場合のサムネイルを指定できます。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc636808d15&quot;}" data-wp-interactive="core/image" data-wp-key="69cc636808d15" class="wp-block-image aligncenter size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="816" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://blog.riverforest-wp.info/wp-content/uploads/20191125/screenshot-1-1024x816.png" alt="" class="wp-image-1916" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20191125/screenshot-1-1024x816.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20191125/screenshot-1-300x239.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20191125/screenshot-1-768x612.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20191125/screenshot-1.png 1095w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WebP 画像を生成するプラグイン</title>
		<link>https://blog.riverforest-wp.info/plus-webp/</link>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Tue, 14 May 2019 02:11:09 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[画像]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=1284</guid>

					<description><![CDATA[はじめに WordPress は、まだ WebP 画像に対応していませんが、WebP 画像を生成するプラグインを作成してみました。 正確には、WebP 画像のサムネイル生成に対応していないというところでしょうか？ Mim [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading">はじめに</h3>



<p>WordPress は、まだ WebP 画像に対応していませんが、WebP 画像を生成するプラグインを作成してみました。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>正確には、WebP 画像のサムネイル生成に対応していないというところでしょうか？ Mime Type を設定すれば、アップロードはできますが、サーバーによりサムネイルを生成しません。GD の WebP サポートが各サーバーにより有無があるので、 デフォルトの Mime Type から除外しているのでしょう。</p>
</blockquote>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/plus-webp/assets/icon-256x256.png?rev=2087314" alt="Plus WebP or AVIF のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/plus-webp/" class="pluginstatsview-astyle">Plus WebP or AVIF</a></div>
			<div class="pluginstatsview-small">WebP または AVIF を生成。</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/plus-webp/#reviews" title="4.6(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-half"></span>
			</span>
	</a>(26)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">5,000以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/plus-webp.5.11.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2019-05-14</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:30 時点の統計	</div>
</div>



<h3 class="wp-block-heading">概要</h3>



<ul class="wp-block-list">
<li>メディアライブラリに画像ファイルを追加するときに WebP 画像を生成します。</li>



<li>バックグラウンドですべての画像から WebP 画像を生成します。</li>



<li>オプションで、新規にメディアを追加する際の画像ファイルをWebPに置き換え、元の画像ファイルを削除できます。また、すべての画像を生成する場合、元の画像ファイル ID は WebP として上書きされ、元の画像ファイルを削除します。コンテンツ内のすべてのURLも置換できます。このオプションは、ほぼ全てのブラウザが WebP に対応して以降に使用すべきです。 </li>
</ul>



<p>WebP 対応の GD モジュールや、cwebp コマンドなどは、必要ありません。 </p>



<h3 class="wp-block-heading">使い方</h3>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="695" src="https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-1-1024x695.png" alt="" class="wp-image-1288" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-1-1024x695.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-1-300x204.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-1-768x521.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-1-100x68.png 100w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-1.png 1204w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><strong>新規追加時に、同一名・同一時間で生成します。</strong></figcaption></figure>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="629" src="https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-2-1024x629.png" alt="" class="wp-image-1299" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-2-1024x629.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-2-300x184.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-2-768x472.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-2-100x61.png 100w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-2.png 1192w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><strong>一括生成をバックグラウンドで実行できます。処理が終わるとメールが配信されます。</strong> </figcaption></figure>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="630" src="https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-3-1024x630.png" alt="" class="wp-image-1300" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-3-1024x630.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-3-300x185.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-3-768x473.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-3-100x62.png 100w, https://blog.riverforest-wp.info/wp-content/uploads/20190513/screenshot-3.png 1207w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><strong>オプション</strong> </figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>テキストを画像化するプラグイン</title>
		<link>https://blog.riverforest-wp.info/image-to-text/</link>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Sat, 28 Jul 2018 00:50:13 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[テキスト]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[個人情報]]></category>
		<category><![CDATA[画像]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=406</guid>

					<description><![CDATA[はじめに EC サイトなどで個人情報を記述しなければならない事があります。氏名、住所、電話番号などです。テキストで記述すると、ネットで簡単に検索されてしまいます。そのためにテキストを画像にするなどの手法をとったりしますが [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">はじめに</h2>



<p>EC サイトなどで個人情報を記述しなければならない事があります。氏名、住所、電話番号などです。テキストで記述すると、ネットで簡単に検索されてしまいます。そのためにテキストを画像にするなどの手法をとったりしますが、編集が面倒です。そこで、簡単にテキストを画像化するプラグインを作成しました。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>画像の alt 属性に記述をしないので、スクリーンリーダーから読めません。スクリーンリーダーの利用者である視覚障害者が判読不能になります。視覚障害者の使用が想定されるサイトではトラブルにつながる可能性がありますので、使用には十分注意してください。</p>
</blockquote>



<h2 class="wp-block-heading">使用方法</h2>



<p>スクリーンショットを見ていただけるとわかりますが、囲み型のショートコードで、個人情報を囲むだけです。フォントサイズ、背景、フォントカラーを属性で指定できます。また、フォントを選択できます。好みのフォントを指定したい時は、アップロードディレクトリ内の指定場所にコピーすると、設定画面からそれを指定できます。</p>



<h2 class="wp-block-heading">プラグイン</h2>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/image-to-text/assets/icon-256x256.png?rev=1916067" alt="Image to Text のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/image-to-text/" class="pluginstatsview-astyle">Image to Text</a></div>
			<div class="pluginstatsview-small">テキストを画像に変換します。</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/image-to-text/#reviews" title="0.0(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span><span class="dashicons dashicons-star-empty"></span>
			</span>
	</a>(0)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">30以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/image-to-text.2.12.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2018-07-28</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:30 時点の統計	</div>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
