آموزش اضافه کردن امکان اسکرول بی نهایت به وردپرس


آموزش اضافه کردن امکان اسکرول بی نهایت به وردپرس

یکی از امکاناتی که احتمالا اخیرا در سایت های زیادی با آن برخورد کرده اید، امکان اسکرول بی نهایت است. اسکرول بی نهایت یا infinite scroll به حالتی گفته میشود که شما بدون نیاز به رفتن از یک صفحه به صفحه ی دیگر و بارگذاری مجدد صفحه، میتوانید به طور مدارم، مطالب جدیدی را در صفحه بارگذاری کرده و به خواندن آنها ادامه دهید. یک مثال خوب از این حالت، به فروشگاه های اینترنتی مربوط میشود. حتما مشاهده کرده اید که در برخی فروشگاه ها، همینطور که به پایین صفحه اسکرول میکنید، به طور مداوم بر تعداد محصولاتی که در صفحه ی فعلی برای شما به نمایش در آمده، افزوده میشود. این مسئله شما را از رفتن به صفحات ۲، ۳ و … محصولات بی نیاز میکند و باعث میشود که بتوانید همه ی محصولات را به تدریج در یک صفحه مشاهده کنید.

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

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

درست مثل خیلی از ویژگی های دیگری که میتوان به یک سایت اضافه کرد، در مورد اسکرول بی نهایت هم باید این مسئله را در نظر داشته باشیم که این امکان میتواند مزایا و معایب گوناگونی را به همراه داشته باشد. خوشبختانه با توجه به اینکه برند های بزرگی تا امروز در سراسر جهان، این امکان را در سایت خود پیاده سازی و تست کرده اند، ما هم میتوانیم به نتایجی که آنها در این زمینه بدست آورده اند دسترسی داشته باشیم و بر همین اساس تصمیم بگیریم که آیا این امکان برای ما مناسب است یا خیر.

مزایای اسکرول بی نهایت

سه مورد زیر را میتوان به عنوان مزایای اسکرول بی نهایت برشمرد :

  • بهبود تجربه کاربری : در این مورد باید به این مسئله اشاره کنیم که این مسئله موافقین و مخالفین خاص خود را دارد ولی بعضی از متخصصی بر این باورند ک از این جهت که اسکرول بی نهایت، مطالب بیشتری را در زمانی کوتاه تر در اختیار کاربر قرار میدهد و باعث میشود کاربر برای مراجعه به بخش های دلخواه خود نیاز به کلید کمتری داشته باشد، منجر به بهبود تجربه ی کاربری (UX یا User Experience) خصوصا در دیوایس های موبایل خواهد شد.
  • بالا رفتن مشاهده صفحات یا Pageview : در تحقیقی که در سایت NBC News انجام شد، مشخص شد که در حالتی که اسکرول بی نهایت در سایت فعال باشد، کاربران دسکتاپ تا ۲۰ درصد صفحاتی بیشتری را نسبت به حالت عادی مرور میکنند. در تحقیق مشابهی که توسط Times انجام شد، نتیجه به این صورت بود که در حالتی که اسکرول بی نهایت فعال بود،  ۲۱ درصد از کاربران حتما به بخش دومی از محتوا مراجعه کرده و آن را مطالعه میکردند. بنابراین فعال کردن امکان اسکرول بی نهایت میتواند تا حدی به تعداد Pageview های سایت شما اضافه کند.
  • کاهش Bounce Rate یا بازدید های تکی : همانطور که میدانید Bounce Rate به تعداد بازدیدکنندگانی که پس از مشاهده تنها ۱ صفحه از سایت، آن را ترک میکنند، نسبت داده میشود. طبعا وقتی بتوانیم به طریقی مقدار Pageview را به ازای هر کاربر بالا ببریم، به همان نسبت با کاهش Bounce Rate یا بازدید های تکی مواجه خواهیم شد. بنابراین امکان اسکرول بی نهایت علاوه بر افزایش بازدید صفحات، میتواند Bounce Rate سایت شما را نیز کاهش دهد.

