آموزش افزونه The Grid
افزونه The Grid از حرفه ای ترین و پیشرفته ترین پلاگین های وردپرس برای نمایش هر گونه محتوای سایت بصورت شبکه ای منظم و نامنظم است. در پلاگین The Grid میتوانید هر محتوایی از هر نوع پست تایپی مثل نوشته ها، محصولات، نمونه کارها و هر گونه محتوای دیگری را به زیباترین شکل و با گرافیک بالا در گرید نمایش دهید.
با استفاده از نمایش محتوای شبکه ای دسترسی کاربران به همه مطالب سایت سریعتر و راحتتر خواهد بود که این موضوع برای تعامل هر چه بیشتر کاربران با سایت ضروری است. همینطور محتوای شبکه ای که با افزونه The Grid ایجاد میشود زیبایی و جذابیت سایت را چند برابر میکند و همین در جذب بازدیدکنندگان سایت و فروش بیشتر محصولات تأثیر مثبت دارد.
هم اکنون نسخه اورجینال و فارسی شده افزونه The Grid در سایت ابزار وردپرس برای استفاده شما عزیزان فراهم شده است.
دانلود افزونه محتوای شبکه ای The Grid
آموزش نصب و استفاده از افزونه The Grid
برای نصب افزونه نمایش محتوای شبکه ای، در پیشخوان وردپرس، مسیر “افزونه ها ßافزودن” را انتخاب کنید و سپس دکمه “بارگذاری افزونه” را کلیک کنید. فایل فشرده افزونه The Grid که از سایت ابزار وردپرس دانلود کردید را انتخاب و نصب کنید. پس از نصب افزونه آن را فعال کنید.
با فعال سازی افزونه، منوی جدید ” The Grid” به پیشخوان وردپرس اضافه خواهد شد.
پلاگین The Grid دو بخش برای تنظیم و مدیریت دارد. یکی تنظیمات گرید برای نمایش محتوا و بخش دیگر تنظیم و ایجاد تغییر برای هر آیتم گرید است.
با کلیک منوی The Grid وارد بخش صفحه اصلی تنظیمات گرید شوید. ابتدا در این صفحه دکمه “دموها را درونریزی کن” را کلیک کنید تا همه دموهای پوسته افزونه، در وردپرس ذخیره شده و برای استفاده آماده شود.
شما میتوانید ابتدا از سایت the-grid همه ی نمونه های محتوای شبکه ای را مشاهده کنید .گرید دلخواهتان را انتخاب کنید. سپس پس از درون ریزی دموها در افزونه The Grid، گریدی که انتخاب کردید را تنظیم و ویرایش کنید.
دمویی که انتخاب کردید را در حالت ویرایش باز کنید تا وارد صفحه تنظیمات آن شوید. صفحه تنظیمات هر گرید دارای چند سربرگ اصلی است.
- سربرگ کلی
- این سربرگ اطلاعات کلی از گرید مثل نام و کد کوتاه گرید را نمایش میدهد. همچنین id و کلاس گرید برای استفاده در CSSهای سفارشی هم قابل مشاهده است.
- سربرگ منابع
- این صفحه برای مشخص کردن منبع محتوای گرید است. بطور مثال اگر بخواهید تصاویر اینستاگرام در گرید نمایش داده شود گزینه “Instagram” را انتخاب کنید. برای نمایش انواع پست تایپ های وردپرس در گرید گزینه “Post Type” را انتخاب کنید. تعداد آیتم هایی که میخواهید در هر گرید نمایش داده شود را از قسمت “تعداد آیتم” مشخص کنید. از جعبه باز شونده “نوع نوشته”، نوع پست تایپی که محتوای آن باید در گرید نمایش داده شود را انتخاب کنید. حتی وضعیت انتشار و دسته بندی محتواها هم قابل تغییر است.
- سربرگ مدیا
- این صفحه برای مدیریت مدیا و رسانه در محتوای شبکه ای است که قابلیت انتخاب فرمت آیتم های نمایشی مختلفی را دارد.
- سربرگ گرید
- در سربرگ گرید نوع نمایش محتوای شبکه ای تعیین میشود. همینطور نسبت آیتم ها هم قبل تغییر است. در این صفحه تنظیمات واکنشگرایی برای نحوه نمایش گرید و تعداد ستون های آن در دستگاه های مختلف دسکتاپ، تبلت و موبایل هم قابل تنظیم است.
- سربرگ فیلتر/مرتب
- هرگونه فیلتر و محدودیت برای نمایش آیتم های گرید و مرتب سازی آیتم ها در این سربرگ قابلیت پیاده سازی و مدیریت دارد.
- سربرگ صفحه بندی
- در این صفحه میتوانید صفحه بندی آجاکسی را فعال کنید تا در نمایش محتواها هر بار صفحه Reload نشود و گرید با تکنولوژی آجاکس نمایش داده شوند. صفحه بندی های قبلی و بعدی را هم میتوانید فعال و متن دکمه های آن را تغییر دهید.
- سربرگ طرح بندی
- طرح بندی کلی صفحه نمایش محتوای شبکه را در این صفحه تنظیم کنید. مکان قرار گیری فیلترها، دکمه بارگزاری بیشتر و موارد دیگری که در صفحه گرید نمایش داده میشود از این قسمت تغییر داده میشود.
برای سایت های فارسی دکمه “راست به چپ” در این سربرگ را فعال کنید تا گرید نمایش درستی را داشته باشد. تنظیم کاربردی دیگری که در این سربرگ هست نمایش “تمام عرض” است که با توجه به سایتتان میتوانید این تنظیم را فعال یا غیر فعال کنید.
- سربرگ پوسته ها
- در این صفحه میتوانید پوسته دمویی که انتخاب کردید را تغییر دهید. به یاد داشته باشید با تغییر پوسته همه تنظیمات نوع طرح بندی، گرید و… تغییر میکنند و در صورت ضرورت باید همه را دوباره انجام دهید.
- سربرگ انیمیشن
- در این صفحه برای نمایش گرید انیمیشن تعریف کنید. در جعبه بازشونده “استایل انیمیشن” تعداد زیادی انیمیشن برای انتخاب شما فراهم شده است.
- بارگزاری/ آژاکس
- این صفحه برای تنظیم روش ها و متدهای بارگزاری گرید با آجاکس است.
- سربرگ کد css/js
- اگر بخواهید کدهای سفارشی css و js برای گرید بنویسد، در باکس های سفارشی این صفحه انجام دهید.
بخش دیگر تنظیمات The Grid مربوط به مدیریت و تنظیم هر کدام از آیتم های گرید است. برای ایجاد تغییر در آیتم های گرید منوی” The Grid ßطراحی ظاهری” را انتخاب کنید. در صفحه بعد دکمه “پوسته های دمو را درونریزی کنید” را کلیک کنید تا انواع متنوع از دموهای آیتم را مشاهده نمایید. نام پوسته ای که می خواهید ظاهر آیتم های آن را تغییر دهید انتخاب کنید. با کلیک روی نام پوسته، صفحه طرح بندی آیتم های آن را مشاهده میکنید. شما میتوانید المان های جدید به آیتم اضافه یا عضوی را از آیتم حذف کنید یا تغییراتی برای اجزای آیتم ایجاد کنید. تنظیمات بیشتری هم در منوی تنظیمات طرح بندی که سمت چپ این صفحه است قابل انجام است که با استفاده از آنها ظاهر آیتم های گرید تغییر میکند.
پس از انجام تنظیمات، برای نمایش گرید در صفحات سایت، کد کوتاه (Short Code) گریدی که ویرایش کردید را در هر صفحه ای که میخواهید گرید در آن نمایش داده شود قرار دهید.
روش دیگر نمایش محتوای شبکه ای در سایت هایی که از صفحه ساز ویژوال کامپوزر استفاده میکنند اضافه کردن “المان گرید” و سپس انتخاب نام گرید در صفحه تنظیمات آن است. با این روش گرید در آن صفحه نمایش داده میشود.
اگر علاقمند به نمایش هر نوع محتوایی با گرافیگ بالا و ظاهری جذاب و به صورت شبکه ای در وبسایتتان هستید، به شما پیشنهاد میکنیم افزونه پر طرفدار The Grid را دانلود و نصب کنید . از امکانات کم نظیر و پیشرفته آن برای نمایش محتوای شبکه ای بهرهمند شوید.
Views 0
دیدگاه‌ها و پرسش‌ها