0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 727
تاریخ بروزرسانی 23 جولای 2019

آموزش کار با فرم ساز حرفه ای Ninja Forms ورد پرس

ایجاد فرم های تماس و به طور کل فرم های ارتباط با مشتریان از امکانات غیر قابل انکار برای هر نوع سایتی میباشد،از سایت های روزمه ای و فردی گرفته تا سایت های شرکتی و حرفه ای ،تمام سایت ها نیاز به فرمهای تماس با ما برای برقراری ارتباط با کاربران و مشتریان خود دارند، پس امروز با تیم طراحی سایت اصفهان وب یار همراه باشید تا به آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس برای شما طراحان عزیز بپردازیم.

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

آموزش افزونه ارتباط با ما NINJA Form

شما از کاربردهای گوناکون به عنوان مثال ثبت نام کاربران در خبرنامه ها و یا ایجاد عضویت برای کاربران جهت استفاده از امکانات سایت  ویا طراحی سایت فروشگاهی شما همه و همه شما را به سمت استفاده از فرم تماس با ما میکشاند. رضایت و یا عدم رضایت مشتریان از سایت شما همه و همه از طریق فرم های تماس با ما به شما اطلاع رسانی میشود.

از معروف ترین فرم های ارتباط, فرم تماس با ما از طریق افزونه contact form 7 میباشد،که فراگیری آن را قبلا در سایت وب یار قرار داده ایم.که به نوبه ی خود امکانات تمامی فرم های تماس  مورد نیاز از قبیل نام و نام خانوادگی کاربران،ایمیل،آدرس،شماره تماس،توضیحات اضافی،و موارد دیگر و در نهایت دکمه ی ارسال  را دارا میباشد. در این مقاله آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس برای شما ارائه داده شده است.

افزونه Ninja Forms

از طریق افزونه Ninja Forms قادر به ساخت فرم هایی ساده ولی بسیار کاربردی و جالب مانند فرم تماس، فرم عضویت، فرم استخدام و سایر موارد با کمک خاصیت درگ و درآپ خواهیم بود.

 نصب افزونه Ninja Forms:

برای نصب این افزونه به پیشخوان وردپرس رفته و آن را نصب و سپس فعال می کنیم. پس از فعال سازی افزونه گزینه ای با عنوان “Forms” در پیشخوان ظاهر می شود. با کلیک بر روی آن به بخش تنظیمات افزونه منتقل می شویم.

 

 آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

 

با کمک فرم ساز Ninja Forms قادر به ساخت فرم های متعددی مانند فرم تماس، فرم عضویت، فرم استخدام  فرم ثبت نام و سایر موارد با کمک خاصیت درگ و دراپ خواهیم بود. عملکرد آن بسیار ساده و آسان است و کار کردن با آن لذت بخش!

برای نصب این افزونه به پیشخوان وردپرس رفته و آن را نصب و سپس فعال می کنیم. پس از فعال سازی افزونه گزینه ای با عنوان “Forms” در پیشخوان ظاهر می شود. با کلیک بر روی آن به بخش تنظیمات افزونه منتقل می شویم

حالا به توضیح گزینه های افزونه Ninja Forms میپردازیم.

Settings

در این بخش می توانیم تنظیمات اصلی افزونه را بررسی کرده و آن را تغییر دهیم. با کلیک روی گزینه ی Settings با دو تب رو به رو خواهیم شد که به بررسی هر یک می پردازیم

General

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

 

:Date Format می توانید فرمت تاریخ را در این قسمت وارد کنید. دقیقا این فرمت را می توانید از بخش تنظیمات همگانی

خود دریافت کرده و در اینجا وارد کنید.
:Currency Symbol
نماد و واحد پولی خود را تعیین کنید و در این بخش وارد کنید. مثلا در اینجا واحد دلار در نظر گرفته شده است.

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

در این بخش می توانید تنظیمات دریافت کد امنیتی کپچا را برای فرم های خود دریافت کنید.

:Remove ALL Ninja Forms data upon uninstall: با علامت زدن این گزینه تمامی اطلاعات فرم ها از پایگاه داده ی وردپرس حذف خواهد شد.
:Disable Admin Notices:
غیر فعال کردن حالت نمایش فرم ها در پیشخوان وردپرس به ادمین سایت.

Labels

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

 

اطلاعاتی که در تصویر بالا مشاهده می کنید برچسب های مهم در فرم ها هستند که به صورت پیش فرض انگلیسی بوده و ما آن را به فارسی برگرداندیم.

Import/Export

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

 

این افزونه قابلیت درون ریزی و برون بری فرم ها و فیلدها را دارد که از این بخش می توانید به راحتی این کار را انجام دهید.

Submissions

در این بخش شما می توانید تمامی ارسال هایی که به فرم های موجود در سایت شما فرستاده شده است را مشاهده کنید. به آن ها پاسخ دهید یا آن ها را حذف کنید.

Add new

آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس

 

در اینجا شما می توانید با کمک ابزارهایی که در سمت راست مشاهده می کنید فرم های دلخواه خود را بسازید. همانطور که میبینید برای هر بخش نیز فیلدهای مخصوصی دارد و در واقع فرم ساز کاملی است.

