طراحی تایم لاین وردپرس با Timeline Express + آموزش ویدیویی

زمان انتشار:
تعداد بازدید: 1,030

زمان تقریبی خواندن نوشته: 3دقیقه
حالت تمام صفحه:

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

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

طراحی تایم لاین وردپرس به منظور ارائه زیباتر محتوا به همراه المنت‌های بصری صورت می‌گیرد. از این مورد برای نمایش رخدادها، تصاویر، توضیحات، محتوای خاص یا آموزش و… استفاده می‌کنند. افزونه Timeline Express گزینه مناسبی به منظور تهیه نوار زمان عمودی است.

طراحی تایم لاین وردپرس -wordpress Timeline Express-banner

افزونه وردپرس Timeline Express برای طراحی تایم لاین وردپرس بسیار ساده و مناسب است. این افزونه با کسب امتیاز ۴٫۶ از ۵ تاکنون توانسته بیش از ۱۰٬۰۰۰ نصب فعال را در مخزن وردپرس به نام خود ثبت کند.

ویژگی‌های افزونه Timeline Express

  • سهولت استفاده و کمک گرفتن از شورت‌کدها
  • تایم‌لاین رسپانسیو که در همه دستگاه‌ها به خوبی نمایش داده می‌شود.
  • دارای صدها آیکون زیبا و فونت مخصوص
  • CSS3 جهت انیمیشن.
  • تعیین حداکثر طول مجاز برای بخش نمایشی
  • امکان نمایش یا عدم نمایش تاریخ در جدول زمانی.
  • دارای پیوند «مطالعه بیشتر» برای هر اطلاعیه در جدول زمانی.
  • تعیین تصاویر سفارشی برای هر اعلان
  • امکان چینش صعودی و نزولی
  • و…

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

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

طراحی تایم لاین وردپرس -wordpress Timeline Express-menu

عملکرد افزونه رویداد وردپرس

افزونه Timeline Express دارای چهار زیرمنوی زیر است:

  1. All Announcement: امکان مشاهده، حذف و ویرایش رویدادهای طراحی شده در افزونه Timeline Express
  2. New Announcement: ساخت رویداد جدید و معرفی نوع محتوا (متن-تصویر- ویدیو و…) جهت نمایش در نوار عمودی زمان.
  3. Settings: به منظور بررسی تنظیمات و اعمال پیکربندی‌های دلخواه جهت نحوه نمایش رویداد در وردپرس.
  4. Add-Ons: امکان مشاهده سایر افزودنی‌های مکمل.

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

ابتدا به زیر منوی New Announcement رجوع کنید. در این قسمت می‌توانیم پروسه طراحی تایم لاین وردپرس را شروع کرد و تنظیمات نمایشی برای هر رویداد را مشخص کرد.

طراحی تایم لاین وردپرس -wordpress Timeline Express-New Announcement

ابتدا عنوانی را برای عنصر خود درج کنید. مطابق توضیحات زیر، تنظیمات مورد نظر را اعمال کنید.

  • : رنگ این آیتم در تایم لاین.
  • Announcement Icon مشخص کردن آیکون دلخواه جهت نمایش در کنار عنصر.
  • : تنظیم تاریخ برای نمایش کنار عنصر (در صورت عدم تمایل نمایش این گزینه را از بخش تنظیمات غیر فعال کنید.)
  • :انتخاب یک تصویر به عنوان شاخص و بنر جهت نمایش کنار عنصر.

در آخر پس از اعمال تنظیماتات و… بر روی دکمه انتشار کلیک کنید.

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

پس از طراحی تایم لاین وردپرس و در پایان کار، برای مشاهده، ویرایش یا حذف عناصر طراحی شده به زیر منوی All Announcement رجوع کنید. در تصویر زیر مشاهده می‌کنید که عناصر تایم لاین وردپرس به همراه جزئیات قابل مشاهده و ویرایش هستند.

طراحی تایم لاین وردپرس -wordpress Timeline Express-all Announcements

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

نتیجه نهایی

در نهایت پس از طراحی تایم لاین وردپرس به منظور نمایش آن به برگه یا نوشته مورد نظر خود رجوع کرده و از آیکون Timeline Express کمک گرفته یا شورت‌کد [timeline-express] را درج کنید. خروجی حاصل مشابه تصویر زیر خواهد بود.

 

طراحی تایم لاین وردپرس -Timeline Express-demo

پیشنهاد مطالعه: اگر قصد ارائه محتوا به شیوه‌ای جذاب دارید، اسلایدر چند منظوره در وردپرس نیز گزینه مناسبی است.

جمع‌بندی نهایی

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

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

امیدواریم که از این آموزش وردپرس یاد راضی بوده باشید. موفق باشید. 🙂

دانلود افزونه و قالب وردپرس- download worpress plugin and theme دانلود افزونه Timeline Express جهت طراحی تایم لاین وردپرس

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

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

77 نوشته تا کنون
فارغ‌التحصیل رشته آی‌تی. کارشناس آی‌تی وردپرس‌یاد ?
✍باتمام علاقه‌ای که به دنیای آی‌تی داشتم با وردپرس آشنا شدم و اکنون تمام تلاشم برای تهیه آموزش‌های کاربردی و کمک به علاقه‌مندان دنیای بزرگ وردپرس است.

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

2 دیدگاه
  1. فرشته فارسی

    فرشته فارسی

    سلام. خسته نباشید
    چطوری می تونم مقاله و ویدیو به صورت بلاگ در وردپرس در بیارم؟

    • محدثه اسماعیلی

      محدثه اسماعیلی

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