معایب اسکرول بی نهایت

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

  • احساس ناتمام ماندن : طبق تحقیقاتی که توسط nngroup.com انجام شد، مشخص شد که کاربران از احساسی که پس از رسیدن به پایان صفحه به آنها دست میدهد، لذت میبرند و حسی مانند کامل شدن یک کار به آنها دست میدهد. طبعا داشتن چنین احساسی با فعال بودن اسکرول بی نهایت در سایت امکان پذیر نبوده و چون ماجرا پایانی ندارد، کاربر همیشه با احساس ناتمام بودن مواجه است.
  • نوار اسکرولی که دائم در حال پرش است : اگر مورد قبلی زیاد مهم نبود، ولی این مورد بسیار حائز اهمیت است. اگر دقت کرده باشید در سایت هایی که از اسکرول بی نهایت استفاده میکنند، استفاده از اسکرول بار یا نوار اسکرول بسیار دشوار است. محل قرارگیری اسکرول بار به طور مداوم در حال تغییر و بالا و پایین رفتن است … این تجربه ی کاربری خوبی نیست و ممکن است کاربر را از استفاده از سایت دلسرد کند. (مسترکد شخصا از اسکرول بی نهایتی که به صورت اتوماتیک انجام شود، بسیار بسیار بدش می آید!)
  • فوتری که بی کاربرد میشود : اگر در سایتتان اسکرول بی نهایت اتوماتیک را فعال کرده باشید، عملا کاربر هیچ گاه نمیتواند به محتوای فوتر دسترسی داشته باشد. چرا که هر زمان کاربر در حال رسیدن به انتهای صفحه است، گروه جدیدی از محتوای مورد نظر برایش بارگذاری میشود و باز هم فوتر از دید او مخفی میماند. بنابراین در چنین حالتی، در صفحه ای که از امکان اسکرول بی نهایت استفاده میکند، باید با فوتر سایت خداحافظی کنید.

اسکرول بی نهایت برای چه سایت هایی مناسب است؟

مزایا و معایب امکان Infinite Scroll را بررسی کردیم. اما سوالی که پیش می آید این است که چنین امکانی برای چه کسانی مناسب است؟ به طور کلی اگر وبسایتی دارید که تمامی محتوا و مطالب آن، کم و بیش از ارزش یکسانی برخوردار هستند، اسکرول بی نهایت برای شما گزینه ی مناسبی به شمار میرود. مثالی از این حالت میتواند سایت های خبری، سایت های تفریحی و یا فروشگاه های اینترنتی باشد. در چنین سایت هایی ارزش عمومی همه ی مطالب تقریبا یکسان است.

اما اگر سایتی دارید که در آن ارزش گروهی از مطالب به شکل چشمگیری از سایر مطالب بیشتر است، استفاده از این امکان برای شما مناسب نیست و ممکن است منجر به نادیده گرفته شدن بخش های ارزشمندی از سایت شما شود. مثلا اگر در سایتتان مقالات ۲ یا سه هزار کلمه ای در کنار نوشته های ۳۰۰ یا ۴۰۰ کلمه ای یافت میشوند، ممکن است استفاده از امکان اسکرول بی نهایت برای شما ایده ی جالبی نباشد.

چگونه امکان اسکرول بی نهایت را به وردپرس اضافه کنیم؟

اسکرول بی نهایت در وردپرس - افزونه ajax load more - infinite scroll

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

پس از فعالسازی افزونه، منوی جدیدی با عنوان Ajax Load More به منوهای ناحیه مدیریت وردپرس شما افزوده خواهد شد.

تنظیمات عمومی افزونه

تنظیمات این افزونه با مراجعه به زیرمنوی Settings در اختیار شما قرار میگیرند. البته شما نیاز به اعمال تغییرات خاص در این تنظیمات ندارید. از بین این تنظیمات تنها یک تنظیم بسیار حائز اهمیت است و آن هم تنظیم Botton/Loading Style است.

تنظیم Botton/Loading Style در افزونه ajax load more - اسکرول بی نهایت

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

این تنظیم به طور پیشفرض بر روی حالت Default قرار دارد. حالت دیفالت از دکمه ای برای بارگذاری مطالب بیشتر استفاده میکند. شما میتوانید رنگ این دکمه را با انتخاب گزینه های دیگر از منوی دراپ داون تغییر دهید. اما اگر میخواهید وبسایت شما دارای اسکرول بی نهایت اتوماتیک باشد، کافی است در منوی دراپ داون، کمی پایین تر رفته و بخش Infinite Scroll (no botton) را پیدا کنید. سپس از میان لودر های موجود تصویر دلخواه خود را برای بارگذاری مطالب بیشتر انتخاب کرده و تغییرات را ذخیره کنید.

