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

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

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

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

ساده ترین مثال زمانی است که یک قالب صفحه در Theme Builder المنتور پرو ایجاد می کنید و ویجت های «عنوان» و «محتوا» را به طرح بندی اضافه می کنید، بعد از ذخیره در خروجی می بینید که عناوین و بلوک های محتوای صفحاتی که از این الگوی صفحه استفاده می کنند؛ به صورت داینامیک در آنجا ظاهر می شوند.

نحوه فعال‌سازی برچسب های پویا (Dynamic Tags) در المنتور

برچسب های پویا یا Dynamic Tags در المنتور برای درج داده های سفارشی شده بر اساس منابع مختلف استفاده می شود.

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

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

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

آموزش استفاده از برچسب های پویا برای نمایش عنوان، تصویر شاخص و نویسنده پست

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

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

وقتی داخل قالب سینگل در theme builder المنتور هستید ویجت های داینامیک این بخش را در زیر مجموعه ویجت های سینگل مشاهده میکنید. برای درج عنوان نوشته به صورت پویا و  داینامیک از ویجت “عنوان نوشته” یا “post title”  استفاده کنید.

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

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

نمایش تصویر شاخص با برچسب های پویا در المنتور

ویجت تصویر شاخص یا “featured image” برای ایجاد قالب نوشته تکی یا سینگل پست در المنتور ضروری است و بدون این ویجت قالب لود نمی شود و ما به کمک ویجت تصویر هم میتوانیم این موضوع را توسط برچسب های پویا ایجاد کنیم .

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

با کمک ویجت های جعبه نویسنده یا “author box widget”  و اطلاعات نوشته می توان نویسنده پست را در قالب نوشته تکی نشان داد اما با برچسب های پویا نیز میتوانیم نمایش دهیم.

ویجت اطلاعات نوشته جزئیات دیگری از یک نوشته مثل تاریخ و زمان و تعداد نظرات را نیز نمایش میدهد که امکان حذف آنها وجود دارد.

نکته: با کمک برچسب پویا یا dynamic tag نیز می توان نویسنده پست را فراخوانی کرد.

استفاده از برچسب های پویا در طراحی قالب‌های سفارشی با Theme Builder

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

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

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

نحوه استفاده از فیلدهای سفارشی (Custom Fields) در ویجت‌های داینامیک المنتور

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

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

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

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

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

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

نکته: بسادگی می توانید برای محصولات نیز فیلد سفارشی ایجاد کرده و با کمک برچسب های پویا در فروشگاه اینترنتی که با theme builder المنتور ایجاد شده نمایش دهید.

استفاده از افزونه‌های جانبی مانند JetEngine برای گسترش قابلیت‌های محتوای داینامیک

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

• Listing grid که داده‌ها را از طریق ویجت‌های پویا فراخوانی می کند و با طرح‌بندی‌های مختلف در سایت نمایش می دهد.
• متاباکس که داده های اضافی را ذخیره می کنند، که می توانند روی پست تایپ های سفارشی، نوشته های وردپرس و کاربران اعمال شوند.
• ایجاد رابطه بین پست تایپ ها با استفاده از Relationship Builder.
• ساخت پنل کاربری حرفه ای به لطف Profile Builder.
• پرس‌و‌جو یا کوئری های سفارشی، که می‌توانند داده‌های پویا متفاوتی را از وب‌سایت واکشی کنند و آن‌ها را بدون زحمت در جایی که نیاز دارید، نمایش دهند.
• نمودارها و جداول پویا که به تجسم دقیق داده ها کمک می کند.

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

ویجت داینامیک هیچ اطلاعاتی نمایش نمی دهد

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

تداخل با کش سایت

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

افت سرعت لود صفحه

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

عدم پشتیبانی از فیلدهای سفارشی

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

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