در ادامه آموزش کار با فرم ساز حرفه ای Ninja Forms وردپرس به وسیله ما همراه باشید تا یک شکل زیبا از صفحه تماس با ما روبه رو شوید وبتوانید آن رابسازید.

Bulid your form

بببب

build your form hamyarwp

در این بخش شما قادر به ساخت فرم دلخواه با کمک ابزار سمت راست خواهید بود.

Email and actions

email hamyarwp

در این قسمت می توانید ایمیل ها را تنظیم کنید.

Settings

settings hamyarwp

 

تنظیماتی که در این صفحه دیده می شود برای نمایش فرم و عنوان آن و پیامی است که پس از ارسال توسط کاربر برای اون فرستاده خواهد شد. حال نتیجه را مشاهده می کنیم

result form hamyarwp

نتیجه:

شما می توانید برای این که ارتباط درستی با کاربران خود داشته باشید و اطلاعاتی از کاربران خود دریافت کنید از این فرم ساز استفاده نمایید. برای دریافت آموزش های بیشتر می توانید به تیم طراحی سایت اصفهان سایت شرکت وب یار مراجعه کنید.امیدوارم از این مقاله استفاده کافی را کرده باشید.

مطالب مرتبط
9 تگ مهم HTML5
مطالعه :

در این مقاله قصد داریم شما را با چند تگ مهم html5 آشنا کنیم و موارد استفاده آن ها را به شما معرفی کنیم.اما قبل از آن می خواهیم در مورد چگونگی به وجود آمدن html5 مطالبی را بیان کنیم. HTML5 بعد از معرفی xhtml 1.0 سازمان w3c قصد داشت روی xhtml 2.0 کار کند . اما سازندگان مرورگر هایی مثل chrome , firefox و….. با هم جلساتی داشته و طی این جلسات به این نتیجه رسیدند که فضای وب خشک شده و تصمیم گرفتند نسخه ای از html را تحت عنوان html5 معرفی کنند. سازمان w3c نیز پس از مدتی که مشاهده کرد مردم به سمت این نسخه ی html کشیده شدند،کار کردن روی xhtml 2.0 را متوقف کرد وhtml5 را به عنوان استاندارد های جدید معرفی کرد. این نسخه ی html از تگ های معنا دار استفاده کرده و تگ ها خیلی مختصر تر از نسخه های قبلی شدند. در ادامه تعدادی از این تگ ها را به شما معرفی میکنیم. DOCTYPE HTML : این تگ باعث می شود تا ما متوجه شویم که کد های HTML با چه ورژنی از آن نوشته شده اند. در جدول زیر DOCTYPE ورژن های مختلف را مشاهده می کنید.   همین طور که در جدول بالا مشاهده کردید در این ورژن از HTML تگ ها بهینه شده اند. طراحی وب سایت […]

HTML YouTube Video
مطالعه :

در این مقاله قصد داریم به آموزش HTML YouTube Video  بپردازیم. پس با ما همراه باشید. شاید شما نیز هنگام آپلود کردن ویدیو در سایت‌ تان به مشکلاتی از قبیل افت سرعت سایت، نخواندن فرمت و…برخورده اید. از عمده دلایلی که افراد به سراغ آپلود فیلم در سایت خود نمی روند، می توان به درگیری با فرمت ویدئو اشاره کرد، چرا که ممکن است همه مرورگرها فرمت فیلم‌تان را نتوانند باز کنند و شما مجبور به تغییر فرمت متناسب با مرورگرتان شوید، که این خود شاید کاری سخت و یا وقت‌گیر باشد. در این بخش راهی ساده با استفاده از سوشیال مدیای یوتیوب در اختیار شما قرار می دهیم. آپلود ویدئو به کمک YouTube یوتیوب سال هاست که با خدمات ارزشمند خود به یاری کاربران و انواع نیازهای آنان پرداخته است. شما برای استفاده از امکانات پخش فیلم یوتیوب در سایت خود کافیست در آن عضو شده و ویدئوی خود را آپلود کنید. شناسه و یا IDیی رایگان (به طور مثال : tgbNymZ7vqY) یوتیوب به شما می دهد. نحوه استفاده از این شناسه را در بخش بعد به شما آموزش می دهیم. پخش ویدئوی YouTube در HTML با استفاده از تگ <iframe>  و تعیین src attribute می توان به راحتی فیلم یوتیوب را در کد HTML خود اجرا کنید. iframe width=”420″ height=”315″> src=”https://www.youtube.com/embed/tgbNymZ7vqY” </iframe>   توجه شود که درون تگ […]

9 ویژگی مهم CSS در طراحی وب
مطالعه :

