<?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 &#8211; オヤマシティ</title>
	<atom:link href="https://www.oyamacity.com/category/web/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.oyamacity.com</link>
	<description>栃木県小山市ポータルサイト</description>
	<lastBuildDate>Mon, 04 Sep 2023 15:25: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://www.oyamacity.com/ptl/wp-content/uploads/2021/02/cropped-oyamacity-32x32.png</url>
	<title>Wordpress &#8211; オヤマシティ</title>
	<link>https://www.oyamacity.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>これからブログ（ホームページ）を作ろうかな～と思っている方へ</title>
		<link>https://www.oyamacity.com/web/32319/</link>
					<comments>https://www.oyamacity.com/web/32319/#respond</comments>
		
		<dc:creator><![CDATA[サイト管理者]]></dc:creator>
		<pubDate>Mon, 04 Sep 2023 13:55:15 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<guid isPermaLink="false">https://www.oyamacity.com/?p=32319</guid>

					<description><![CDATA[1.ブログ開設のきっかけ 何かをきっかけにブログを持ちたいと思うことがあると思います。それが、少しでもお小遣いを稼ぎたいと思ってのことだったとしたら… 「ブログ提供サービスを頼らず、自分で作ってしまう事を強くお勧めします [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="32319" class="elementor elementor-32319" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-37231b9d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="37231b9d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3223aebc" data-id="3223aebc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5b5503e0 blogArea elementor-widget elementor-widget-text-editor" data-id="5b5503e0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									


<h3 class="bigTitle">1.ブログ開設のきっかけ</h3>
<p>何かをきっかけにブログを持ちたいと思うことがあると思います。それが、少しでもお小遣いを稼ぎたいと思ってのことだったとしたら…</p>



<p class="hint">「ブログ提供サービスを頼らず、自分で作ってしまう事を強くお勧めします」</p>



<p>理由としましては、サービスの枠にとらわれず、自分の思い描いたとおりに制作出来るため、後になって好きなだけ拡張出来るからです。</p>



<p>ちなみにですが、ブログで極端に稼いでいる方達のほとんどは自分で制作を行った自前のサイトです。</p>



<p>[自前ブログページ制作の方法]</p>



<p>ブログページ（ホームページ）を制作する方法は大まかに分けて２通りあります。</p>



<ul class="wp-block-list">
<li>オーサリングツールと呼ばれるソフトウェアを使用して制作する方法</li>



<li>CMSと呼ばれるシステムを使用して一つ一つ組み立てていく方法</li>
</ul>



<p>それぞれに多くのメリットとデメリットがありますが、あまり勉強をせずに簡単に始めたいならCMSを使用することになります。</p>



<p>＊①と②の説明が不要な方は読み飛ばしてください</p>



<p>[①オーサリングツールと呼ばれるソフトウェアを使用して制作する方法]</p>



<p>AdobeのDreamweaverや、JUSTSYSTEMのホームページビルダーなどが有名で、購入後、自分のパソコンにインストールして使用します。ホームページは、実はパソコンに付属の「メモ帳」だけで作ることが可能ですが、全ての命令を書く必要があるため、作業時間が掛かってしまいます。また全て文字だけの世界になるため、いちいちプレビューをして確認する必要があります。それをビジュアル的にもある程度補ってくれるものがオーサリングソフトとなります。</p>



<p>[②CMSと呼ばれるシステムを使用して一つ一つ組み立てていく方法]</p>



<p>WordPressが一番有名で、こちらは無料で使用出来ます。例えて言うと、既に用意されたブロック（パーツ）を積み重ねて制作を行うため非視覚的にも非常にわかりやすいツールです。またパソコンにインストールするのではなく、インターネット上のサーバーにインストールして使用します。</p>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://www.oyamacity.com/web/32319/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressでのフォーム制作について</title>
		<link>https://www.oyamacity.com/web/30269/</link>
					<comments>https://www.oyamacity.com/web/30269/#respond</comments>
		
		<dc:creator><![CDATA[サイト管理者]]></dc:creator>
		<pubDate>Sat, 09 Oct 2021 13:40:30 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<guid isPermaLink="false">https://www.oyamacity.com/?p=30269</guid>

					<description><![CDATA[前にも書いていますが、改めて書いています。自分のポリシーは以下なので、これが合わない方は呼んでも時間の無駄かもしれません。 仕事でフォームを作るとき、どういった条件のフォームを作らなければならないか、要件を定義しなければ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>前にも書いていますが、改めて書いています。自分のポリシーは以下なので、これが合わない方は呼んでも時間の無駄かもしれません。</p>



<ul class="wp-block-list">
<li>WEBに乗っけたものは、何れ全部漏れる！（ WEB上に完璧なセキュリティなどない ）</li>



<li>WordPressを使う場合は、PHPやJavascriptなど、オリジナルなコードは出来るだけ書かない</li>



<li>無料コースしか用意していない個人制作のプラグインは出来るだけ使わない</li>



<li>ユーザーが少ない有料のプラグインは出来るだけ使わない</li>
</ul>



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



<p>仕事でフォームを作るとき、どういった条件のフォームを作らなければならないか、要件を定義しなければなりませんが、自分の場合は、いつも難しく考えずに、ぼんやりと、まず２つに分けています。</p>



<ul class="wp-block-list">
<li>シンプルなフォーム</li>



<li>シンプルじゃないフォーム</li>
</ul>



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



<p>まずはこれだけでいいと思っています。尚、今回はシンプルなフォームには触れません。シンプルなフォームは、Elementor Proでサクッと作って下さい。という事でシンプルじゃないフォームについて書きたいと思います。</p>



<p>今回依頼を受けたフォームは以下の条件となります。</p>



<ul class="wp-block-list">
<li>ログインしたユーザーだけが見ることの出来るページを作成</li>



<li>ログインユーザーページ内にお申し込みフォームを設置</li>



<li>フォームの投稿内容（お申込み内容）をメールだけではなく、DBに登録</li>



<li>全てのユーザーの投稿内容をCSVやエクセルに一括エクスポートが出来る</li>



<li>フォーム入力項目には条件分岐がある（Conditional Logic）</li>



<li>ユーザーはお申し込みが完了後、再度ログインをしても、お申込み済みユーザーとして扱われ、フォームは現れない。（本当は退会処理が同時になされればもっと良い）</li>
</ul>



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



<p>これを、コードでやると結構テクニカルですが、このフォームは簡単にそれらを実現してくれます。</p>



<p>今回クライアントに妥協して頂いた点は、管理はWEB上で行わず、あくまでもエクセルなど、ローカルで行ってくれ。ということにしました。これにより、フォームの項目に「氏名」「メールアドレス」「電話番号」は不要になります。「ログインIDとローカルPCにあるエクセルのIDの付け合わせでチェックをしていってくれ」ということでご納得頂きました。</p>



<p>本当に個人情報の事故を起こしたくなければ、これくらいの手間は掛けてもいいのではないか？と思うわけです。付け合わせくらいは、マクロでどうにでも出来ますし。今回は扱う規模が割と大きかったのでそうしました。これが私のセキュリティポリシーです。</p>



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



<h2 class="wp-block-heading">Fluent Forms Proのご紹介</h2>



<p>このプラグインは、フォームの制作を行うためのプラグインです。そして、上記条件の全てをクリアしたフォーム制作プラグインになります。もし、初心者の方が直面する難関があるとすれば、</p>



<ul class="wp-block-list">
<li>SMTPアドオンをインストールしなければならない</li>



<li>プルダウンメニューの並び替えは、wp_queryを簡易化したものを書く必要がある</li>
</ul>



<p>といった２点ありますが、それも特に難しいわけではなく、ヘルプページに説明がありますし、それ以外についても簡単に設定が可能です。</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="526" src="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formlist-1024x526.jpg" alt="" class="wp-image-30274" srcset="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formlist-1024x526.jpg 1024w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formlist-300x154.jpg 300w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formlist-768x394.jpg 768w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formlist.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">フォームのリスト画面</figcaption></figure>



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



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="526" src="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdev-1024x526.jpg" alt="" class="wp-image-30275" srcset="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdev-1024x526.jpg 1024w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdev-300x154.jpg 300w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdev-768x394.jpg 768w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdev.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">フォーム作成画面（右にあるアイテムをドラッグするだけ）</figcaption></figure>



<p></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="526" src="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/mailsetting-1024x526.jpg" alt="" class="wp-image-30276" srcset="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/mailsetting-1024x526.jpg 1024w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/mailsetting-300x154.jpg 300w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/mailsetting-768x394.jpg 768w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/mailsetting.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">自動応答メッセージ作成リスト画面</figcaption></figure>



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



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="526" src="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdetailsetting-1024x526.jpg" alt="" class="wp-image-30277" srcset="https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdetailsetting-1024x526.jpg 1024w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdetailsetting-300x154.jpg 300w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdetailsetting-768x394.jpg 768w, https://www.oyamacity.com/ptl/wp-content/uploads/2021/10/formdetailsetting.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">フォーム詳細設定画面</figcaption></figure>



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



<p>最後の詳細設定画面で、１回きりのお申込みにするか、など、細かい設定が可能となります。ここまで簡単で完璧なフォームプラグインに出会ったことはありません。購入プランはサブスクリプションとライフタイムプランがあります。私は、ライフタイムプランの最上級のプランで購入しました。９万円ほどですが、自分はサブスクリプションが好きではありません。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.oyamacity.com/web/30269/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
