Retry

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

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

شورت‌کد های ووکامرس چیست؟

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

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

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

به عنوان مثال شما می توانید انتخاب کنید که هر کدام از محصولات چگونه نمایش داده شوند، تنها با یک شورت‌کد!

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

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

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

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

بهبود کارایی

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

امکان سفارشی سازی

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

کد کوتاه متفاوت برای اقدامات خاص

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

امکان دسترسی به ” محتوای غیرقابل دسترسی”

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

طرح‌بندی‌های بهتر و منحصر به ‌فرد

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

کد کوتاه

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

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

  • به کدهای کوتاه وابسته نباشید.

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

  • کدهای کوتاه را از سایت خود پنهان کنید.

در صورتی که در تعداد زیادی از پست‌ها از یک کد کوتاه خاص استفاده کرده باشید و قالب را تغییر دهید، متن کد کوتاه نمایش داده می‌شود. این ممکن است در ظاهر سایت شما بسیار عجیب به نظر برسد. از دو طریق می توانید از این مشکل جلوگیری کنید. می توانید کد کوتاه را به صورت دستی از همه پست هایی که اضافه کرده اید حذف کنید، و یا می توانید از کد زیر در فایل functions.php قالب خود استفاده کنید:

add_shortcode( 'yourshortcode', '__return_false' );

هنگامی که از این کد استفاده کنید، هیچ خروجی از کد کوتاه در سایت خود وجود نخواهد داشت و متن کد کوتاه در سایت شما نمایش داده نمی شود.

  • کدهای کوتاه را با دقت نامگذاری کنید.

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

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

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

  1. کد کوتاه برای صفحات مختلف

[woocommerce_cart]: این کد کوتاه سبد خرید مشتری را نشان می دهد.

woocommerce_checkout] [: این کد کوتاه صفحه پرداخت را نمایش می دهد.

[woocommerce_order_tracking]:  این کد کوتاه صفحه پیگیری سفارش را نمایش می دهد.

[woocommerce_my_account]:  این کد کوتاه صفحه حساب من را نشان می دهد.

همچنین باید توجه داشته باشید که می توانید از کدهای کوتاه ترکیبی برای هر صفحه استفاده کنید. برای مثال، می‌توانید یک صفحه فرم با  [woocommerce_my_account]، [woocommerce_order_tracking] در یک صفحه قرار دهید.

  1. کد کوتاه برای محصول

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

[product_category wear” per_page=”12” columns=”4” orderly=”default” order=”asc” operator=”in”]

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

  • Per page تعداد دسته هایی که نمایش داده می شوند را کنترل می کند.
  • Orderby ترتیب مرتب سازی را کنترل می کند، مانند “نام” و “تاریخ”.
  • Order نشان دهنده دسته بندی محصولات است، یعنی “ASC” یا “DESC”.
  • Columns تعداد ستون‌هایی را نشان می‌دهند که دسته‌ها در آن ها مرتب شده‌اند.
  1. کد کوتاه محصولات ویژه

با استفاده از کد کوتاه  WooCommerce Featured Products، می توانید محصولات ویژه را از بقیه محصولات فروشگاه خود جدا کنید. می توان از آن برای فهرست کردن محصولات برجسته در همه جا استفاده کرد، مانند مقالات وبلاگ یا سایت های دیگر. محصولات ووکامرس با یک آیکن و یا نماد در کنار آن ها در صفحه محصولات مشخص می شود. از کد کوتاه زیر برای برجسته کردن محصولات استفاده کنید:

[featured_products per_page=”6” columns=”3” orderby=” date” order=” DESC”].
  1. شورت‌کد محصولات پرفروش

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

[sale_products per_page = "6" columns = "3" orderby = "date" order = "DESC"]
  1. شورت‌کد محصولات دارای رتبه برتر

برای برجسته کردن محصولات دارای رتبه برتر، از کد کوتاه زیر همراه با بررسی ها و قابلیت رتبه بندی داخلی ووکامرس استفاده کنید:

[top_rated_products per_page=”6” columns=”3” orderby=”date” order=”ASC”]
  1. شورت‌کد محصولات مرتبط

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

[related_products per_page="3"]

این کد کوتاه، محصولات مرتبط با یک صفحه محصول واحد را نشان می دهد. محصولات مرتبط همان محصولات مشابه به یک محصول واحد هستند.

  1. شورت‌کد افزودن به سبد خرید

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

Array(

     'id' => '99',

     'style' => 'border:4px solid #ccc; padding: 12px;',

     'sku' => 'FOO'

     'style' => 'TRUE'

     'class' => 'CSS-CLASS'

)
  1. کد کوتاه فیلد جستجوی محصول

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

[woocommerce_product_search]

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

[woocommerce_product_filter] این به شما امکان می دهد یک فیلتر جستجو برای نام محصول را نشان دهید.

[woocommerce_product_filter_attribute] این به شما امکان می دهد یک فیلتر برای ویژگی یک محصول ایجاد کنید.

[woocommerce_product_filter_category] این به شما امکان می دهد دسته محصولات را فیلتر کنید.

[woocommerce_product_filter_price] این به شما امکان می دهد قیمت محصول را فیلتر کنید.

قالب فروشگاهی ووکامرس

مشکل رایج کد های کوتاه

نسخه وردپرس که به تازگی منتشر شد، شامل یک وصله امنیتی قابل توجه است که مستقیماً بر APIکد های کوتاه تأثیر می گذارد. متأسفانه، بسیاری از کدهای کوتاه افزونه های وردپرس پس از ارتقاء از کار افتادند یا به نوعی با مشکلاتی مواجه شدند. بسیاری از کاربران متوجه شدند که محتوای کد کوتاه ارزیابی نمی شود، بنابراین به جای دیدن محتوایی که شورت‌کد ایجاد می کند، متن کد کوتاه را در سایت خود می بینند.

همچنین گاهی اوقات یک کد کوتاه را به درستی قرار می دهید، اما به اشتباه نمایش داده می شود، باید کد خود را بررسی کنید و مطمئن شوید که کد کوتاه را بین تگ های <> قرار نداده باشید. برای حذف این تگ ها به ویرایشگر متن خود بروید و آن را حذف کنید.

نتیجه گیری

کدهای کوتاه ووکامرس قطعات کد کوچکی هستند که به شما امکان می دهند فروشگاه آنلاین خود را سفارشی کنید. آن ها را می توان به صفحات فروشگاه، وبلاگ ها یا مکان های دارای ابزارک (مانند نوار کناری) وب سایت اضافه کرد. می توانید از پارامترها با چندین کد کوتاه ووکامرس برای تغییر نتیجه استفاده کنید. با این حال، همه کدهای کوتاه ووکامرس تجربه کاربری مثبتی را ارائه نمی دهند. بنابراین می‌توانید به‌جای قرار دادن آن ها به طور دستی در ویرایشگر ها، از افزونه های مختلف ووکامرس مانند WooCommerce Product Table یا افزونه WooCommerce Quick View Pro استفاده کنید.

دیدگاه‌ها

Comments
  • سینا رسولی

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

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