<?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>機能 アーカイブ | 集客、営業、販売、サポートに強いWordPressテーマ OptiB2.0（オプティブ2.0）</title>
	<atom:link href="https://optib.with-planning.co.jp/category/%e6%a9%9f%e8%83%bd/feed/" rel="self" type="application/rss+xml" />
	<link>https://optib.with-planning.co.jp/category/機能/</link>
	<description>コンテンツ生成を革新する、AIコ・パイロット機能搭載でアイデアが一瞬でカタチになるホームページテンプレート</description>
	<lastBuildDate>Thu, 22 Oct 2026 07:22:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://optib.with-planning.co.jp/wp-content/uploads/2024/04/cropped-with-logo.fw_-150x150.png</url>
	<title>機能 アーカイブ | 集客、営業、販売、サポートに強いWordPressテーマ OptiB2.0（オプティブ2.0）</title>
	<link>https://optib.with-planning.co.jp/category/機能/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cloudflareを無料で使い倒す。守り、スパム対策、速さをOptiBでもう一段強くする</title>
		<link>https://optib.with-planning.co.jp/cloudflare-free-optimization/</link>
		
		<dc:creator><![CDATA[石原 大樹]]></dc:creator>
		<pubDate>Wed, 21 Oct 2026 14:26:29 +0000</pubDate>
				<category><![CDATA[機能]]></category>
		<guid isPermaLink="false">https://optib.with-planning.co.jp/?p=901617</guid>

					<description><![CDATA[<p>Cloudflare無料プランでWAF・DDoS防御、Turnstileによるスパム対策、CDNの表示速度改善を実現。さらにOptiBでオリジンIPへの直接攻撃を遮断し、WordPressを低コストで守る方法を紹介します。</p>
<p>投稿 <a href="https://optib.with-planning.co.jp/cloudflare-free-optimization/">Cloudflareを無料で使い倒す。守り、スパム対策、速さをOptiBでもう一段強くする</a> は <a href="https://optib.with-planning.co.jp">集客、営業、販売、サポートに強いWordPressテーマ OptiB2.0（オプティブ2.0）</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">漫画で解説</h2>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="575" data-id="901622" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-1024x575.webp" alt="Cloudflare無料プランとOptiBでWordPressサイトを守る仕組みを説明する4コマ漫画" class="wp-image-901622" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-1024x575.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-400x225.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-768x431.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-1536x862.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-2048x1150.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2f1f799cf7ad2f73-1-1280x719.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</figure>



<p class="wp-block-paragraph">最近、不正アクセスや情報漏えいのニュースを目にする機会が増えて、「うちのサイトは大丈夫だろうか」と不安になっていませんか。とはいえ、セキュリティ会社に頼むほどの予算はないし、何から手をつければいいのかもわからない。そんなモヤモヤを抱えている経営者やWeb担当者の方は、実はとても多いんです。でも、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color"><strong>Cloudflareの無料プラン</strong>を使えば、こうした不安の多くは費用をかけずに減らせます</mark>。</p>



<h2 class="wp-block-heading">なぜ今、WordPressサイトにセキュリティ対策が必要なのか</h2>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20dae92f&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20dae92f" class="wp-block-image alignright size-medium wp-lightbox-container"><img decoding="async" width="400" height="223" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-400x223.webp" alt="サイバー攻撃で混乱する企業や店舗と、増加傾向を示すグラフの図解" class="wp-image-901633" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-400x223.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-1024x572.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-768x429.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-1536x857.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-2048x1143.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/3ac2310b3e11dc4a-1280x714.webp 1280w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">その不安は、決して大げさではありません。東京商工リサーチの調査によると、2025年に上場企業とその子会社が公表した個人情報の漏えい・紛失事故は180件、漏えいした可能性のある個人情報は<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d32f2f" class="has-inline-color">約3,064万人分</mark></strong>にのぼり、<strong>前年のほぼ倍</strong>に増えました。<span style="text-decoration: underline;">原因の6割以上（116件）が「ウイルス感染・不正アクセス」</span>です。また、IPA（情報処理推進機構）が毎年発表する「情報セキュリティ10大脅威 2026」でも、組織向けの脅威として「システムの脆弱性を悪用した攻撃」や「DDoS攻撃」が上位に挙がっています。大企業だけの話ではなく、<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">WordPressで運営している中小企業や店舗のサイトも、同じ攻撃の標的になっている</mark></strong>のが現実です。</p>



<h3 class="wp-block-heading">答えは「Cloudflareを無料で導入する」こと</h3>



<p class="wp-block-paragraph">では、予算をかけずに何ができるのか。その答えのひとつが <strong>Cloudflare（クラウドフレア）を無料で導入する</strong> ことです。<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">攻撃からの防御、問い合わせフォームのスパム対策、さらには表示速度の改善まで、費用をかけずにまとめて手に入ります</mark>。</p>



<p class="wp-block-paragraph">ただし、Cloudflareは「入れたら終わり」ではありません。<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d32f2f" class="has-inline-color">導入しただけでは残ってしまう、意外な抜け道</mark></strong>があるんです。この記事では、Cloudflareの無料プランでできることをわかりやすく紹介したうえで、その抜け道をOptiBでどうふさぐのかまでお伝えします。</p>



<h2 class="wp-block-heading">Cloudflareとは？ 無料でここまで使えるサイトの“玄関口”</h2>



<p class="wp-block-paragraph">まずはCloudflareがどんなサービスなのか、イメージをつかんでおきましょう。難しい仕組みを覚える必要はありません。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20daee0a&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20daee0a" class="wp-block-image alignleft size-medium wp-lightbox-container"><img decoding="async" width="400" height="223" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-400x223.webp" alt="Cloudflareが不審なアクセスを遮断し訪問者をサイトへ案内する広告" class="wp-image-901638" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-400x223.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-1024x572.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-768x429.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-1536x857.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-2048x1143.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/ba861802ad61b0f4-1280x714.webp 1280w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">Cloudflareは、あなたのサイトの手前に立つ<strong>「とても優秀な受付係」</strong>のような存在です。訪問者はサーバに直接アクセスするのではなく、いったんCloudflareを通ってからサイトを見に来ます。受付係は、<span style="text-decoration: underline;">怪しい来訪者を入口で追い返したり</span>、よく求められるページをあらかじめ手元に用意しておいてすぐに渡したりしてくれます。</p>



<p class="wp-block-paragraph">驚くべきは、この仕組みの基本部分が <strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">無料プランで、期限なく使える</mark></strong> ことです。上位の有料プランほど細かな設定ができますが、<span style="text-decoration: underline;">多くの中小企業・店舗のサイトなら無料プランで十分な効果を実感できる</span>はずです。</p>



<h2 class="wp-block-heading">Cloudflare無料プランで手に入る3つのメリット</h2>



<p class="wp-block-paragraph">では、無料プランで具体的に何が手に入るのでしょうか。ここでは「攻撃からの守り」「スパム対策」、そしてうれしいおまけの「表示速度」の3つに分けて見ていきます。</p>



<h3 class="wp-block-heading">WAFとDDoS防御で、攻撃を玄関先で止める</h3>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20daf1eb&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20daf1eb" class="wp-block-image alignright size-medium wp-lightbox-container"><img loading="lazy" decoding="async" width="400" height="223" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-400x223.webp" alt="攻撃を防ぐCloudflareの盾とWordPressサイト、操作する男性" class="wp-image-901665" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-400x223.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-1024x572.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-768x429.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-1536x857.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-2048x1143.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/aec95a7f93cbe0f4-1280x714.webp 1280w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">WordPressは世界中で使われている分、攻撃の標的にもなりやすいのが現実です。Cloudflareの無料プランには、大量のアクセスでサイトを落とそうとする<strong>DDoS攻撃への防御</strong>と、よくある攻撃パターンを遮断する<strong>WAF（Webアプリケーションファイアウォール）の基本ルール</strong>が含まれています。</p>



<p class="wp-block-paragraph">公式ドキュメントでも、無料プランでは<strong>Cloudflareが用意した無料版のマネージドルールセットが利用できる</strong>と案内されています。このルールはCloudflare側で更新されていくため、<span style="text-decoration: underline;">新しい攻撃手口を自分で追いかけなくてよい</span>のも、忙しい経営者や担当者にはうれしいポイントです。<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">攻撃がサーバに届く前に止まる</mark>ので、「脆弱性を突かれて情報が漏れる」というリスクそのものを減らすことにつながります。</p>



<h3 class="wp-block-heading">Turnstileで、パズルなしのスパム対策</h3>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20dafa71&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20dafa71" class="wp-block-image alignleft size-medium wp-lightbox-container"><img loading="lazy" decoding="async" width="400" height="223" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-400x223.webp" alt="スパム対策サービス二種の認証方法と無料枠を比較する図" class="wp-image-901667" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-400x223.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-1024x572.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-768x429.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-1536x857.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-2048x1143.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/443f4352506e0225-1280x714.webp 1280w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">問い合わせフォームのスパム対策といえば、「信号機の画像をすべて選んでください」といった画像パズルを思い浮かべる方も多いと思います。Cloudflareの <strong>Turnstile（ターンスタイル）</strong> は、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">こうしたパズルを基本的に出さずに、裏側で人間かボットかを判定してくれる</mark>仕組みです。</p>



<p class="wp-block-paragraph">Cloudflareの料金ページによると、Turnstileは無料プランでも<strong>チャレンジ（認証）の回数が無制限で、1アカウントあたり最大20ウィジェットまで</strong>使えます。一方、<span style="text-decoration: underline;">GoogleのreCAPTCHAは無料枠が月1万回まで</span>となり、それを超えると課金が発生する形に変わっています。ボットによる大量送信やログイン画面への総当たりを防ぐうえでも、<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">Turnstileの「無料で上限なし」</mark></strong>は心強い選択肢です。</p>



<h3 class="wp-block-heading">おまけでうれしい、キャッシュとCDNによる表示速度アップ</h3>



<p class="wp-block-paragraph">守りを固めるだけでなく、サイトが速くなるのもCloudflareのうれしいところです。世界中のデータセンターにサイトの画像などをコピーして保管し（キャッシュ）、訪問者に一番近い場所から届ける（CDN）ため、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">ページの表示がぐっと軽くなります</mark>。<span style="text-decoration: underline;">表示速度は検索順位にも関わる要素</span>なので、セキュリティ対策のつもりが集客面でもプラスになるわけです。</p>



<h2 class="wp-block-heading">実は見落としがち。Cloudflareを入れても残る「オリジンIP」という穴</h2>



<p class="wp-block-paragraph">ここまで読むと「Cloudflareを入れれば安心」と思えますよね。ところが、<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d32f2f" class="has-inline-color">見落とされがちな落とし穴</mark></strong>があります。少し技術的ですが、とても大切なポイントです。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20dafe83&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20dafe83" class="wp-block-image alignright size-medium wp-lightbox-container"><img loading="lazy" decoding="async" width="400" height="223" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-400x223.webp" alt="Cloudflare経由の安全な通信とオリジンIP漏えいによる直接攻撃の比較図" class="wp-image-901639" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-400x223.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-1024x572.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-768x429.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-1536x857.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-2048x1143.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/8ece3d7310ad30df-1280x714.webp 1280w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">Cloudflareが守ってくれるのは、あくまで<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">「Cloudflareを通ってきたアクセス」だけ</mark></strong>です。もし攻撃者があなたのサーバの本当の住所、つまり <strong>オリジンIP（サーバの実IPアドレス）</strong> を知っていたらどうなるでしょうか。正面玄関の受付を通らずに、<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d32f2f" class="has-inline-color">裏口から直接サーバへ入れてしまう</mark></strong>のです。</p>



<p class="wp-block-paragraph">この場合、Cloudflareに設定したWAFも、レート制限も、ボット対策も、<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d32f2f" class="has-inline-color">いっさい働きません</mark></strong>。せっかく受付係を雇ったのに、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">裏口が開けっぱなし</mark>という状態です。オリジンIPは、<span style="text-decoration: underline;">過去のDNS記録やメール送信のヘッダー</span>など、思わぬところから漏れることがあります。「Cloudflareを入れているから大丈夫」と思っていたサイトほど、この穴に気づいていないケースが少なくありません。</p>



<h2 class="wp-block-heading">OptiBなら、Cloudflare無料プランの力をさらに引き出せる</h2>



<p class="wp-block-paragraph">ここからは、私たちウィズ・プランニングが開発しているWordPressテーマ <strong>OptiB（オプティブ）</strong> でできることをご紹介します。OptiBは、Cloudflareと組み合わせて使うことを前提に、ここまでお話しした<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">「スパム対策」と「裏口の穴」の両方に対応</mark></strong>しています。</p>



<h3 class="wp-block-heading">プラグインなしでTurnstileを導入できる</h3>



<p class="wp-block-paragraph">まず、<strong>Turnstileをプラグインなしで導入できます</strong>。WordPressでTurnstileを使うにはプラグインを追加するのが一般的ですが、<span style="text-decoration: underline;">プラグインが増えるほど脆弱性のリスクも増えていきます</span>。セキュリティ対策のためのプラグインが、かえって新しい入口になってしまっては本末転倒ですよね。OptiBならテーマの機能として設定できるため、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">サイトをシンプルに保ったままスパム対策ができます</mark>。</p>



<h3 class="wp-block-heading">オリジンIPへの直接アクセスを遮断できる</h3>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20db02c4&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20db02c4" class="wp-block-image alignleft size-medium wp-lightbox-container"><img loading="lazy" decoding="async" width="400" height="223" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-400x223.webp" alt="Cloudflareを経由した正規アクセスだけをサーバーへ通す図" class="wp-image-901642" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-400x223.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-1024x572.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-768x429.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-1536x857.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-2048x1143.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/d742d35608f74858-1280x714.webp 1280w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">そして、もうひとつの大きな特長が、<strong>オリジンIPへの直接アクセスを遮断する機能</strong>です。仕組みはこうです。Cloudflare側で「Transform Rule（トランスフォームルール）」を設定し、Cloudflareを通過するすべてのリクエストに、秘密の合言葉となるヘッダー（<code>X-OptiB-Origin-Verify</code>、値は64文字の16進数のシークレット）を付けます。OptiB側では、届いたアクセスにこの合言葉が正しく付いているかを確認し、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">一致したものだけを「正面玄関を通ってきた正規のアクセス」として受け入れます</mark>。</p>



<p class="wp-block-paragraph">合言葉を持たないアクセス、つまりCloudflareを迂回して裏口から来たアクセスは、<strong>サーバ側で遮断されます</strong>。これで、Cloudflareに設定したWAFやボット対策が<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">「必ず効く」状態</mark></strong>をつくれるわけです。OptiBが決めるのは「どのヘッダーを、どの条件で信頼するか」というルールなので、Cloudflareの守りを最大限に生かしながら、<span style="text-decoration: underline;">裏口だけをしっかり閉じることができます</span>。</p>



<p class="wp-block-paragraph"><strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">集客・販売の機能に加えて守りまで整えられる</mark></strong>のが、OptiBの強みです。詳しくは <a href="https://optib.with-planning.co.jp/">OptiB公式サイト</a> をご覧ください。</p>



<h2 class="wp-block-heading">Cloudflareの導入に不安があれば、まずは無料相談を</h2>



<p class="wp-block-paragraph">最後に、「やっぱり自分のサイトが心配」と感じた方へ。Cloudflareの導入は、無料で大きな効果が得られる一方で、少しだけ注意が必要な作業でもあります。</p>



<h3 class="wp-block-heading">導入時はDNS設定の切り替えに注意</h3>



<p class="wp-block-paragraph">Cloudflareを使い始めるには、ドメインのDNS設定を切り替える必要があります。<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d32f2f" class="has-inline-color">一つ間違えるとサイトが表示されなくなったり、メールが届かなくなったりすることもあり</mark></strong>、「自分でやるのは不安」と感じるのは当然のことです。</p>



<h3 class="wp-block-heading">導入・設定のご相談はウィズ・プランニングへ</h3>



<p class="wp-block-paragraph">ウィズ・プランニングでは、Cloudflareの導入・設定から、OptiBと組み合わせたオリジン保護まで、サイトの状況に合わせてご相談をお受けしています。「うちのサイトは今、どのくらい守られているの？」「裏口は閉じている？」といった<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">漠然とした不安の段階からでも大丈夫です</mark></strong>。どうぞお気軽にお声がけください。</p>



<ul class="wp-block-list">
<li>お問い合わせフォーム：<a href="https://optib.with-planning.co.jp/contact/">https://optib.with-planning.co.jp/contact/</a></li>



<li>お電話：<strong>0157-42-3349</strong>（平日10:00〜18:00）</li>



<li>LINEでのご相談：<a href="https://s.lmes.jp/landing-qr/1657265756-w4ev4lNE?uLand=8A8cWQ">LINEで相談する</a></li>
</ul>



<p class="wp-block-paragraph">不正アクセスや情報漏えいへの不安は、<span style="text-decoration: underline;">「何もしていない」状態がいちばん大きくなる</span>ものです。<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">無料で始められるCloudflareと、その力をもう一段引き出すOptiB</mark></strong>で、安心して運営できるサイトづくりを一緒に始めてみませんか。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">参考資料</h2>



<ul class="wp-block-list">
<li>東京商工リサーチ調査（Web担当者Forum掲載）「2025年の個人情報漏えい、被害人数は3,063万人」 https://webtan.impress.co.jp/n/2026/02/06/52123</li>



<li>IPA「情報セキュリティ10大脅威 2026」 https://www.ipa.go.jp/security/10threats/10threats2026.html</li>



<li>Cloudflare Docs「Turnstile Plans」 https://developers.cloudflare.com/turnstile/plans/</li>



<li>Cloudflare Docs「Web Application Firewall」 https://developers.cloudflare.com/waf/</li>



<li>DreamHost Blog「A Free Alternative to Google reCAPTCHA」 https://www.dreamhost.com/blog/captcha-alternative/</li>
</ul>
<p>投稿 <a href="https://optib.with-planning.co.jp/cloudflare-free-optimization/">Cloudflareを無料で使い倒す。守り、スパム対策、速さをOptiBでもう一段強くする</a> は <a href="https://optib.with-planning.co.jp">集客、営業、販売、サポートに強いWordPressテーマ OptiB2.0（オプティブ2.0）</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">901617</post-id>	</item>
		<item>
		<title>OptiBに3DCG表示機能を追加！商品を「手に取るように」見せる新しいネットショップ体験を</title>
		<link>https://optib.with-planning.co.jp/optib-three-dimensional-viewer/</link>
		
		<dc:creator><![CDATA[石原 大樹]]></dc:creator>
		<pubDate>Tue, 06 Oct 2026 16:01:28 +0000</pubDate>
				<category><![CDATA[機能]]></category>
		<category><![CDATA[活用事例]]></category>
		<guid isPermaLink="false">https://optib.with-planning.co.jp/?p=900820</guid>

					<description><![CDATA[<p>商品ページに3Dで見るボタンを追加し、商品を回転させて裏側や取り付け部分まで確認。購入前の不安やミスマッチを減らすOptiBの新機能と導入事例を紹介します。</p>
<p>投稿 <a href="https://optib.with-planning.co.jp/optib-three-dimensional-viewer/">OptiBに3DCG表示機能を追加！商品を「手に取るように」見せる新しいネットショップ体験を</a> は <a href="https://optib.with-planning.co.jp">集客、営業、販売、サポートに強いWordPressテーマ OptiB2.0（オプティブ2.0）</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">OptiBに、<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">3DCG表示で商品を見せられる機能</mark></strong>を新たに追加しました。</p>



<p class="wp-block-paragraph">ネットで商品を選ぶとき、<span style="text-decoration: underline;">「写真だけでは大きさや形がつかめない」「裏側や取り付け部分はどうなっているの？」</span>と感じたことはありませんか。店頭なら手に取って確かめられることも、ネットでは<strong><mark style="background-color:rgba(0,0,0,0);color:#d32f2f" class="has-inline-color">数枚の写真と文字だけ</mark></strong>が判断材料です。</p>



<p class="wp-block-paragraph">今回の新機能は、その<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">「手に取れない」もどかしさを解消</mark>するためのものです。商品ページに<strong><mark style="background-color:rgba(0,0,0,0);color:#d32f2f" class="has-inline-color">「3Dで見る」ボタンを置くだけ</mark></strong>で、お客様がその場で<span style="text-decoration: underline;">商品を立体的に確認できる</span>ようになります。</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="575" data-id="901380" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-1024x575.webp" alt="" class="wp-image-901380" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-1024x575.webp 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-400x225.webp 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-768x431.webp 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-1536x862.webp 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-2048x1150.webp 2048w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/e6bcabe794bb-e3839ae383bce382b81-1791792714-1-1280x719.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</figure>



<h2 class="wp-block-heading">3DCG表示でできること</h2>



<figure class="wp-block-video"><video height="1080" style="aspect-ratio: 1920 / 1080;" width="1920" autoplay controls loop muted src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/optib-3d-demo.mp4" playsinline></video></figure>



<p class="wp-block-paragraph">お客様はパソコンやスマートフォンの画面上で、商品を<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">自由に動かしながら見る</mark>ことができます。</p>



<ul class="wp-block-list">
<li>商品をくるくる回して、前・横・後ろ・上下と<strong>好きな角度から確認できる</strong></li>



<li>写真では写りにくい<strong>裏側や接続部分、取り付け金具</strong>まで見られる</li>



<li>全体のフォルムが伝わるので、<strong>設置したときの印象</strong>をイメージしやすい</li>
</ul>



<p class="wp-block-paragraph"><strong><mark style="background-color:rgba(0,0,0,0);color:#d32f2f" class="has-inline-color"><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">アプリのインストールは不要</mark></mark></strong>で、商品ページからそのまま操作できます。</p>



<h2 class="wp-block-heading">3DCG表示で商品を販売する側のメリット</h2>



<p class="wp-block-paragraph">3Dで商品を見せることは、お客様の<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">「本当にこれでいいかな」という迷いを減らす</mark>ことにつながります。</p>



<p class="wp-block-paragraph"><strong><mark style="background-color:#e3f2fd;color:#0d47a1" class="has-inline-color">■ 購入前の不安を減らせる</mark></strong><br>形やサイズ感を納得してから選んでもらえます。そのため、<span style="text-decoration: underline;">「思っていたものと違う」というミスマッチを防ぎやすく</span>なります。</p>



<p class="wp-block-paragraph"><strong><mark style="background-color:#e3f2fd;color:#0d47a1" class="has-inline-color">■ 問い合わせ・購入につながりやすい</mark></strong><br>商品をじっくり見たお客様は、その分だけ<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">関心が高まっています</mark>。そのままお見積りやご相談へ進むきっかけになります。</p>



<p class="wp-block-paragraph"><strong><mark style="background-color:#e3f2fd;color:#0d47a1" class="has-inline-color">■ 競合との差別化になる</mark></strong><br>同じ商品を扱うサイトがあっても、<span style="text-decoration: underline;">3Dで見られるページはまだ多くありません</span>。「このサイトは分かりやすい」という印象は、<strong><mark style="background-color:rgba(0,0,0,0);color:#d32f2f" class="has-inline-color">信頼にも直結します</mark></strong>。</p>



<p class="wp-block-paragraph">さらにOptiBには<strong>ヒートマップ機能</strong>もあるため、商品ページがどう見られているかを確かめながら<span style="text-decoration: underline;">改善を重ねられます</span>。</p>



<h2 class="wp-block-heading">3DCG表示の導入事例：ビジョンテックの防犯カメラ</h2>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20db1f85&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20db1f85" class="wp-block-image alignright size-medium wp-lightbox-container"><img loading="lazy" decoding="async" width="400" height="184" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42-400x184.jpg" alt="夜の商業施設に設置された監視カメラと広告画面" class="wp-image-900826" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42-400x184.jpg 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42-1024x471.jpg 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42-768x353.jpg 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42-1536x707.jpg 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42-1280x589.jpg 1280w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h50_42.jpg 1897w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">第一弾として、防犯カメラ・デジタルサイネージを扱う<strong>「ビジョンテック」</strong>で、ネットワークカメラ<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">「NSU-IP242-2M」の3D表示を公開しました</mark>。</p>



<p class="wp-block-paragraph">防犯カメラは、壁面や天井に取り付ける商品です。本体の長さやブラケットの形、ケーブルの出方など、設置場所を考えるうえで気になる点が多く、<strong><mark style="background-color:rgba(0,0,0,0);color:#d32f2f" class="has-inline-color">まさに「立体で見たい」商品</mark></strong>だと考えました。</p>



<p class="wp-block-paragraph">商品画像の下にある<strong>「3Dで見る」を押す</strong>と、3DCGモデルが開きます。<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">ぜひ実際に触ってみてください</mark>。</p>



<p class="wp-block-paragraph">&#x25b6; <a href="https://visiontech.with-planning.co.jp/product/nsu-ip242-2m/" target="_blank" rel="noopener">NSU-IP242-2M 2MP 防水暗視ネットワークカメラ｜ビジョンテック</a></p>



<h2 class="wp-block-heading">3DCGモデルの制作から対応します</h2>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6adaa20db2380&quot;}" data-wp-interactive="core/image" data-wp-key="6adaa20db2380" class="wp-block-image alignleft size-medium wp-lightbox-container"><img loading="lazy" decoding="async" width="400" height="206" 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--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08-400x206.jpg" alt="3DCG表示用に制作した3Dモデルのワイヤーフレーム" class="wp-image-900827" srcset="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08-400x206.jpg 400w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08-1024x526.jpg 1024w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08-768x395.jpg 768w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08-1536x790.jpg 1536w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08-1280x658.jpg 1280w, https://optib.with-planning.co.jp/wp-content/uploads/2026/10/2026-10-07_00h57_08.jpg 1910w" sizes="(max-width: 400px) 100vw, 400px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<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>



<p class="wp-block-paragraph">今回公開した防犯カメラの3DCGは、<strong>弊社で制作したもの</strong>です。</p>



<p class="wp-block-paragraph">「3D表示に興味はあるけれど、商品の3Dデータを持っていない」という場合もご安心ください。<strong><mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">商品のモデリングから、OptiBへの組み込み、商品ページへの設置まで、弊社でまとめて対応できます</mark></strong>。</p>



<p class="wp-block-paragraph">Web制作・サイト運用を手がけている弊社だからこそ、<span style="text-decoration: underline;">「作って終わり」ではなく</span>、<strong>ページ全体の見せ方まで含めてご提案します</strong>。</p>



<p class="wp-block-paragraph">&#x25b6; <a href="https://optib.with-planning.co.jp/3dcg-production/">商品の3DCGモデル制作サービスの詳細はこちら</a></p>



<h2 class="wp-block-heading">こんな事業者様におすすめです</h2>



<ul class="wp-block-list">
<li>機器や部品など、<strong>形や取り付け方を確認してから選ばれる</strong>商品を扱っている</li>



<li>家具や雑貨など、<strong>サイズ感やデザイン</strong>を立体で伝えたい</li>



<li>自社オリジナル商品のこだわりを、<strong>写真以上に見せたい</strong></li>



<li>「実物を見ないと決められない」という声が多く、<strong>問い合わせ対応に時間がかかっている</strong></li>



<li><strong>競合サイトとの違い</strong>を出したい</li>
</ul>



<h2 class="wp-block-heading">まずはお気軽にご相談ください</h2>



<p class="wp-block-paragraph">写真だけでは伝えきれない商品の魅力を、<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color"><strong>OptiBの3DCG表示</strong></mark>で届けてみませんか。</p>



<p class="wp-block-paragraph">「うちの商品でもできる？」<strong><mark style="background-color:rgba(0,0,0,0);color:#d32f2f" class="has-inline-color">「まずは1商品だけ試したい」</mark></strong>といった<mark style="background:linear-gradient(transparent 60%, #fff176 60%);color:inherit" class="has-inline-color">ご相談も歓迎です</mark>。弊社は北海道北見市留辺蘂町を拠点に、Web制作・デジタルマーケティングで地域の事業者様を支えています。</p>



<p class="wp-block-paragraph">&#x25b6; <a href="https://optib.with-planning.co.jp/">OptiBの詳しい内容はこちら</a><br>&#x25b6; <a href="https://visiontech.with-planning.co.jp/product/nsu-ip242-2m/" target="_blank" rel="noopener">3D表示の実例（ビジョンテック）</a><br>&#x25b6; <a href="https://optib.with-planning.co.jp/3dcg-production/">3DCGモデル制作サービスについて</a></p>
<p>投稿 <a href="https://optib.with-planning.co.jp/optib-three-dimensional-viewer/">OptiBに3DCG表示機能を追加！商品を「手に取るように」見せる新しいネットショップ体験を</a> は <a href="https://optib.with-planning.co.jp">集客、営業、販売、サポートに強いWordPressテーマ OptiB2.0（オプティブ2.0）</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		<enclosure url="https://optib.with-planning.co.jp/wp-content/uploads/2026/10/optib-3d-demo.mp4" length="1654696" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">900820</post-id>	</item>
	</channel>
</rss>
