یه تنفس عمیق و بعد همه چیز رو راجع بهش بخون

راحیل دست پیمان

راحیل دست پیمان

پر امید وانگیزه ادامه بده. موفق میشی. من بهت قول میدم.

Share on facebook
Share on twitter
Share on linkedin
Share on telegram

طراحی سایتت رو به‌راحتی با قالبهای آماده شروع کن

فروشگاه اینترنتی

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

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

مثالی از محتوای دینامیک المنتور در طراحی دکمه پاپ اپ رو میبیبین

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

در این مطلب براتون توضیح میدم که محتوای دینامیک المنتور چقدر میتونه براتون سودمند باشه بهمراه چند مثال کاربردی.

محتوای دینامیک در المنتور

محتوای پویا یا محتوای دینامیک چیست؟

به طور کلی، محتوای پویا محتوایی هست که براساس داده‌های سایت یا رفتار کاربر تغییر می کنه.

به عنوان مثال، صفحه «پروفایل من» در یک وب سایت. URL معمولاً برای هر کاربر یکسانه (ite.com/my-profile)، اما هر کاربر فقط اطلاعات خودش رو می بینه چون این اطلاعات به صورت پویا از پایگاه داده سایت خارج میشن.

محتوای پویا در المنتور چطوری کار میکنه؟

در Elementor ، محتوای پویا به شما امکان میده تا محتوا رو از سایت وردپرسیتون در طرح های Elementor وارد کنید.

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

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

خب یه راه ساده که استفاده از ویجت تصویر و بارگذاری مجدد لوگو هست اما اگه در آینده لوگوی سایت شما تغییر کرد، شما باید دوباره در همه برگه ها بارگذاری روانجام بدین. 

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

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

خب حالا چند نمونه از کارهایی که میتونین با محتوای پویای المنتور انجام بدین و کاربردی هم هستن رو بررسی میکنیم.

مثالهایی از محتوای Dynamic المنتور پرو

بنظرتون چند تا کار میتونیم با محتوای دینامیک انجام بدیم؟ در جواب باید بگم که خیلی زیاد اما اینجا چند مثال معمول و پرکاربرد رو با هم بررسی میکنیم.

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

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

مثلا شما میخواین که صفحه محصول فروشگاه رو طراحی کنین اگعه محتوای پویا نبود باید برای هر محصول جداگانه صفحه طراحی میکردین اما باید وجود محتوای پویا شما یه الگو برای ضصفحات محصول طراحی میکنین و اطلاعات هر محصول بطور جداگانه و خودکار جایگذاری میشه. 

همینطور در بقیه الگوها مانند:

  • بلاگ پستها
  • سرصفحه
  • پاصفحه
  • انواع دیگر پستها
  • و غیره

صفحات کاربران و شخصی سازی

اگر سایتی با ثبت نام عمومی دارین، از محتوای پویا برای ایجاد صفحات کاربران استفاده کنین. به عنوان مثال، میتونین یک صفحه پروفایل رو طراحی کنین که به طور پویا نام، عکس و سایر جزئیات کاربر رو پر کنه. میتونین از همان URL برای صفحه استفاده کنید (به عنوان مثال yourite.com/profile)، اما هر کاربر موقع بازدید از اون صفحه اطلاعات خودش رو مشاهده کنه.

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

فیلدهای سفارشی