تنظیم قالب ها

پس از اینکه کارتان با تنظیمات به اتمام رسید، میتوانید از منوی Ajax Load More به زیرمنوی Repeater Templates مراجعه کنید. در اینجا میتوانید ساختار آیتم هایی که با استفاده از اسکرول بی نهایت برای شما بارگذاری میشوند را تعیین کنید. البته هیچ الزامی نیست که کد پیشفرض موجود در این بخش را تغییر دهید ولی فرضا اگر میخواهید در هنگام بارگذاری مطالب، بجای خلاصه ی مطلب، تمام مطلب نشان داده شود، میتوانید در خط ۸، عبارت the_excerpt را با the_content عوض کنید.

repeater templates در افزونه ajax load more

به همین ترتیب میتوانید اندازه تصویر شاخص را در خط ۲ و یا فرمت تاریخ را در خط ۶ تغییر داده و یا هر نوع تغییر دیگری که مایلید در ساختار کد بالا اعمال کنید تا همه چیز مطابق سلیقه ی شما باشد. در پایان روی دکمه ی Save Template کلیک کنید تا تغییرات شما ذخیره شود و با هم به مرحله بعدی برویم.

ایجاد کد کوتاه

در این مرحله از منوی Ajax Load More به زیرمنوی Shortcode Builder بروید. در اینجا میخواهیم رفتار اسکرول بی نهایت را تنظیم کنیم. مثلا مشخص کنیم که چه نوع محتوایی، از چه دسته بندی هایی و هر بار چه تعداد آیتم را قرار است به نمایش بگذارد. در این بخش تنظیمات متعددی برای تنظیم نمایش و رفتار افزونه خواهید یافت. از آنجایی که همه ی این تنظیمات در حالت عادی ضروری نیستند، ما در اینجا تنها به برخی از تنظیمات مهم این بخش خواهیم پرداخت.

Button Lables : اگر در قسمت اول آموزش، تصمیم گرفتید از دکمه جهت بارگذاری مطالب بیشتر استفاده کنید، در این بخش میتوانید نوشته ی روی دکمه را مشخص کنید. این نوشته به صورت پیشفرض بر روی عبارت Older Posts تنظیم شده، شما میتوانید این عبارت را به چیزی مشابه “بارگذاری مطالب بیشتر” یا هر چیزی که مطابق سلیقه ی شماست تغییر دهید. سپس در بخش Loading Label میتوانید تعیین کنید که در زمان بارگذاری مطالب چه نوشته ای به نمایش در بیاید. این بخش به طور پیشفرض بر روی Loading Posts … تنظیم شده. اما شما میتوانید آن را به عبارتی مثل “در حال بارگذاری عناوین بیشتر …” یا “در حال بارگذاری، لطفا منتظر بمانید …” تغییر دهید.

Pause و Scrolling : تنظیمات این دو بخش مانند تنظیمی هستند که در قسمت اول در رابطه با دکمه بارگذاری و انجام اتوماتیک بارگذاری اعمال کردیم. در اینجا هم میتوانید تعیین کنید که آیا محتوای جدید به طور اتوماتیک بارگذاری شود یا از طریق دکمه ی بارگذاری. در اینجا ویژگی های مختلف اسکرول و حداکثر دفعات بارگذاری را نیز میتوانید تعیین کنید.

Posts Per Page : در اینجا میتوانید تعیین کنید که در هر درخواست چند آیتم بارگذاری شوند. مقدار پیشفرض این تنظیم ۵ است و تنظیم کردن آن بر روی مقادیر بالا تر از ۱۰ توصیه نمیشود.

Post Type : با استفاده از این تنظیم میتوانید نوع مطالبی که قرار است بارگذاری شوند را انتخاب کنید. در یک سایت ساده، برای نمایش نوشته های سایت، کافی است گزینه ی نوشته ها را انتخاب کنید. ولی فرضا اگر وبسایت شما دارای Post Type های دیگری است، میتوانید بر اساس خود، یکی از آنها را انتخاب کنید. مثلا شاید بخواهید تنها نمونه کارهای شما در اینجا بارگذاری شوند و …

Post Format : بعضی از قالب ها علاوه بر نوع عادی یک نوشته، از انواع دیگری مثل گالری، ویدئو، نقل قول و … نیز پشتیبانی میکنند. در صورتی که مایلید فرمت خاصی از نوشته ها در این حلقه به نمایش در بیاید، میتوانید فرمت دلخواه را در این بخش انتخاب کنید.

Category : مایلید تنها مطالب دسته بندی خاصی در اسکرول بی نهایت به نمایش در بیایند؟ دسته بندی یا دسته بندی های دلخواهتان را میتوانید با استفاده از همین تنظیم انتخاب کنید. در این بخش این امکان را هم دارید که یک یا چند دسته بندی را از لیست دسته بندی های دلخواه خارج کنید و کاری کنید که محتوایی از این دسته بندی ها در بخش مورد نظر به نمایش در نیاید.

Tag : دقیقا مانند دسته بندی، در اینجا میتوانید تگ یا تگ های دلخواه خود را برای نمایش یا عدم نمایش در این کوئری انتخاب کنید.

Custom Fields : اگر مایلید اسکرول بی نهایت فقط مطالبی را به نمایش بگذارد که در آن زمینه ی دلخواه خاصی معادل مقدار خاصی است، میتوانید از این تنظیم استفاده کنید.

Author : برای نمایش مطالب نوشته شده توسط یک نویسنده ی خاص، میتوانید از این تنظیم استفاده کنید.

Search Term : این تنظیم فوق العاده کاربردی برای شرایطی است که مایلید تنها نتایج جستجو به دنبال کلمه ی کلیدی خاصی به کاربر نمایش داده شوند. (احتمالا این شیوه را قبلا در نمایش پیشنهاد های ویژه ی دیجیکالا مشاهده کرده اید)

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

کد کوتاه تولید شده توسط افزونه ajax load more

با این کد کوتاه چه کار کنیم؟

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

و سخن آخر …

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

سوالات خود را میتوانید در بخش دیدگاه ها با ما در میان بگذارید. راستی اگر توانستید با موفقیت این امکان را به سایت خود اضافه کنید، فراموش نکنید که تجربه تان را در اینجا با دیگران به اشتراک بگذارید.



تبلیغ در سایت مسترکد

دسترسی آسان به این مطلب

لینک کوتاه :

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

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

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

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

warehouse-solutions

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

ورود به بخش انبار محصولات  ووکامرس

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

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

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

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

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

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

قسمت شناسه محصول کد محصول شما می باشد. شما می توانید یک کد به هر محصول خود اختصاص دهید فرض کنید یک تلفن همراه در وب سایت خود دارید که دو نوع مختلف تک سیم کارت و دو سیم کارت دارد و یا برخی محصولات که از نظر سایز و رنگ متفاوت هستند بهتر است برای آن ها یک شناسه در نظر بگیرید به عنوان نمونه برای گوشی تک سیم کارت مدل S900F و برای دو سیم کارت S900FH را انتخاب نمایید تا در مراحل بعدی بهتر بتوانید محصولات خود را در انبار مدیریت نمایید.

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

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

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

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

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

پادکست: هاست دانلود چیست؟ چرا از هاست دانلود استفاده کنیم؟

هاست دانلود چیست؟

پادکست: هاست دانلود چیست؟ چرا از هاست دانلود استفاده کنیم؟

دلیل استفاده از هاست دانلود چیست؟ چرا باید وردپرس را به هاست دانلود متصل کنیم؟ در این پادکست صوتی درباره دلایل استفاده از هاست دانلود و اتصال وردپرس به هاست دانلود صحبت می کنیم.

اگر نظر یا تجربه ای در مورد استفاده از هاست دانلود دانلود مختلف دارید با ما و سایر میهن وردپرسی ها در میان بگذارید. 🙂

 


خرید میزبانی وب
پلاگین مورد نیاز برای اتصال

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

رضا حسینی راد رضا حسینی راد
از سال ۸۶ در زمینه طراحی سایت ، سئو و وردپرس فعالیت می کنم.در حال حاضر مدیریت تیم میهن وردپرس رو بر عهده دارم و سعی می کنم هر روز مقالات و تجربیاتم در مورد وردپرس رو اینجا با شما به اشتراک بگذارم.

  • instagram
  • فیسبوک
  • گوگل پلاس

فعال کردن ورود با ایمیل در وردپرس

ورود با ایمیل

فعال کردن ورود با ایمیل در وردپرس

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

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

ورود با ایمیل

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

مزایای ورود با ایمیل نسبت به نام کاربری

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

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

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

مرضیه مرادپور instagram

  • فیسبوک
  • گوگل پلاس
  • افزودن آیکون به منوهای وردپرس

    افزودن آیکون به منوهای وردپرس

    افزودن آیکون به منوهای وردپرس

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

    منوی تصویر

    سپس عکسی را که میخواهید در منوی ناوبری نمایش داده شود را با کلیک روی  ‘Set Image’ آپلود کنید. افزونه به طور خودکار چند سایز مختلف عکس ایجاد میکند،میتوانید در قسمت سایز عکس آنرا انتخاب کنید. همچنین میتوانید مکان عنوان منو را نیز انتخاب کنید و آنرا قبل یا بعد از عکس نمایش دهید. همچنین میتوانید عنوان را مخفی کرده و فقط عکس را نمایش دهید.

    افزودن سایز دلخواه تصویر

    اگر میخواهید برای عکسهایی که روی منو آپلود میکنید سایز دلخواه انتخاب کنید با افزودن کد زیر به فایل functions.php قالب سایتتان به راحتی اینکار را انجام دهید:

    افزودن تصویر به صورت دستی با سی اس اس

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

    screen-shot-2016-11-20-at-10-07-08-am

    سپس اسکرول را پایین آورده و روی تما آیتم ها در منوی فعلی کلیک کنید،در آنجا CSS class را خواهید دید. باید CSS class  را به آیتم منو اضافه کنید.

    افزودن کلاس CSS

    پس از آن نیاز دارید CSS را به قالب خود اضافه کنید.

    فراموش نکنید که homepage را به هر کلاس CSS که وارد کرده اید تغییر دهید و آدرس تصویر آپلود شده در بخش رسانه را در فایل متنی تغییر دهید.

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

    مرضیه مرادپور instagram

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

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

    افزودن قبل و بعد از عمل به تصاویر در وردپرس

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

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

    سپس باید هر دو تصویر را در شرت کد  [twentytwenty][/twentytwenty] مانند زیر قرار دهید:

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

    تصویر قبل و بعد

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

    مقایسه بین تصویر قبل و بعد

     

    به همین راحتی! موفق باشید

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

    instagram

  • فیسبوک
  • گوگل پلاس
  • طراحی قالب وردپرس پرند

    .:: طراحی قالب وردپرس پرند ::.

    طراحی قالب وردپرس پرند

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

     

    خدمات انجام شده:

    • طراحی قالب وردپرس فروش اکانت
    • طراحی فایل PSD قالب طبق نیاز ها و صلیقه مشتری
    • تبدیل PSD به HTML به صورت استاندارد
    • کد نویسی HTML به WordPress
    • کد نویسی استاندارد وردپرس
    • واکنشگرا با فریم ورک Bootstrap
    • کد نویسی سیستم فروش فریر (Virtual Freer)
    • سئو (seo) و بهینه سازی قالب

    ویژگی طراحی قالب وردپرس توسط ما :

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

     

    پشنهاد ویژه سئو و بهینه سازی قالب وردپرس:

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

     

     

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

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

    برای تماس با طراح وردپرس اینجا کلیک نمایید

     

     

    ریدایرکت کاربران پس از ارسال پیام در فرم تماس ۷

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

    ریدایرکت کاربران پس از ارسال پیام در فرم تماس ۷

    همانطور که در ابتدا گفتم افزونه ای که در این آموزش معرفی می کنیم زیر مجموعه افزونه فرم تماس ۷ می باشد که شما با استفاده از این افزونه می توانید کاربران خود را پس از ارسال پیامشون به صفحه ای هدایت کنید و بازدید آن را افزایش دهید و این کار می تواند تاثیر مثبتی را برای وب سایت شما داشته باشد ، برای دریافت افزونه به لینک زیر مراجعه کنید :
    دانلود افزونه Contact Form 7 – Success Page Redirects
    حال افزونه وردپرس را از لینک بالا دانلود کنید و همانند دیگر افزونه ها در سایت خود نصب و فعال سازید تا تنظیمات آن برای شما فعال شود و وقتی افزونه را فعال کردین به بخش فرم تماس و ویرایش آن بروید و در اینجا شما می توانید گزینه ی Redirect Setting را ببینید که به ان اضافه شده و آدرس مورد نظر خود را قرار دهید و برای انجام این کار از منوی کشویی صفحه خود را انتخاب کنید تا پس از موفقیت آمیز بودن ارسال پیام توسط کاربران ، آنها به صفحه ای که تعیین کردید ریدایرکت شوند .

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

    منبع : بیگ تم ارائه دهنده قالب تجاری وردپرس و قالب خبری وردپرس

    ایجاد انواع دکمه در وردپرس با افزونه MaxButtons

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

    ایجاد انواع دکمه در وردپرس با افزونه MaxButtons

    برخی از ویژگی های افزونه MaxButtons برای وردپرس :

    • بدون برنامه نویسی، دکمه ایجاد کنید
    • ایجاد تعداد نامحدودی از دکمه ها
    • ایجاد دکمه دلخواه
    • ساز گار با تمام مرورگر های موجود ازجمله : کروم , فایر فاکس , اینترنت اکسپور و …
    • به طور کامل CSS3 سازگار
    • ترکیب رنگ نامحدود
    • کپی دکمه های موجود
    • مشاهده دکمه های خود در زمینه رنگ های مختلف
    • دارای دکمه های از پیش تعریف شده
    • دارای ۵ نوع طرح برای دکمه های اشتراک گذاری در شبکه های اجتماعی
    • امکان کپی کردن یکی از دکمه های ایجاد شده و استفاده از آن در بخش های دیگر

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


    امتیاز شما از ۱ تا ۵
    1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته

    Loading…

    راه اندازی سایت آشپزی در وردپرس با افزونه Cooked

    امروزه با افزایش تعداد کاربران اینترنت ، انواع سایت ها به ویژه انواع سایت های خدماتی پدید آمده اند که هر یک کاربران زیادی را نیز به سمت خود جذب کرده اند ! سایت های آموزش آشپزی از جمله این موارد می باشند که کاربران بسیار زیادی را به سوی خود جذب کرده اند و کار کتاب های آشپزی را می کنند ! در این مطلب قصد معرفی افزونه ای برای وردپرس را داریم که توسط آن قادر یه ایجاد سایت آشپزی بر پایه ی وردپرس خواهید بود . افزونه Cooked یک افزونه حرفه ای و کاربردی برای وردپرس می باشد که توسط آن قادر به ایجاد و راه اندازی سایت آشپزی بر پایه ی وردپرس خواهید بود . این افزونه قابلیت های زیادی را دارا می باشد ؛ قابلیت رتبه بندی کاربران ، قابلیت امتیاز دهی توسط کاربران ، قابلیت ارائه راه نامه ، قابلیت درج نظر ، طراحی ریسپانسیو و واکنش گرا ، قابلیت ایجاد تغییرات با Drag and Drop ، قابلیت نمایش رضایت کاربران ، قابلیت نمایش و پشتیبانی از Feed و … از جمله ویژگی های این افزونه می باشد . در ادامه با ما و برخی از ویژگی های افزونه Cooked همراه باشید .

    راه اندازی سایت آشپزی در وردپرس با افزونه Cooked

    برخی از ویژگی های افزونه Cooked برای وردپرس :

    • قابلیت رتبه بندی کاربران
    • قابلیت امتیاز دهی توسط کاربران
    • قابلیت ارائه راه نامه
    • قابلیت درج نظر
    • طراحی ریسپانسیو و واکنش گرا
    • قابلیت ایجاد تغییرات با Drag and Drop
    • قابلیت نمایش رضایت کاربران
    • قابلیت نمایش و پشتیبانی از Feed
    • و …

    اگر به دنبال افزونه ای برای ایجاد و راه اندازی سایت آشپزس با وردپرس هستید ، پیشنهاد ما استفاده از افزونه Cooked می باشد .


    امتیاز شما از ۱ تا ۵
    1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته

    Loading…