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

نمایش رویدادها در وردپرس

اولین سوالی که می خواهیم به آن پاسخ دهیم این است که عنوان تایم لاین یا Timeline چیست؟
زمانی که وقایع گذشته و آینده را به ترتیب نزولی یا صعودی از نظر زمان مرتب می‌کنیم، به آن تایم لاین یا نوار زمان می‌گویند. و همچنین تایم لاین برای چه کسانی مناسب می باشد؟ استفاده از تایم لاین در وردپرس یا هر سایت دیگری برای کسانی که می‌خواهند:

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

مفید می باشد.

ایجاد تایم لاین در وردپرس با Timeline Express

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

نصب و راه اندازی افزونه Timeline Express

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

حال روی گزینه Settings کلیک می کنیم تا وارد صفحه تنظیمات افزونه شویم.

Settings

Time Frame: در این بخش می توانید مشخص کنید تایم لاینی که ایجاد کرده اید، رویداد‌های گذشته، آینده یا هر دو را نمایش دهد.
Display Order: در این بخش می‌توانید ترتیب صعودی یا نزولی بودن نمایش رویدادها در وردپرس را مشخص کنید. Ascending به معنای صعودی و Descending به معنای نزولی می باشد.
Announcement Excerpt Length: مقدار مجاز متن هر رویداد و قسمت از تایم لاین در وردپرس را به کاراکتر وارد کنید. می‌توانید تیک گزینه Random Length را بزنید تا تعداد کاراکتر به صورت تصادفی و رندوم انتخاب شود.

Date Visibility: اگر می‌خواهید تاریخ هر رویداد در نوار زمان نوشته شود، این گزینه را روی Visible قرار دهید. در غیر این صورت گزینه Hidden را انتخاب کنید.
Read More Visibility: می‌توانید با انتخاب گزینه Visible، عبارت Read More را در کنار هر رویداد نمایش دهید تا کاربر با کلیک روی آن در مورد آن رویداد بیشتر مطالعه کند.
Default Icon: آیکونی که می‌خواهید به صورت پیش‌فرض آیکون هر رویداد باشد را مشخص کنید. دقت کنید که این آیکون برای هر یک از رویدادها قابل تغییر می باشد.
Default Announcement Color: رنگ پیش‌فرض هر رویداد را از این قسمت مشخص کنید. این رنگ راب رای هر رویداد می توانید تغییر دهید.

Announcement Container Background Color: در این بخش میتوانید رنگ پس زمینه هر رویداد در نمایش رویدادها در وردپرس را تغییر دهید.
Announcement Shadow Color: می‌توانید رنگ سایه حاشیه هر رویداد را از این قسمت عوض کنید.
Timeline Background Line Color: رنگ نوار وصل کننده رویدادها را از این قسمت می توانید عوض کنید.
No Announcements Message: در این بخش می توانید متنی بنویسید که در صورت عدم وجود رویداد به کاربر نمایش داده شود.

Exclude Announcements from Site Searches: در صورتی که این گزینه را روی True قرار دهید، رویدادها در نتایج جستجو سایت شما قرار نمی گیرد.
Disable Timeline Animations: اگر این گزینه را تیک بزنید، انیمیشن تایم لاین در وردپرس زمان اسکرول و پایین آمدن در صفحه غیر فعال می شود.
Delete Announcements On Uninstall: با تیک زدن این گزینه در صورت حذف افزونه، همه رویدادها هم از پایگاه داده سایت شما حذف می‌شوند.

در سمت چپ صفحه تنظیمات افزونه، جعبه ای به نام Toggle Built-in Caching نمایش داده می شود. اگر دکمه پایین جعبه را روی حالت Cache is enable قرار دهید، حالت کش افزونه فعال می شود که باعث سرعت بیشتر سایت و بارگذاری تایم لاین خواهد شد.

New Announcement (ساخت رویداد جدید)

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

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

Announcement Color: رنگ رویداد را مشخص کنید.
Announcement Icon: آیکونی برای این رویداد انتخاب کنید.
Announcement Date: تاریخ وقوع این رویداد را وارد کنید.
Announcement Banner: در صورتی که عکسی از این رویداد دارید، با کلیک کردن روی دکمه مربوطه، عکس را در این قسمت آپلود نمایید.

و در ادامه:

در جعبه نوشته‌ای که پایین صفحه قرار دارد، توضیحات این رویداد را بنویسید.
بعد از نوشتن اطلاعات رویداد، دکمه “انتشار” از بالای صفحه را بزنید.

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

در ویرایشگر گوتنبرگ، جهت بکار بردن تایم لاین در وردپرس ابتدا دکمه + را بزنید و از بین بلوک‌های گوتنبرگ، وارد دسته “ابزارک‌ها” شوید و روی آیکون Timeline کلیک کنید تا به صفحه افزوده شود.

بعد دکمه “انتشار” را بزنید تا تایم لاین منتشر شده و نمایش داده شود.

در ویرایشگر کلاسیک وردپرس نیز آیکونی نارنجی رنگ افزوده می شود که مربوط به افزونه Timeline Express می باشد. روی آن کلیک کنید تا کد کوتاه مربوط به افزونه به ویرایشگر افزوده شود و در نهایت دکمه “انتشار” را بزنید تا تایم لاین منتشر شده و نمایش داده شود.

توجه کنید که این افزونه شامل کد کوتاه مخصوص [timeline-express] می باشد که این کد را در هر جای قالب خود قرار دهید، تایم لاین نمایش داده خواهد شد.

نمایش رویدادها در وردپرس می‌تواند رزومه‌ای جذاب برای ما و کسب و کارمان باشد. در وردپرس با افزونه Timeline Express به سادگی می‌توانید یک تایم لاین یا نوار زمان از اتفاقات و رویدادهای کسب و کار خود ایجاد نمایید و به نمایش بگذارید و کاربران را جذب خود کنید.

امیدوارم این مطلب برایتان مفید بوده باشد. منتظر پیشنهادات و انتقاداتتون هستیم 🙂

صفحه افزونه دانلود افزونه