علاوه بر استفاده از داده های بومی و سفارشی وردپرس میتونین از داده های افزونه هایی مثل ACF (Advanced Custom Fields هم استفاده کنین. و سایتهای سفارشی سازی شده با پستهای شخصی سازی شده ایجاد کنین. 

به عنوان مثال، میتونین انواع پست های سفارشی و فیلدهای دلخواه رو برای:

  • رویدادها
  • لیست کارها
  • لیستهای تجاری

و غیره استفاده کنین. 

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

  • حقوق شغلی
  • دپارتمان
  • شرایط 

رو بکار ببرین.

 

سایتهای مشتری

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

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

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

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

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

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

به عنوان مثال، اگر در حال ایجاد هدر هستین، ویجت هایی رو برای درج لوگوی سایت، عنوان، فهرست منو و غیره دریافت میکنین:

داده های پویا در هدر

چطوری از محتوای پویا در ویجتهای مختلف المنتور استفاده کنیم؟

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

تگ دینامیک در متن المنتور

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

داده های پویای المنتور

پس از انتخاب داده برای وارد کردن، اونو در نوار کناری مشاهده میکنین. همچنین پیش نمایش زنده از به روزرسانی طراحی خودتون رو برای تغییر میبینین. به عنوان مثال، عنوان پست مثال من “Dynamic Content Example” هست، به همین دلیل اون متن در پیش نمایش مستقیم طرح مشاهده میشه.

برای پیکربندی بیشتر محتوای پویا، روی نماد آچار کلیک کنین.

نماد آچار در محتوای پویای المنتور

حالا شما سه تا گزینه دارین:

قبل از: برای اضافه کردن یک متن استاتیک قبل از محتوای پویا

بعد از: برای اضافه کردن یک متن استاتیک بعد از محتوای پویا

FallBack: یک مقدار پیشفرض وارد کنین که اگه محتوای پویا وجود نداشت اون مقدار دیده بشه. 

حالا اجازه بدین چند نمونه دیگه از محتوای دینامیک در المنتور رو بررسی کنیم:

چطوری تصاویر رو بصورت محتوای دینامیک در المنتور درج کنیم؟

المنتور پرو همچنین به شما امکان میده تصاویر رو به صورت پویا در ویجتهای مربوط به تصویر وارد کنید. مثالهای زیر متداول هستن:

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


درج محتوای پویای تصاویر درست مانند متن کار میکنه.

ابتدا تنظیمات مربوط به ویجت رو که شامل یک تصویر هست باز کنین. یا  میتونین  پس زمینه یک بخش یا ستون رو هم به صورت پویا پر کنید.

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

درج تصویر با محتوای دینامیک در المنتور

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

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

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

محتوای پویای لینک در المنتور

چطوری از محتوای پویای المنتور برای درج شماره ها استفاده کنیم؟

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

  • ویجت شمارنده
  • ویجت رتبه بندی ستاره
  • ویجت جدول قیمت

به عنوان مثال ، با ویجت شمارنده، می تونین به صورت پویا موارد زیر رو وارد کنید:

  • شماره شروع
  • شماره پایان
  • پیشوند شماره
محتوای پویا در شمارنده

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

اگه میخواین اطلاعات کاربر رو به صورت پویا وارد کنین، یک مرحله اضافه تر دارین.

ابتدا باید User information رو از فهرست کشویی Dynamic Tags انتخاب کنین بعد روی نماد آچار کلیک کنین تا اطلاعات خاص کاربر مانند نام خانوادگی، نام کاربری، نام کوچک  و غیره کاربر رو انتخاب کنین.

محتوای پویا در اطلاعات کاربری

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

درج داده ها از زمینه های سفارشی، دنیای کاملاً جدیدی از فرصت ها رو براتون باز میکنه چون میتونین منابع داده پویای سایتتون رو اضافه کنین.

المنتور به شما امکان میده داده های پویا رو از پلاگین های محبوب مانند ACF ، Toolset ، Pods و Meta Box درج کنید (برای متا باکس، به افزونه ادغام رایگان نیاز دارید).

برای شروع، ابتدا باید با افزونه مورد نظرتون زمینه های دلخواه ایجاد کنین. به عنوان مثال، در مورد ACF :

ACF و المنتور

حالا می تونین ACF Field رو به عنوان منبع برچسب پویا در المنتور  انتخاب کنین. وقتیکه روی نماد آچار کلیک می کنین، میشه قسمت ویژه ACF رو برای استفاده از کشویی انتخاب کرد:

ACF و المنتور

چطوری میشه پیش نمایش برگه های المنتور رو با محتوای دینامیک تغییر داد؟

از اونجاییکه ویژگی محتوای پویا المنتور به طور خودکار محتوا رو از سایت شما خارج می کنه، هیچ “پیش نمایش” ای وجود نداره تا متوجه بشین محتوای شما در همه شرایط چطوری عمل میکنه؟

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

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

پیشنمایش در محتوای پویا المنتور

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

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

من منتظر سوالات و نظراتتون هستم.

در ویدئوی زیر پیش نمایش رو در صفحه نتایج جستجو میبینین.

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

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

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

شاید مقاله‌های زیر رو هم دوست داشته باشی بخونی

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

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