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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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 با فونت میترا

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

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

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

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

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

۱۰sina10 در "گم کردن کد فوتر پوسته ZeroGravity"

سلام
من از پوسته ZeroGravity pro برای سایتم استفاده میکنم . البته دارم تغییراتی توش ایجاد میکنم . در حین همین تغییرات ، کد های بخش footer.php پاک شدن .
کسی میتونه کمکم کنه و کد فوتر مخصوص همین قالب رو بهم بده ؟
مال بقیه قالب ها بهش نمیخورن 🙁
با سپاس فراوان

ساخت فرم تماس با ما در وردپرس با 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-وبسایت های تجاری بر بستر موبایل

Iranian_Tara در "کد جاوا اسکریپت ، جی کوئری برای شمارش تعداد کلمات در یک "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آموزش طراحی قالب وردپرس در "ایا میشه با ووکامرس اینکارا رو کرد؟"

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

پنل اس ام اس داره که مثلا هربار که محصولی فروخته شد اس بده به خریدار و تشکر کنه بابت خرید؟
دسته بندی محصولات و سرچ و فیلتر حرفه ای داره ایا؟
قابلیت امتیاز دادن به محصول
قابلیت بحث و گفتگو درباره ی محصول

عکس های محصولات بتونه در پیچ مخصوص هر محصول قرار بگیره
و ….

پیشاپیش ممنون