تقویم رویدادها تقویم رویدادهای استاندارد برای وردپرس است. به خوبی با آن کار می کند DIVI، اما برای اضافه کردن آن به طرح بندی های خود DIVI، باید از کد کوتاه استفاده کنید. استایل سازی از تب تنظیمات آن در داشبورد وردپرس انجام می شود. این امر ادغام سبک با چیدمان را دشوار می کند DIVI. یک افزونه شخص ثالث به نام ماژول تقویم رویدادهای دیوی با نمایش The Events Calendar به عنوان یک ماژول Divi این مشکل را برطرف می کند. در این مقاله ، ماژول تقویم رویدادهای Divi را مشاهده خواهیم کرد و خواهیم دید که چه کاری می تواند انجام دهد.

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

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

سپس افزونه Divi Events Calendar Module را بارگیری و فعال کنید و آن را فعال کنید.

برای مثال‌هایم، مجموعه‌ای از رویدادها را برای Divi و WordPress با دسته‌ها، سازمان‌دهنده‌ها، مکان‌ها و تاریخ‌های مختلف ایجاد کردم.

ماژول تقویم رویدادهای دیوی

دو ماژول جدید به Divi Builder اضافه شده است. مورد اول که تقویم رویدادهای Divi نام دارد ، رویدادها را به صورت کارت در لیستی مانند پست های وبلاگ نمایش می دهد. مورد دوم ، به نام Divi Event Calendar View ، رویدادها را در یک تقویم نمایش می دهد. ماژول Calendar View هنوز در بتا است. در حال حاضر عملکرد محدودی دارد. ما هر دو ماژول را بررسی خواهیم کرد.

برای اولین بار، من از بسته طرح بندی صفحه Meetup Schedule استفاده می کنم. من رویدادهای این صفحه را با ماژول Divi Events Calendar جایگزین کردم.

برگه محتوا

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

محتویات

بخش محتویات به شما امکان می دهد تعداد رویدادهای نمایش داده شده، دسته بندی ها، قالب تاریخ، طول قطعه و تعداد افست را وارد کنید. در این مثال، من رویدادها را به 2 در دسته رویدادهای Divi محدود کردم. من افست را روی 1 قرار دادم.

عناصر

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

برگه طراحی

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

وضع

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

برای این مثال ، ستونها را روی 2 تنظیم کردم و یک حاشیه و padding اضافه کردم تا کارتها در پس زمینه آبی قرار بگیرند و حاشیه ایجاد کنند.

در اینجا مثالی با 3 ستون آورده شده است. می توانم متن URL را متناسب با آن تنظیم کنم. در 3 ستون ، قرار دادن تصویر یک گزینه نیست.

این یکی دارای 2 ستون با تصاویر در سمت چپ است.

برچسب

تنظیمات تصویر کوچک شامل حاشیه ، پر کردن ، عرض ، گوشه ها ، سبک های حاشیه ، عرض حاشیه ، رنگ حاشیه و سبک حاشیه است. در این مثال ، من پر را روی 75 قرار می دهم تا تصویر به مرکز نقشه و عرض آن به 100 برسد.

برای این مثال ، من گوشه ها را روی 36 پیکسل تنظیم کردم و عرض حاشیه آن را 9 پیکسل دادم. من رنگ حاشیه را سبک کردم و به آن سبک سبک دادم.

متن

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

دکمه نمایش بیشتر

در این مثال ، من از سبک طرح دکمه استفاده کردم. اندازه را روی 14px تنظیم کردم ، رنگ پس زمینه را تنظیم کردم ، عرض و شعاع حاشیه را تغییر دادم و Roboto را با کلاههای درشت انتخاب کردم. من اثر شناور پیش فرض را ترک کردم ، که همانطور که در دکمه بالا مشاهده می کنید ، اندازه دکمه را افزایش می دهد. من هم متن پیش فرض را که می گوید VIEW است ، گذاشتم.

برای این مثال ، من از بیشتر تنظیمات مثالهای قبلی استفاده کردم ، اما با چند تغییر. پس زمینه آبی را حذف کردم ، شعاع حاشیه را تغییر دادم و حاشیه را برداشتم. من همچنین دسته ها را محدود کردم تا فقط رویدادهای Divi را نشان دهم (یکی از دو دسته مثالی که ایجاد کردم). محدودیت در 2 رویداد تعیین شده است.

برای این مثال ، من چیدمان را برای نشان دادن 3 ستون تنظیم کرده ام. حاشیه دکمه را برداشتم و تراز دکمه را مرکز کردم. من همچنین URL را حذف کردم ، رنگ متن جزئیات را تغییر دادم ، متن دکمه را تغییر دادم و به کارتها سایه دادم تا در پس زمینه برجسته شوند.

ماژول نمایش تقویم رویداد دیوی

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

تب Design پارامترهایی را برای متن ماژول اضافه می کند. این تنظیمات به صورت اختیاری شامل عنوان ، ماه و غیره خواهد بود. در این مثال وزن ، رنگ و اندازه متن را تنظیم کرده ام. این تاریخ ها را در تقویم تنظیم می کند.

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

همچنین می توانید حاشیه ، پس زمینه ، سایه های جعبه و غیره را تنظیم کنید. در این مثال ، متن ماژول را روی بزرگ قرار داده ام. این شامل متن ماه و روز است. من همچنین پس زمینه را تنظیم کردم ، به ماژول حاشیه دادم (با استفاده از سبک حاشیه مضاعف) ، و یک سایه جعبه به آن دادم. حاشیه همرنگ متن است.

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

قیمت ها و مستندات

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

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

منابع دیگر

• نحوه ایجاد تقویم با تقویم رویداد
• نحوه پیکربندی افزونه WP Events Manager
• 10 افزونه برای ادغام یک تقویم در وردپرس
• 10 افزونه برای مدیریت رویدادها در وردپرس

پایان افکار

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

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

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