• adminr
  • مرداد 08, 1401
  • بدون دیدگاه
زمان مطالعه: 9 دقیقه

ویژگی جالب سیستم مدیریت محتوای وردپرس

یکی از ویژگی های سیستم مدیریت محتوای وردپرس، کدهای کوتاه یا همان shortcode است که از آن در راه‌اندازی فروشگاه اینترنتی هم میتوان استفاده کرد.

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

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

  • کدهای کوتاه یا همان shortcode چیست؟
  • کدهای کوتاه در پلاگین ووکامرس
  • علت استفاده از کدهای کوتاه در ووکامرس
  • نحوه قرار دادن shortcode در داخل سایت وردپرسی
  • نحوه عملکرد shortcode ها در ووکامرس
  • لیست مهمترین shortcode ها در ووکامرس
  • مدیریت و استفاده از کدهای کوتاه در ووکامرس با استفاده از پلاگینها

 کدهای کوتاه یا همان shortcode چیست؟

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

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

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

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

[woocommerce_cart]

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

[pluginname_ shortcode]

کدهای کوتاه در پلاگین ووکامرس

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

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

کدهای کوتاه در پلاگین ووکامرس

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

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

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

علت استفاده از کدهای کوتاه در ووکامرس

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

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

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

نحوه قرار دادن shortcode در داخل سایت وردپرسی

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

نحوه قرار دادن shortcode در ویرایشگر گوتنبرگ وردپرس

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

نحوه قرار دادن شورتکد در ویرایشگر گوتنبرگ وردپرس

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

نحوه قرار دادن شورتکد در ویرایشگر گوتنبرگ وردپرس

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

نحوه قرار دادن shortcode در ویرایشگر کلاسیک وردپرس

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

نحوه قرار دادن شورتکد در ویرایشگر کلاسیک وردپرس

نحوه قرار دادن shortcode با استفاده از ویجت در وردپرس

برای قرار دادن shortcode با استفاده از ویجت کافی است مطابق شکل زیر یک ویجت متنی به بخش مورد نظر از سایت خود اضافه کنید و در بخش text مربوط به آن ابزارک متنی ، متن مربوط به shortcode مورد نظر خود بین کروشه باز و بسته تایپ کنید.

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

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

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

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

نحوه عملکرد shortcode ها در ووکامرس

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

به طور کلی یک shortcode در وردپرس از بخشهای زیر تشکیل شده است.

متن shortcode

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

[products]

[woocommerce_order_tracking]

پارامترها در shortcode

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

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

به عنوان مثال اگر برای shortcode محصولات یا همان products پارامتر on_sale را برابر true قرار دهید فقط محصولاتی که در حال فروش هستند به کاربران نمایش داده میشوند و محصولاتی که در حال حاضر وجود ندارند نمایش داده نمیشوند.

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

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

[woocommerce­_cart] shortcode

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

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

[woocommerce­_chekcout] shortcode

با استفاده از این کد کوتاه در ووکامرس میتوان بخش بررسی یا همان checkout را در صفحه مورد نظر خود در سایت ووکامرسی اضافه کرد که قرار دادن این ویژگی در سایتهای فروشگاهی ووکامرسی بسیار مهم است.

در شکل زیر در بخش بالایی صفحه ، [woocommerce­_chekcout] و در بخش پایینی هم [woocommerce­_cart] را قرار داده ایم.

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

[woocommerce­_my_account] shortcode

با استفاده از [woocommerce­_my_account] میتوان بخش حساب کاربری یا همان اکانت کاربران را به آنها نمایش داد.

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

با اضافه کردن این shortcode به یک صفحه مشخص در وردپرس ، علاوه بر نمایش اکانت مختص به کاربر ، سفارشات فعال وی نیز نمایش داده میشود که به صورت پیشفرض تعداد 15 سفارش کاربر نمایش داده میشود و اگر تعداد سفارشهای نمایش داده شده را به -1 تغییر دهید کل سفارشات فعال در صفحه مورد نظر نمایش داده میشود.

[woocommerce_order_tracking] shortcode

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

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

[products] shortcode

[products] یکی از پرکاربردترین shortcode ها در ووکامرس است که با استفاده از آن میتوان محصولات سایت را در بخش مورد نظر به کاربران نمایش داد.

[products] دارای پارامترهای ورودی زیادی است که در ادامه این بخش برخی از آنها را به شما معرفی خواهیم کرد.

پارامتر limit

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

[products limit=”3”]

پارامتر category

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

[productd category=”shoes,tshirt”]

پارامتر columns

با استفاده از این پارامتر میتوان تعداد ستونهایی که محصولات نمایش داده میشوند را تعیین کرد. به صورت پیشفرض این محصولات در 4 ستون نمایش داده میشوند؛ ولی با قرار دادن shortcode زیر، محصولات در 3 ستون نمایش داده میشوند.

[product columns=”3”]

پارامتر tag

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

[product tag=”blue,summer”]

پارامتر top_rated

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

[product top_rated=”true”]

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

[product_category]  و [product_categories]

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

هر دو این shortcode ها دارای پارامترهای زیادی مثل ids ، limit ، columns ، hide_empty ، parent و order هستند.

به عنوان مثال shortcode زیر باعث نمایش دسته بندی ها با id برابر 2 و 12  میشود.

[product_categories ids=”2,12”]

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

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

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

پلاگین woocommerce shortcodes

کاربران با استفاده از پلاگین woocommerce shortcodes به راحتی میتوانند به shortcode های ووکامرس با استفاده از یک دکمه دسترسی داشته باشند. با استفاده از کدهای کوتاه در ووکامرس ، عملیات مورد نظر خود را میتوانند در هر صفحه یا پستی که میخواهند اعمال کنند.

پلاگین woocommerce shortcodes

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

پلاگین woocommerce shortcodes

نتیجه گیری

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

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

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

محتوای جدید