در این مقاله قصد داریم  تا با 9 ویژگی مهم CSS در طراحی وب آشنا شویم. 9 ویژگی مهم CSS در طراحی وب در طی یادگیری css به طور کامل با تمامی ویژگی های Css آشنا شدیم و یادگرفتیم که هر کدام از این ویژگی ها چه کاربردی دارند و چگونه باید از انها استفاده کنیم،در این مقاله نیز میخواهیم به صورت کاملا خلاصه با 9 ویژگی کاربردی css آشنا شویم .     1) font-face     یکی از ویژگی های  CSS3 که درسال های اخیر باعث تحولاتی در بخش طراحی وب شده  font-faceاست. این ویژگی به ما  این امکان را میدهد  که هر فونتی که می خواهیم ، به راحتی با فرمت های مختلف و تنظیمات دلخواه در هر بخش از کدCSS  استفاده کنیم. از این ویژگی برای انتخاب ازبین چندین هزار فونت رایگان ، برای صفحه وب خود استفاده کنید. @font-face { font-family: Blackout; src: url(“assests/blackout.ttf”) format(“truetype”); } 2)  media از کوئری های media برای ساخت صفحات واکنش گرا یا طراحی وبسایت بر اساس شرایط دستگاه مورد استفاده قرار میگیرند. با استفاده از کوئری media  و ویژگی min-width  ما می توانیم عناصر صفحه ی وب را به شکل بهتری و با توجه به شرایط موجود به نمایش کاربر در بیاورید. @media screen and (max-width: 960px) { } 3)   clearfix استفاده از clearfix   برای مواقعی که overflow: hidden کار نمیکند, جایگزین […]

Google analytics
مطالعه :

Google analytics در این مطلب میخواهیم در مورد google analytics با شما صحبت کنیم. ابتدا تاریخچه google analytics سپس در مورد چگونگی ثبت نام در آن و مکانیزم کارکرد آن را بررسی می کنیم.     تاریخچه: در  مارس 2005 گوگل شرکت urchin را تحت مالکیت خود در آورد. کاربران اینترنت برای اولین بار در 11 نوامبر 2005  این سرویس گوگل را شناختند،سرویسی که تا قبل از آن که توسط گوگل خریداری شود به نام urchin  و با قیمت 500 دلار در بازار عرضه می شد. اما گوگل هنگام رو نمایی از این سرویس اعلام کرد که این سرویس به صورت رایگان عرضه خواهد شد که این گفته باعث ایجاد مشکلات بسیاری در سرور های گوگل شد چرا که ارائه ی رایگان این سرویس خدمت بزرگی برای صاحبان وبسایت و کسب و کار ها بود . استقبال از این سرویس گوگل تا حدی زیاد بود که گوگل مجبور شد به مدت 10 ماه ثبت نام های این سرویس را ببندد. در زمان بسته شدن ثبت نام گوگل ماشین جدیدی به این سرویس اضافه کرد تا عملکرد google analytics  بهبود پیدا کند.همان ط.ر که پیشبینی می شد باز شدن این سرویس پس از 10 ماه باعث حجوم کاربران بسیاری شد و این سرویس در عرض چند ماه همه گیر و محبوب شد. ثبت نام در google analytics : عکس زیر تمامی […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله میخواهیم 3 لیست مهم در HTML5 را به شما بگوییم. 3 لیست مهم در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم :     Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید: انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند چه آیتمی اول و یا اخر باشد. برای نوشتن چنین لیست هایی باید […]

فروشگاه اینترنتی حرفه ای
مطالعه :

طراحی سایت فروشگاهی اینترنتی امروزه در دنیای تجارت همه ی افراد برای گسترش کسب و کار خود در فکر طراحی سایت فروشگاهی هستند. افراد با استفاده از یک سایت فروشگاهی بازدیدکنندگان را قادر می­ سازند تا در تمام ساعات شبانه روز محصولات و خدمات مورد نیاز خود را سفارش دهند. در یک فروشگاه اینترنتی علاوه بر فروش کالاهای فیزیکی، خدمات و کالاهای غیر فیزیکی نیز به فروش می­ رود و خریداران تنها با یک کلیک می­ توانند محصولات و خدمات مورد نیازشان را بررسی کنند و سپس اقدام به خرید نمایند. در ادامه همراه طراحی سایت وب یار باشید تا با مزایا، امکانات و  مراحل طراحی سایت فروشگاهی و طراحی فروشگاه اینترنتی آشنا شوید.   مزایای طراحی سایت فروشگاهی عدم نیاز به حضور در فروشگاه: فروشگاه­ هایی که به­ صورت آنلاین فعالیت می­ کنند محدودیت زمان فعالیت ندارند. در واقع مزیت فروشگاه­ اینترنتی در این است که این فروشگاه­ ها به­ صورت شبانه ­روزی فعالیت می­ کنند و افراد در هر ساعت از شبانه­ روز که بخواهند می­ توانند از این فروشگاه ها محصول مورد نظر خود را خریداری نمایند. کاهش هزینه­ ها: به­ طور کلی راه ­اندازی فروشگاه اینترنتی ارزان­ تر از راه ­اندازی یک فروشگاه فیزیکی می­ باشد. اگرچه طراحی سایت فروشگاهی مستلزم دانش، تخصص فنی و سرمایه­ گذاری مستمر است. افزایش فروش: شما ممکن است برخی از […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *