استفاده از ویدئوهای آموزشی در وبسایت (اینفوگرافیک)

ویدئوهای آموزشی در وبسایت

سلام دوستان؛
تا به حال در مورد اثرگذاری محتوای متنی و محتوای صوتی صحبت کردیم اما در کنار این دو می توان به عامل اثرگذار تری مانند ویدئو اشاره کرد. شما به کمک ویدئوهای آموزشی در وبسایت می توانید منظور و مفهم مطلب خود را به مراتب بهتر و سلیس تر به مخاطبان خود انتقال دهید. برای ارتقای سطح وبسایت ها و بهبود وضعیت بهینه سازی آنها پیشنهاد می شود حتما از ویدئوی آموزشی یا تبلیغاتی استفاده کنیم.

ویدئوهای آموزشی در وبسایت

شما می توانید از ویدئوهای آموزشی به صورت های مختلف آموزشی برای ساخت محتوای آموزشی و ساخت ویدئوهای نمایشی محصولات و … استفاده کنید. شما می توانید با کمک ویدئوهای آموزشی در وبسایت به موارد زیر بپردازید:

  • معرفی برند تجاری
  • جرب مخاطبان بیشتر
  • میزان تاثیرگذاری بر فروش
  • سخنرانی ها و سمینارهای آنلاین
  • معرفی عملکردهای موجود
  • قرار دادن ویدئو در صفحه فرود
  • کمپین های ایمیل مارکتینگ
  • ویدئوهای شبکه های اجتماعی
  • و…

با کمک ویدئو می توانید تمامی مواردی که در بالا گفته شده را نمایش دهید و اجرا کنید. نظر شما را به اینفوگرافیک زیر جلب میکنم:

ویدئوهای آموزشی-ویدئوهای آموزشی در وبسایت

 

کاربرد ویرایش سریع در وردپرس

ویرایش سریع در وردپرس

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

ویرایش سریع در وردپرس

با ویرایش سریع در وردپرس به راحتی میتوانید نوشته های وبسایت را تغییر دهید و پست ها و برگه ها را ویرایش کنید. با این روش میتوان آدرس ها را تغییر داد، تصاویر را تغییر اندازه دهید و سئوی متن را بهبود بخشید.

چرا روش ویرایش سریع در وردپرس پیشنهاد میشود ؟

چنانچه در وبسایت خود تعداد انگشت شماری برگه دارید این روش چندان برای شما جالب نیست و متوجه عملکرد آن نخواهید شد. اما وقتی تعداد زیادی برگه دارید و تصمیم میگیرید یک مورد خاص را در تمامی آنها ویرایش کنید، آنجاست که کمک این امکان وردپرس مشهود میشود.

مشاهده آیتم های بیشتر در هر برگه

به صورت پیش فرض، وردپرس حدود ۲۰ مورد را در هر برگه نشان میدهد مثل لیست ویرایش نوشته یا برچسب ها. اگر میخواهید موارد بیشتری را مشاهده کنید میتوانید آنها را اضافه کنید : 

numbers-ویرایش سریع در وردپرس

برای ویرایش تعداد زیادی از آیتم ها در لیست، در قدم اول باید کاری کنید که تمامی آنها ظاهر شوند. بر روی تنظیمات صفحه از بالای صفحه ی برگه ها کلیک کنید تا باز شود . سپس میتوانید تعداد نمایش آیتم در هر برگه را مشاهده کنید که روی عدد ۹۹۹ است. با تغییر این مقدار میتوانید آیتم ها را کم و زیاد کنید.

ویرایش سریع نوشته ها و برگه ها

پس از مشخص کردن تعداد بر روی گزینه ی انتخاب همه از بالای ستون برگه یا نوشته کلیک کنید تا تمامی موارد انتخاب شوند. سپس میتوانید بر روی گزینه ی ویرایش سریع در وردپرس کلیک کنید . همانند تصویر زیر:

fast edit- ویرایش سریع در وردپرس

در تنظیمات باز شده میتوان مواردی را ویرایش کرد. در پست ها از قبیل :

  • افزودن دسته و برچسب
  • تغییر نام نویسنده
  • فعال / غیر فعال کردن دید گاه ها
  • تغییر نام پست
  • تغییر فرمت پست
  • اجازه دسترسی یا مسدود کردن پینگ بک ها
  • اضافه کردن ویژگی چسبناک به نوشته

وجود دارد. و اما در برگه ها میتوانید موارد زیر را تغییر دهید :

  • تغییر نویسنده
  • افزودن مادر برگه
  • تغییر قالب
  • غیر فعال و فعال کردن دیدگاه ها
  • تغییر عنوان برگه 

edit page- ویرایش سریع در وردپرس

ویرایش سریع دسته ها و برچسب ها

امکان ویرایش سریع در وردپرس برای دسته و بر چسب نیز وجود دارد.

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

edit cat- ویرایش سریع در وردپرس

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

  • ترکیب دردسته یا برچسب به یکی
  • تنظیمات ساخت سریع دسته یا بر چسب
  • تغییر دسته بندی ها

برای اینکه به موارد بالا دسترسی پیدا کنید باید از افزونه ی Term  Management  Tools  استفاده کنید. افزونه را نصب و سپس فعال کنید و سپس آیتم هایی را که به بخش دسته ها و برچسب ها اضافه شده خواهید دید. 

add item- ویرایش سریع در وردپرس

دانلود افزونه Term  Management  Tools

دانلود صفحه افزونه

ویرایش سریع دیدگاه ها

اگر وبسایت شما دارای کاربران زیادی است حتما دیدگاه های زیادی نیز دارید و گاهی نیاز به ویرایش آن دارید. یکی از مواردی که در ویرایش سریع وردپرس مفید است امکان غیر فعال کردن دیدگاه ها میباشد.

comments- ویرایش سریع در وردپرس

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

قالب وبلاگی وردپرس Materia lite

قالب وردپرس Materia lite

سلام دوستان عزیز!
در این نوشته از همیار وردپرس قصد معرفی قالبی دیگر را از مجموعه قالب شخصی وردپرس داریم که می توانید به کمک آن یک سایت به سبک وبلاگی/شخصی را ایجاد کنید.
صفحه ی اصلی قالب وردپرس Materia lite دارای یک ستون می باشد که بعد از منوی اصلی سایت تا قبل از فوتر تنها مطالب سایت قرار می گیرد. و بعد از آن نیز می توانید در در قسمت فوتر چهار جایگاه برای افزودن ابزارک ها داشته باشید.
منوی بالای این سایت در حالت رسپانسیو بسیار زیبا نمایش داده می شوند و روی هر صفحه نمایشی دارای حالت زیبا و منحصر به فرد می باشد.

قالب وردپرس Materia lite

  • قالب وردپرس Materia lite دارای ۵ جایگاه برای افزودن ابزارک ها می باشد که در سایدبار (یک جایگاه) و فوتر (چهار جایگاه) می توانید ابزارک های مورد نیاز خودتان را به قالب اضافه کنید.
  • قالب وردپرس Materia lite دارای صفحه ی اصلی ساده جهت نمایش نوشته های سایت می باشد که می توانید به راحتی وبلاگ وردپرسی خود را مشابه دمو پیاده سازی کنید.
  • همچنین دارای یک منو در بالا و در قسمت هدر می باشد.

نکات نصب قالب

  1. اگر تمایلی به استفاده از فایل درون ریز محتوا ندارید مشکلی نخواهید داشت و می توانید بسیار ساده با قالب وردپرس Materia lite کار کنید اما برای ایجاد بخش ابزارک ها مشابه دمو پیشنهاد می شود از فایل درون ریز ابزارک دمو استفاده کنید.
  2. برای ایجاد فرم تماس با ما در برگه ی تماس با ما می توانید از یک افزونه فرم ساز استفاده کنید و شورت کدی که افزونه به شما می دهد را در یک برگه وارد کنید.
  3. برای نمایش آیکون های شبکه های اجتماعی در قسمت هدر می بایست در قسمت شخصی سازی قالب لینک هر شبکه ی اجتماعی را وارد کنید تا آیکون آن در هدر برای شما به نمایش گذاشته شود.
  4. برای ایجاد تصویر در زیر هدر می بایست در قسمت شخصی سازی قالب و قسمت سربرگ می بایست تصویر مورد نظرتان را آپلود کنید.

wordpress theme-قالب وردپرس Materia lite

نصب سریع با فایل درون ریز

در روش نصب سریع برای قالب وردپرس Materia lite توجه داشته باشید که محتوای سایت و جایگاه ابزارک ها بصورت خودکار وارد سایت شما می شود و نیاز به ایجاد توسط شما نیست. اگر نیاز دارید که قالب را روی سایت اصلی نصب کنید، فقط از فایل درون ریزی ابزارک ها استفاده کنید توجه داشته باشید که ابتدا قالب نصب شود و سپس فایل های درون ریز را در بخش ابزارها و درون ریزی وارد نمائید.

قالب وبلاگی وردپرس Materia lite با فونت یکان

دانلود
پیش‌نمایش

قالب وبلاگی وردپرس Materia lite با فونت میترا

دانلود
اسکرین شات

درون ریزی محتوای دمو

دانلود
راهنما

درون ریزی ابزارک های دمو

دانلود
راهنما

ساخت فرم تماس با ما در وردپرس با hit form 7

فرم تماس با ما در وردپرس

اضافه شدن ویدئوی آموزشی در تاریخ ۲۶ مرداد ۱۳۹۶
بروز رسانی توسط محمدرضا خدری در تاریخ ۱۳۹۶/۳/۸
سلام دوستان؛
در همه ی سایت های امروزی برگه ی تماس با ما برای ارتباط بازدید کننده یا کاربران با مدیریت سایت وجود دارد. این برگه باعث بهبود رابط کاربری سایت، ارتباط بازدید کنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می شود. می توان به دلیل پر کاربرد بودن این برگه (در همه ی سایت ها وجود دارد!) آن را یکی از برگه های مهم سایت به شمار آورد.
افزونه های متعددی برای ساخت فرم تماس با ما در وردپرس وجود دارد(خیلی زیاد!) که می توانید با آن ها فرم های متنوعی را ایجاد کنید.
از افزونه های قدیمی و پرکاربرد می توان افزونه ” فرم تماس با ما ۷ ” یا Contact form 7 را یاد کرد که محبوبیت بالایی را در میان وبمستران وردپرسی دارد.

فرم تماس با ما در وردپرس با contact form 7

contact form 7-فرم تماس با ما در وردپرس

نحوه ی استفاده

ساخت فرم تماس با ما در وردپرس به کمک این افزونه بسیار ساده و آسان می باشد. می توانید بعد از نصب سریعاً یک فرم جدید بسازید و یا اینکه از فرم آماده ی موجود استفاده کنید. و در نهایت از شورت کدی که فرم تماس با ما ۷ در اختیار شما قرار می دهد را در برگه/نوشته سایت وردپرسی خود وارد کنید تا در خروجی فرم تماس با ما برای شما نمایش داده شود.

شروع کار

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

contact form-فرم تماس با ما در وردپرس

  • از قسمت Contact Forms می توانید فرم های ساخته شده ی خودتان را مشاهده کنید که بعد از نصب یک فرم آماده را می توانید در این بخش مشاهده کنید.
  • از قسمت Add New هم می توانید یک فرم جدید بسازید.
  • از قسمت آخر یعنی Integration هم می توانید افزونه های مکمل این افزونه را استفاده کنید.

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

بعد از آوردن قسمت ویرایش فرم ایجاد شده طبق تصویر زیر…

shortcode-فرم تماس با ما در وردپرس

از قسمت بالا می توانید در فیلد مربوطه یک عنوان برای فرم خود در نظر بگیرید.
از قسمت پایین تر آن یعنی کادر قرمز رنگ، می توانید شورت کد فرم را مشاهده کنید که بعد از اعمال تنظیمات دلخواه می توانید این شورت کد را در برگه/نوشته سایت خود قرار دهید.

بعد از آن هم با ۴ تب متفاوت این افزونه جهت ویرایش فرم روبرو می شوید.

تب اول Form

در ویرایشگر متنی ساده ی این بخش شما تعدادی دکمه را مشاهده می کنید که جهت اعمال متفاوت می باشند.
مثلا برای ایجاد چک باکس باید دکمه ی checkboxes را بزنید، بعد از آن با صفحه ی پاپ آپی مواجه می شوید که تنظیمات تگ مورد نظر را در آن قسمت مشاهده می کنید، بعد از اعمال تنظیمات هم برای وارد کردن بخش مورد نظر در فرم بر روی گزینه ی Insert Tag کلیک کنید.

فارسی سازی بخش های مختلف

نوشته ها و محتوای فرم تماس با ما ۷ کاملا به صورت انگلیسی می باشد اما خیلی ساده شما می توانید بخش های مختلف را برای سایت فارسی خود بصورت فارسی نمایش دهید، کافیست کلمات انگلیسی موجود درون تگ ها را همانند تصویر زیر بصورت فارسی بنویسید.

form-فرم تماس با ما در وردپرس

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

متوجه نشدید!!؟

اگر این قسمت متن مورد نظر را اشتباه انتخاب کنید ممکن است فرم مورد نظر شما در خروجی به خوبی نمایش داده نشود.
برای این که چنین اشتباهی را نکنید دقت کنید که همیشه متن مقابل تگ
label را باید از حالت انگلیسی به فارسی برگردانید. در غیر این صورت فرم به خوبی نمایش داده نمی شود!

تب دوم Mail

وقتی کاربری وارد سایت شما شود و به برگه ی تماس با ما مراجعه کند و بخواهد یک پیغام برای مدیریت سایت ارسال کند به نظر شما این پیغام به کجا می رود؟

mail-فرم تماس با ما در وردپرس

در این تب شما می توانید ایمیلی را وارد کنید تا تمامی پیغام های کاربرانتان بعد از ارسال به آن ایمیل ارسال شود. اگر به هر نحوی ایمیل برای شما ارسال نشد به ادامه ی توضیحات توجه کنید:

use mail-فرم تماس با ما در وردپرس

اگر ایمیل ارسال نشود ما می توانید از بخش ایمیل ۲ افزونهفرم تماس با ما در وردپرس طبق تصویر بالا ایمیل دیگری را وارد کنیم تا در غیر این صورت به ایمیل دوم ارسال شود.
در قسمت ایمیل دوم ایمیل خود را در جاهای مشخص شده در تصویر بالا قرار دهید(در هر دو قسمت).

تعدادی شورت کد را هم می توانید در این تب مشاهده کنید که می توانید از آن ها در الگوی ایمیل خودتان استفاده کنید، مثلا با شورت کد [your-subject] می توانید موضوع ایمیلی را که کاربر وارد کرده است در آن قسمت نمایش دهید.

تب سوم Messages

در این تب هم شما یک لیست بلند از متن هایی که کاربر در حین ارسال فرم (قبل و بعد) قرار است مشاهده کند را مشاهده می کنید که البته انگلیسی می باشند اما شما می توانید به خوبی آن ها را به فارسی بر گردانید.

messages-فرم تماس با ما در وردپرس

برای مثال در تصویر بالا ما گزینه ی اول را به فارسی برگردانده ایم.

تب چهارم Additional Settings

additional settings-فرم تماس با ما در وردپرس

در این قسمت هم می توانید کد های اضافه را وارد کنید(اگر به زبان های تحت وب تسلط دارید). در نهایت هم برای ذخیره ی تمامی تغیرات روی دکمه ی Save در زیر کلیک کنید.
بعد از انجام تمامی تغیرات می توانید فرم تماس با ما در وردپرس را در خروجی نمایش دهید…

مشاهده ی خروجی

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

توجه: بهتر است درون یک برگه فرم تماس با ما را نمایش دهید تا نوشته.

put shortcode-فرم تماس با ما در وردپرس

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

contact us-فرم تماس با ما در وردپرس

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

نکته: اگر ایمیل ها را در اسپم ایمیل خود مشاهده می کردید برای یکبار ایمیل دریافتی را no spam کنید تا دفعات بعدی در inbox آن را دریافت کنید.

موفق باشید…

ویدئوی آموزشی

دانلود افزونه contact form 7

دانلود صفحه افزونه

۱۰ نکته در مورد وبسایت های تجاری بر بستر موبایل (اینفوگرافیک)

وبسایت های تجاری بر بستر موبایل

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

وبسایت های تجاری بر بستر موبایل

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

اما راه حل دیگری نیز برای این موضوع وجود دارد که برای کاربران شما نیز جالب تر است! اینکه بتوانید برای وبسایت خود اپلیکیشن موبایلی بسازید! اینکه چطور باید وبسایت های تجاری بر بستر موبایل را ایجاد کنیم و استاندارد آنها چگونه است را در اینفوگرافیک زیر بررسی خواهیم کرد:

  • استفاده از محتوای کوتاه و مفید
  • توجه به لایه های موجود در سایت 
  • سازگار با تمامی دستگاه های هوشمند 
  • سازگار با حالت لمسی
  • استفاده از آیکون های موبایلی
  • مشخص کردن بخش تماس
  • در نظر گرفتن لینک برای صفحه اصلی سایت 
  • حفظ برند
  • استفاده بهینه از تصاویر گرافیکی
  • بهینه سازی نسخه موبایلی 

mobile version-وبسایت های تجاری بر بستر موبایل

رعایت ۷ گزینه در طراحی وبسایت واکنش گرا

طراحی وبسایت واکنش گرا

ایجاد وبسایتی که در حالت موبایلی و در دستگاه های هوشمند به خوبی نشان داده شود کار راحتی نیست اما امکان پذیر است. بهتر است قبل از انتشار سایت خود حتما واکنش گرایی آن را بررسی کرده و تحت نظارت قرار دهید. برای طراحی وبسایت واکنش گرا به نکات و مواردی نیاز دارید که باید به آنها توجه کنید.

طراحی وبسایت واکنش گرا

در این مقاله، چک لیست ساده ای از آیتم های مورد نیاز که باید حتما در طراحی وبسایت واکنش گرا به آنها توجه کنید در نظر گرفته ایم که نظر شما را به آن جلب میکنیم.

تست واکنش گرایی وبسایت

برای اینکه بتوانیم با اطمینان واکنش گرایی یک وبسایت را بررسی کنیم میتوانیم از ابزارگوگل به اسم Mobile Friendly Test کمک بگیریم. با وارد کردن آدرس وبسایت مورد نظر میتوانید آن را بررسی کنید. 

page for mobile freindly-طراحی وبسایت واکنش گرا

بررسی ۷ مورد برای واکنش گرایی یک وبسایت

یکی از مواردی که در افزایش ترافیک وبسایت اهمیت دارد واکنش گرا بودن آن است. لیستی که در طراحی وبسایت واکنش گرا آماده کرده ایم مواردی را برای این منظور در اختیار شما قرار می دهد :

۱- تست وبسایت در رزولوشن های چند گانه

تست واکنش گرایی-طراحی وبسایت واکنش گرا

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

Chrome DeV ToolS: این ابزار یکی از بخش های مورورگر کروم است. به راحتی با آن میتوانید واکنش گرایی وبسایت را در هر دستگاه و اندازه ای که بخواهید تست کنید.
سرویس های Screenfly  و Browser stack: این موارد هم سرویس هایی هستند که میتوان رزولوشن ها را با کمک آنها بررسی کرد. تمامی این سرویس ها رایگان هستند و به راحتی میتوانید از آنها استفاده کنید.

۲- از نمایش درست فهرست ها در اندازه ی کوچک مطمئن شوید.

menus- طراحی وبسایت واکنش گرا

در بیشتر موارد، فهرست ها اولین گزینه برای نمایش دسته های وبسایت به کاربران هستند. با این وجود چند مرحله را برای تست فهرست ها در طراحی وبسایت واکنش گرا و در موبایل میتوانید انجام دهید:

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

۳- رزولوشن تصاویر را به دقت بررسی کنید.

resolution- طراحی وبسایت واکنش گرا

تصاویر جزء لاینفک وبسایت هستند اما گاهی در گرافیک آن دقت کافی صورت نمی گیرد. تصاویر باید دارای رزولوشن خوبی باشند تا در هنگام کوچک شدن در صفحات موبایل، تبلت و… لینک آنها بهم نریزد. برای اینکه موردی پیش نیاید به نکات زیر دقت کنید:

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

۴ – محتوای وبسایت خوانا باشد.

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

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

۵- برقراری ارتباط تمامی عناصر وبسایت با هم

باید حواستان باشد که با رسپانسیو کردن سایت، امکانات آن از کار نیفتد و تمامی عناصر استاندارد باشند. بهتر است موارد زیر را حتما بررسی کنید :

  • دکمه ها، فرمت ها، فهرست ها و…
  • تمامی لینک هایی که قابلیت کلیک کردن دارند.

۶- جلوگیری از مزاحمت پاپ آپ

باید حواستان باشد در طراحی وبسایت واکنش گرا، پنجره های پاپ آپ با اینکه باعث افزایش بازدید و ترافیک میشوند از طرفی میتوانند مزاحم و خسته کننده باشند . پس به گونه ای از آنها استفاده کنید که آزار دهنده نباشند.

۷- سرعت بارگذاری وبسایت را تست کنید.

قبل از هر کاری باید سرعت بارگذاری وبسایت خود را کنترل کنید و همیشه نیز باید آن را مورد بررسی قرار دهید زیرا امری کاملا ضروری است. سه نکته را در مورد سرعت وبسایت در نظر بگیرید :

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

چنانچه به این ۷ مورد کلیدی توجه کنید وبسایت مطلوبی را هم برای کاربران دسکتاپ و هم موبایل و سایر دستگاه های هوشمند خواهید داشت.

رشد سریع تولید پادکست در وبسایت ها (اینفوگرافیک)

پادکست در وبسایت ها

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

پادکست در وبسایت ها

به رسانه های صوتی در یک سایت پادکست می گویند. گاهی اوقات شنیدن یک خبر، مقاله، آموزش و… به صورت صوتی به مراتب می تواند تاثیرگذار تر از خواندن یک متن باشد.
طبق آماری که ارائه شده از سال ۱۳۸۵ تولید پادکست در وبسایت ها با رشد قابل توجهی رو به رو بوده است. این رشد برای هر دو گونه افرادی که پادکست ها را ایجاد می کنند و افرادی که از آن استفاده می کنند وجود دارد! نظر شما را به آمار جالبی در مورد کاربران و علاقه مندان به محتواب صوتی جلب می کنم:

  • ۶۹% از کاربران پادکست ها، در گوشی تلفن همراه خود به آن گوش می دهند.
  • ۵۶% از کاربران و شنوندگان این پادکست ها را جامعه ی آقایان تشکیل می دهد.
  • ۶% هم میانگین افرادی هستند که از فایل های صوتی یا همان پادکست استفاده می کنند و آن را ترجیح می دهند.

چنانچه بتوانید فایل صوتی جالب و خوبی را ارائه دهید مطمئن باشید به میزان زیادی می توانید کاربران و مخاطبان زیادی را جذب کنید. نظر شما را به اینفوگرافیک زیر جلب می کنم:

podcast-پادکست در وبسایت ها

۵ دلیل خوانده نشدن محتوای وبسایت توسط کاربران

خوانده نشدن محتوای وبسایت

تولید کنندگان محتوا ساعات زیادی را برای نوشتن محتوای وب سایت، صرف می کنند. بیشتر از ۶۰% کار روزانه حداقل برای تولید یک محتوا صرف می شود! اما جای تعجب است که چرا محتواهایی که ممکن است ارزشمند هم باشند برای کاربران خسته کننده می شود و نمی خوانند!
ما همه تلاش می کنیم محتوای منحصر به فرد و اساسی تولید کنیم اما هدف خیلی از وب سایت ها و وبلاگ ها به نتایج مطلوبی نایل نمی شود. مشکل در تلاش نیست بلکه بعضی از نویسندگان محتوای وب سایت ها تعدادی از مراحل ضروری و موثر در نوشتن محتوا را رعایت نمی کنند بنابراین دلیل خوانده نشدن محتوای وبسایت آنها می شود!

خوانده نشدن محتوای وبسایت

ما پنج مورد برای نوشتن محتوا و غلبه بر خوانده نشدن محتوای وبسایت را که اغلب تولید کنندگان محتوا به آن توجه ندارند برای شما بیان می کنیم:

  1. عناوین: اولین موردی که یک کاربر می خواند و به آن عکس العمل نشان می دهد.
  2. ساختار محتوا: محتوایی تولید کنید که به راحتی قابل خواندن باشد.
  3. الگوی شکل F : بررسی اینکه واقعاً چطور کاربران یک صفحه وب سایت را می خوانند.
  4. کلیدواژه ها: جای کلیدواژه ها را در محتوا پیدا کنید.
  5. ویرایش: لیاقت و اعتبار برای خود ایجاد کنید.

۱- عنوان شما مطلوب نیست

شما تنها چند ثانیه برای دریافت علاقه خواننده فرصت دارید. به عنوان در شروع کار توجه کنید! عناوین برای محتوای اینترنتی می توانند دارای انواع زیادی باشند. عناوینی به کار ببرید که علاقه هیجانی ایجاد کند. این ها را می توانید یاد بگیرید تا چیزهای جدیدی تولید کنید که شوخی، کنجکاوی و حتی ترس را القاء کند. بزرکترین چیزی که از محتوا در ذهن باقی می ماند، سادگی و رک بودن آن است که می تواند با خوانده نشدن محتوای وبسایت مبارزه کند. هر چیزی را برای محتوا قبول نکنید که قابل ارائه نباشد. به موارد زیر در انتخای عنوان دقت کنید:

  • استفاده از عناوین و تیترهای جذاب و حرفه ای
  • حفظ سادگی، مستقیم و ساده باشد.
  • واقعی باشد، عنوان شما منعکس کننده محتوای شما باشد.

زمانی که کاربران میخواهند مقاله شما را بخوانند، اول عنوان می آید بعد متن، مراقب باشید عناوین در نظر خوانندگان ساده و جذاب باشد. هربار که شما علاقه خواننده را به محتوای تان دارید، نیاز دارید این حالت را به راحتی ادامه دهید.

۲- محتوای شما دارای ساختار ضعیفی است

یکی از بهترین راهها برای حفظ علاقه خواننده و مبارزه با خوانده نشدن محتوای وبسایت، تولید محتوای ساده و بهینه کردن آن است. پاراگراف های کوتاه و جملات قدرتمند در پایان، ایجاد کنید. این ایده خوبی است که نقاط “های لات شده” یا “بولد” را برای تمرکز بیشتر به کار ببرید. این مورد کمک می کند که اطلاعات محتوای شما برای خواننده قابل درک و هضم باشد. به موارد زیر در این راستا دقت نمایید:

  • پاراگراف های کوتاه با جملات غیر پیچیده و ساده بنویسید.
  • از نکات بولد شده، فهرست شماره بندی و زیر شاخه ها برای جلب توجه کاربران استفاده کنید.
  • بین بخش های بلندتر متن را با تصاویر ،ویدئو ،و دیگر موارد بصری جایگزین کنید.

۳- شما طرح F را اجرا نمی کنید

f pattern-خوانده نشدن محتوای وبسایت

توجه کاربران را  به خواندن محتوای تان، در همان گام کوچک اولیه جلب کنید. حالا محتوا را در یک سبکی در موقعیتی قرار دهید که کاربر بتواند آن را بخواند.گروه Nielsen Norman روی ۱۳۲ مدل کاربر مطالعه ای داشته است. آنها دریافتند که کاربران علاقه مند محتوای وب سایت را در یک سبک ویژه ای می خوانند:”الگوی شکل F “. این الگو  برای افراد، متنوع می باشد اما بر مبنای همان جریان پایه و اساسی کار می کند.

چون کاربران مقاله را از راست به چپ در فارسی و بالعکس در انگلیسی در سراسر صفحه مطالعه می کنند، عنوان و چند خط اولیه رونوشت، را مورد توجه قرار می دهند. این کار خط افقی بالای F را ایجاد می کند. بعد آنها پایین، چند خطی را دوباره از راست به چپ می خوانند. اگرچه آنها اطلاعات زیادی را از اولین اسکن یا بررسی محتوا نمی گیرند!
این کار خط دوم افقی
F را می سازد. سرانجام کاربر به مطالعه سمت بعدی صفحه می پردازد. در این حالت آنها معمولاً تنها لغت های چند گانه اولیه از جملات شما را می خوانند. این حالت خط عمودی F را ایجاد می کند. موارد زیر را در مبارزه با خوانده نشدن محتوای وبسایت در نظر بگیرید:

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

۴- شما هرگز تحقیق نمی کنید

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

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

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

۵- ویرایش محتوا را فراموش نکنید

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

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

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

نوشتن محتوای اثربخش همیشه آسان نیست. اما نتیجه آن به پیوند کاربر و رسیدن به هدف برمی گردد. یک وب سایتی که مشکل دارد،ارتباطی با کاربران ندارد اما نوشته های خوب و موثر این پیوند را برقرار می کند.

همیار وردپرس ۶ ساله شد

سلام؛
جاتون اینجا خیلی خالیه! امروز تولد ۶ سالگی همیار وردپرس و ۳ سالگی ژاکت  را جشن گرفتیم.
در این سال ها با کمک و همراهی شما عزیزان، مشکلات بسیاری را پشت سر گذاشتیم و با پیشنهادت اثربخشتان علاوه بر افزودن امکانات بیشتر و بهتر به سایت هایمان، کلی در کسب و کارمان پیشرفت کردیم و این پیشرفت را همواره مدیون داشتن کاربرانی چون شما در جمع خانواده بزرگ همیار وردپرس و ژاکت هستیم.

همیار وردپرس 6 ساله شد

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

تولد سه سالگی ژاکت | ژاکت 3 ساله شد | جشن تولد سایت ژاکت | تولد Zhaket | تولد ژاکت

شما عزیزان می توانید با ثبت کد تخفیف birthday در سبد خرید خود در هریک از سایت های ژاکت و همیار وردپرس، از ۱۰% تخفیف ویژه ای که به همین مناسب به کلیه کاربران ارائه شده است بهره مند شوید. (قابل ذکر است این تخفیف تا سه شنبه یعنی ۲۴ مرداد ۱۳۹۶ قابل استفاده است)

ایام به کام، شاد باشید

ایجاد فرم ساز حرفه ای وردپرس با Ninja Forms

فرم ساز وردپرس

بروز رسانی و اضافه شدن ویدئوی آموزشی در تاریخ ۱۹ مرداد ۱۳۹۶
سلام دوستان؛
در هر سایتی فرم هایی به چشم می خورد اعم از فرم تماس، فرم عضویت، فرم ورود و…! در واقع این چنین می توان گفت که به هر نوع فعالیتی که مشغول باشید در هر بخش از سایت خود به ساخت فرم هایی نیازمند خواهید بود. فرض کنید باید کاری کنید تا کاربران در سایت شما ثبت نام کنند پس باید فرمی داشته باشید که امکان ایجاد عضویت کاربران را فراهم کند و سپس فرمی وجود داشته باشد که کاربران عضو شده بتوانند وارد وبسایت شما شوند. یا اینکه می خواهید کاربرانتان عضو خبرنامه شوند، باید فرمی وجود داشته باشد که از طریق آن بتوانند به راحتی عضویت خود را در خبرنامه ثبت کنند. از همه مهم تر و اساسی تر وجود یک فرم برای برقراری ارتباط و تماس با شماست! برای اینکه کاربران سایت از شما رضایت داشته باشند لازم است تا امکان برقراری ارتباط با شما را حتما داشته باشند و برای این امر مهم نیز نیازمند ساخت یک فرم جهت برقراری ارتباط هستید.
فرم ساز وردپرس به صورت های مختلف موجودند که از معروف ترین آن ها می توان به فرم تماس ۷ اشاره کرد. تقریبا از ابتدای وجود یک سایت چنین فرمی نیز اولین پیشنهاد می تواند باشد، همچنین فرم ساز های پرمیوم مانند qForm میز یکی از بهترین ها در بخش ساخت فرم می باشد.
در آموزش وردپرس امروز نیز تصمیم داریم فرم ساز قدرتمندی را خدمت شما معرفی کنیم که بیش از ۶۰۰۰۰۰ کاربر از آن استفاده می کنند و کاربردهای جالبی دارد.

فرم ساز وردپرس با افزونه Ninja Forms

ninja form plugin hamyarwp-فرم ساز وردپرس

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

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

forms hamyarwp-فرم ساز وردپرس

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

Settings

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

General

general environment hamyarwp-فرم ساز وردپرس

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

captcha environment hamyarwp-فرم ساز وردپرس

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

Advance environment hamyarwp-فرم ساز وردپرس

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

Labels

labels hamyarwp-فرم ساز وردپرس

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

Import/Export

import hamyarwp-فرم ساز وردپرس

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

Submissions

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

Add new

add new hamyarwp-فرم ساز وردپرس

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

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

Bulid your form

build your form hamyarwp-فرم ساز وردپرس

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

Email and actions

email hamyarwp-فرم ساز وردپرس

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

Settings

settings hamyarwp-فرم ساز وردپرس

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

result form hamyarwp-فرم ساز وردپرس

جمع بندی! 

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

ویدئوی آموزشی

دانلود افزونه Ninja Forms

دانلود صفحه افزونه