آموزش افزونه جت بلاگ

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

اگر با المنتور کار می کنید، حتماً می دانید که ویجت های پیش فرض آن برای نمایش پست ها، با وجود کاربردی بودن، گاهی اوقات ما را محدود می کنند. همه ما وب سایت های خبری و مجله های آنلاین بزرگی مانند Time Magazine یا CNET را دیده ایم و آرزو کرده ایم که بتوانیم چنین طرح بندی های پویا و جذابی را برای وبلاگ خودمان پیاده سازی کنیم. خبر خوب این است که برای این کار نیازی به استخدام یک تیم برنامه نویسی یا درگیر شدن با کدهای پیچیده ندارید. اینجاست که آموزش افزونه جت بلاگ (JetBlog)، یکی از قدرتمندترین ابزارهای خانواده Crocoblock، وارد میدان می شود.

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

چرا جت بلاگ را انتخاب کنیم؟

شاید بپرسید با وجود ویجت های پیش فرض المنتور، چه نیازی به یک افزونه جداگانه است؟ JetBlog فقط چند ویجت ساده نیست، بلکه مجموعه ای از ابزارهای هوشمند برای نمایش محتواست که قابلیت های زیر را در اختیار شما قرار می دهد:

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

2. کنترل کامل بر کوئری (Query): به سادگی مشخص کنید کدام پست ها، از کدام دسته بندی ها، با چه ترتیبی و بر اساس چه فیلترهایی نمایش داده شوند.

3. پشتیبانی از انواع پست سفارشی (Custom Post Types): فراتر از نوشته های وبلاگ، می توانید محصولات، نمونه کارها یا هر نوع پست سفارشی دیگری را با همان زیبایی به نمایش بگذارید.

4. سازگاری با فیلدهای سفارشی (Custom Fields): اطلاعات تکمیلی مانند مدت زمان مطالعه، نام نویسنده مهمان یا هر فیلد سفارشی دیگری را به راحتی در کنار محتوای خود نمایش دهید.

نگاهی کلی به ابزارهای قدرتمند در آموزش جت بلاگ

این افزونه ۶ ویجت تخصصی را به جعبه ابزار المنتور شما اضافه می کند. در جدول زیر، نگاهی سریع به هر کدام و کاربردشان می اندازیم:

نصب و تنظیمات اولیه آموزش جت بلاگ

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

دریافت و نصب: شما می توانید افزونه JetBlog را مستقیماً از وب سایت رسمی Crocoblock تهیه کنید. پس از دانلود فایل zip.، از طریق منوی افزونه ها > افزودن > بارگذاری افزونه در پیشخوان وردپرس، آن را نصب و فعال کنید.

تنظیمات عمومی: پس از فعال سازی، به مسیر Crocoblock > JetBlog Settings بروید. در اینجا چند گزینه مهم وجود دارد:

- Editor Load Level: یک گزینه بسیار کاربردی برای بهینه سازی سرعت ویرایشگر المنتور! اگر احساس می کنید ویرایشگر شما کند شده، این سطح را روی Medium یا Low قرار دهید تا گزینه های استایل دهی کمتری بارگذاری شوند.

- Youtube API Key: اگر قصد دارید از ویجت Video Playlist برای نمایش ویدئوهای یوتیوب استفاده کنید، باید کلید API خود را در این قسمت وارد نمایید.

- Available Widgets: برای سبک نگه داشتن المنتور، می توانید از این بخش ویجت هایی را که استفاده نمی کنید، غیرفعال کنید.

آموزش عملی ویجت های جت بلاگ

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

ساخت یک طرح مجله ای حرفه ای با Smart Posts List

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

قدم اول: افزودن ویجت یک سکشن جدید در المنتور ایجاد کرده و ویجت Smart Posts List را به داخل آن بکشید. به طور پیش فرض، جدیدترین پست شما به عنوان پست ویژه در سمت چپ قرار می گیرد.

