آموزش افزونه 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 را دانلود و نصب کنید . از امکانات کم نظیر و پیشرفته آن برای نمایش محتوای شبکه ای بهرهمند شوید.
43 دیدگاه. Leave new
سلام دوست عزیز
و خدا قوت به جناب جبین پور با این همه خلاقیت و توانایی. سایت فوق العاده ای دارید. یعنی گرید ها میتوانند هر چیزی باشند؟ عکس؟ متن ؟یا ترکیب این دو؟
سلام بر شما
گرید ها از پست تایپ ها گرفته می شود.
بله مشکلی ندارد.
از حضور شما ممنونیم.
سلام
میخواستم از گرید برای نمایش یک سری نمونه کار استفاد کنم که کاربر بعد از کلیک به سایت دیگه منتقل بشه،اما موفق نمیشم چون تنها برگه های داخل سایت رو گرید پشتیبانی میکنه
سلام و احترام آقای بردبار
برای این موضوع می توانید از افزونه ACF استفاده کنید و لینک سایت را قرار دهید و می توانید از این راه حل استفاده کنید.
با تشکر
با این اسمی که اشاره کردید نمونه های مشابه زیادی هست، ممنون میشم اسم دقیق رو معرفی کنید
سلام بر شما،
این افزونه
Advanced Custom Fields
سلام خسته نباشید خدمت تمام عزیزان و دوستان گل به خصوص مدرس های ابزاروردپرس
آقا مهدی واقعا خدا خیرت بده به خاطر این دوره که همینطوری رایگان در اختیار دوستان گذاشتی ……..سپاس فراوان
ایشاالله خدا به اندازه باطنت بهت بده
سلام و درود آقای فاضلی عزیز
سلامت باشید. از دیدگاه ارزشمندتان سپاسگزاریم.
با تشکر
سلام ببخشید پشتیبانی این محصول مربوط به یک سایت هست و یا برای چند سایت پشتیبانی انجام میشه ؟
من کل دوره هاتون رو دیدم خدا قوت میگم بهتون واقعا هنگ کرده بودم که چیکار کنم متشکرم و در پناه حق همیشه شاد و سربلند باشید
سلام و درود آقای فرشادی عزیز
همانطور که اطلاع دارید طبق قوانین تا این تاریخ هیچ گونه محدودیتی بابت تعداد دفعات نصب بر روی سایت های یک شخص در محصولات ابزار وردپرس لحاظ نشده است. البته پشتیبانی و برخی ویژگی های خاص محصولات با توجه به هزینه بخش پشتیبانی و نیروی انسانی برای یک دامنه ارائه می گردد. باتشکر
افزونه خوبیه ولی کار کردن باهاش خیلی سخته!! و حتما حتما نیاز به ویدئو ی آموزشی مناسبی داره
مرسی که فیلم آموزشی هم قرار دادید!!
خیلی خوبه که همه افزونه های مطرحتون آموزش دارند
سلام آیا این افزونه امکان نمایش محتوا به صورت لایت باکس مانند سایت freepik را دارد؟
سلام و احترام
افزونه دارای حالت لایت باکس می باشد اما مانند سایت فری پیک نمی باشد.
با تشکر
سلام وقت به خیر
من یه مشکلی دارم اون هم این که وقت که مثلا گرید lome رو استفاده میکنم به جا این که گرید وسط برگه من جای که براش مشخص کردم نمایش داده بشه بیشتر گرید خارج از برگه سمت چپ صفحه میره از صفحه خارج میشه ظاهرش به کل خراب میشه نصف گرید میشه تو برگه نصفه دیگه گرید مثلا دوتا ستون از چهارتا ستون مشخص کرده میرن بیرون از صفحه نمایش از سمت چپ
سلام آقای دریائی عزیز
لطفاً در صورتی که با اکانت دیگری خرید را انجام دادید تیکت ارسال کنید تا ان موضوع توسط کارشناسان بررسی گردد.
با تشکر
سلام وقت به خیر
این افرونه امکان نمایش خروجی گرویتی ویو رو داره ؟
سلام حسین عزیز ، این افزونه با گراویتی ویو ارتباط خاصی ندارد.
سلام من وقتی دوتا گرید میسازم یک انداره یکیش یکم بزرگتره باید چیکار کنم؟
سلام ، به این منظور حالت های مختلف نمایشی وجود دارد مثلا شما masonary حالت بی نظم است باید از حالت مساوی استفاده نمایید. باتشکر
سلام من المان را گذاشتمولی با این پیام مواجه شدم
No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.
میشه راهنمایی کنید
سلام و درود بر شما ، این مورد بنظر نیاز به بررسی دارد در صورت تهیه از سایت ما تیکت ارسال نمایید در خدمت هستیم. باتشکر
با سلام و احترام
آقای جبین پور یه گلگلی دارم از شما
من افزونه گرید و از شما خریدم و به یه مشکل اساسی برخوردم ( اینکه بعد از نصب برنامه وقتی دمو ها را درونریزی کردم تمام پوسته ها فعال شدن تا اینجا مشکلی نبود ولی وقتی خواستم تغییری در ظاهر یکی از پوسته ها بدم مثلا نام نویسنده یا تاریخ و حذف کنم در قسمت گرید/ طراحی ظاهری این پوسته را پیدا نکردم که بعد متوجه شدم در قسمت طراحی ظاهری / وقتی درونریزی می کنم چند تا از پوسته ها نمایش داده نمی شوند مثل پوسته PRAIA , SANAA, چند تا پوسته دیگه) که بعد از اینکه این مشکل و با کارشناسان محترم شما در میان گذاشتم گفتند این مشکل از سازنده این افزونه است و چند تا از پوسته ها قابل نمایش نیست.
و من از آقای جبین پور خواهش می کنم که این موضوع و حتما لحاظ کنند تا کسانی که این افزونه را خریداری می کنند با علم به این موضوع خریداری کنند چون من دقیقا پوسته هایی را که می خواستم درونریزی نمی شوند و یک جورایی این افزونه ناقص می باشد. ممنون
سلام بر شما ، برخی از پوسته های گرید قابل ویرایش نیست ، فقط تعدادی از آنها را سازنده امکان ویرایش گذاشته است . این در واقع یک مشکل و نقص نیست بلکه حالت طبیعی خود افزونه از سازنده خارجی است. باتشکر
ممنون
پس لطفا اگر زحمتی نیست بفرمائید کدوم از پوسته ها قابلیت تغییر دادن دارن که من ازش استفاده کنم . چون هیچ کدوم از پوسته ها را نمی شه تغییر داد.
سلام اینجا که فقط جلسه اول آموزش هست بقیه جلسات کجاست؟
باسلام خدمت شما
در زیر میتوانید تمام جلسات آموزش افزونه گرید را مشاهده فرمایید.
https://abzarwp.com/downloads/the-grid-tutorials/
از حضور شما ممنونیم.
سلام ،
بنده می خوام داخل صفحه بندی صفحه ی پستام قیمتی که با ACF تعریف کردم روی شورت کات هر پست نمایش داده بشه و بتونم بر اساس قیمت مرتب سازی کنم . این ابزار این قابلیت رو داره؟
سلام بر شما ، خیر متاسفانه این با برنامه نویسی قابل پیاده سازی است. باتشکر
سلام جناب جبین پور عزیز من میخوام مثل دی جی کالا تو حالت موبایل پست ها رو نمایش بده یعنی 1 پست کامل و نصف پست بعدی رو کاربر ببینه و با حرکت انگشت ادامه پست ها اسلایدی نمایش داده بشه اما متاسفانه این خالت رو نتونستم پیاده کنم ممنون میشم اگر مکنه روش شبیه دی جی کالا رو تو حالت موبایل آموزش بدید
با سلام ، ممنون از حضور شما ،
دیجی کالا از 0 کد نویسی شده است ، خیلی از طراحی های دیجی کالا را به سادگی نصب افزونه و طراحی درگ دراپ نمی توان انجام داد.
با تشکر.
برای نمایش ویدئو باید پست من از نوع نوشته باشه در گرید که مجموعه ویدئوهای منو نشون بده
با سلام و احترام ،
متاسفانه بدرستی متوجه درخواست یا سوال شما نشدم.
در صورت امکان سوال خود را در ناحیه کاربری بصورت تیکت ارسال نمایید تا در صورت امکان ، همکارانم راهنمایی نمایند.
با تشکر.
با سلام
من از این افزونه استفاده میکنم.همچنین به خاطر مطالب زیاد سایتم از المان شبکه ای هم استفاده میکنم
میخوام بدونم روشی هست که این دو قسمت رو با هم ادغام کنم ؟
یعنی تو المان شبکه ای حالت های مختلف گرید بیاد
تو قسمت تنظیمات المان شبکه ای یه قسمت به اسم طرح بندی شبکه ای هست ولی قالب های گرید داخلش نیست
ممنون میشم راهنمایی کنید
سلام جناب یوسفی مهربان ، خیر این امکان میسر نمی باشد و این دو کاملاً از هم متفاوت است. باتشکر
با سلام
بنده رو قالب BeTheme نصب کردم اما به دلیل راستچین بودن صفحه، بعد از کلیک روی عکس، نمایش بزرگ آن به کنار صفحه می رود. با تغییر کد css کل قالب مشکل حل میشود اما سایت چپ چین می شود.
ممنون می شوم راهنمایی نمایید
سلام بر شما ، در صورت خرید از ما تیکت ارسال بفرمایید سریعاً بررسی خواهد شد. باتشکر
ممنونم از پاسختون. خیر من این افزونه را خریداری نکرده ام.
سلام . خسته نباشید.
اگر این افزونه برای تغییر نمایش وبلاگ بخواهیم استفاده کنیم قابل استفاده است. اگر امکانش هست با اعمال تنظیمات داخل خود افزونه بصورت اتوماتیک اینکار صورت میگیره ؟
با سلام و احترام ، این افزونه به شما این امکان را می دهد که در یک برگه نوشته های سایت را نمایش دهید و خودش تمپلیت های جذابی دارد. باتشکر
با سلام و عرض ادب
این محصولو تهیه کردم فقط میخوام بدونم چگونه میشه کنار عکس محصول کاتالوگ دانلود گذاشت از کدوم تم آماده این محصول میشه برای چنین کاری استفاده کرد
با سلام و احترام خانم نیکزاد ، متاسفانه دقیق متوجه منظور شما نشدم. پیشنهاد می کنم کلیه دموهای خارجی سازنده را مشاهده نمایید خیلی به شما در انتخاب طرح ها کمک می کند. باتشکر
سلام با افزونه edd سازگار است که بخرم
با سلام ، بله با ایزی دیجیتال دانلود هم سازگاری دارد. باتشکر