قدم دوم: تنظیم چیدمان در تب Content، نوار لغزنده Featured Post Position را جابجا کنید تا عرض پست ویژه بیشتر شود (مثلاً روی ۷۰٪). سپس، Feature Post Layout را از Boxed به Simple تغییر دهید تا تصویر به بالای متن منتقل شود و متن از روی تصویر خارج گردد.

قدم سوم: سفارشی سازی محتوا می توانید اطلاعات اضافی مانند دکمه "ادامه مطلب" (Read More) یا متادیتای پست (نویسنده، تاریخ) را از بخش Meta Information غیرفعال کنید تا طرح خلوت تری داشته باشید. برای پست های سمت راست نیز می توانید طول خلاصه متن (Excerpt Length) را روی 0 قرار دهید تا فقط عنوان نمایش داده شود.

قدم چهارم: استایل دهی نهایی به تب Style بروید. در بخش Featured Post، می توانید رنگ و تایپوگرافی عنوان را تغییر دهید. سپس به بخش Regular Posts رفته و همین تنظیمات را برای پست های لیست شده در سمت راست اعمال کنید.

ایجاد گالری پست های کاشی کاری شده با Smart Post Tiles

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

قدم اول: انتخاب طرح بندی ویجت Smart Post Tiles را به صفحه اضافه کنید. در همان ابتدا، از بخش Layout یکی از ۹ طرح بندی از پیش آماده را انتخاب کنید.

قدم دوم: تنظیمات سکشن برای اینکه کاشی ها تمام عرض صفحه را بپوشانند، سکشن حاوی ویجت را انتخاب کرده و در تب Layout، عرض محتوا (Content Width) را روی Full Width و فاصله ستون (Column Gaps) را روی No Gap قرار دهید.

قدم سوم: افزودن افکت Hover جذابیت این ویجت به افکت های آن است. به تب Style و بخش Box بروید. یک Box Overlay از نوع Hover با رنگ تیره و شفافیت (Opacity) کم تعریف کنید. حالا وقتی کاربر موس را روی هر کاشی می برد، یک لایه تیره زیبا روی آن ظاهر می شود و عنوان را برجسته تر می کند.

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

ساخت نوار اخبار متحرک با Text Ticker در آموزش جت بلاگ

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

قدم اول: تنظیمات اولیه ویجت Text Ticker را به یک سکشن باریک در بالای صفحه خود اضافه کنید. در بخش General، یک عنوان برای ویجت (Widget Title) بنویسید، مثلاً "اخبار داغ".

قدم دوم: کنترل انیمیشن در بخش Slider Settings، می توانید افکت انیمیشن را بین Typing (تایپ شدن) و Fading (محو شدن) انتخاب کنید. همچنین سرعت جابجایی آیتم ها (Autoplay Speed) را بر حسب میلی ثانیه تنظیم کنید (مثلاً ۵۰۰۰ برای ۵ ثانیه).

قدم سوم: استایل دهی به تب Style بروید. در بخش Widget Title، رنگ و فونت عنوان "اخبار داغ" را مشخص کنید و با استفاده از Padding، کمی فاصله بین آن و عناوین متحرک ایجاد کنید. سپس در بخش Post، استایل لینک ها و عناوین را مطابق با طراحی سایت خود تنظیم نمایید.

امکانات پیشرفته (Query & Controls)

قدرت واقعی آموزش جت بلاگ در بخش Query & Controls نهفته است که در ویجت های Smart Posts List و Tiles وجود دارد. در این بخش شما می توانید:

Source: مشخص کنید محتوا از "نوشته ها"، "برگه ها" یا هر نوع پست سفارشی دیگری خوانده شود.

Query by: پست ها را بر اساس دسته بندی، برچسب، یا حتی IDهای خاص فیلتر کنید.

Exclude/Include: پست های خاصی را از لیست نمایش حذف کرده یا فقط پست های مشخصی را نمایش دهید.

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

Order by: پست ها را بر اساس تاریخ، عنوان، تعداد نظرات یا به صورت تصادفی مرتب کنید.

نتیجه

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

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