آموزش نمایش محتوا با گرید قالب زفایر

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

برای ایجاد مقاله در وردپرس، در زیرگروه “نوشته ها > افزودن نوشته”، یک نوشته جدید ایجاد کنید. برای آن عنوان و توضیحات اضافه کنید. توجه داشته باشید یک عکس مناسب با محتوا، برای تصویر شاخص اضافه کنید تا محتواها در گرید نمایش زیباتری داشته باشند. همچنین ذکر این نکته ضروری است که دسته بندی نوشته­  ها را نیز تعیین کنید زیرا برای نمایش گرید باید مشخص کنید که کدام دسته بندی محتوا در طرح بندی شبکه ­ای نمایش داده شود.

در این آموزش ایجاد طرح بندی شبکه ای را با استفاده از امکانات قالب زفایر و ایمپرزا به شما معرفی می­ کنیم .در قسمت بعد با استفاده از افزونه The Grid به ساخت گرید در وردپرس می­پردازیم.

طرح بندی شبکه ای در قالب زفایر

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

در صفحه تنظیمات شبکه­ ای، از جعبه باز شونده “نمایش” نوع پست­ تایپی که می­ خواهید در گرید نمایش داده شود را تعیین کنید. پس از انتخاب پست­ تایپ، دسته بندی محتوای نمایش در شبکه را نیز مشخص کنید. همچنین تعداد آیتم ­هایی که می­ خواهید در گرید نمایش داده شود را تغییر دهید.

در “سربرگ نمایش”، نوع طرح بندی شبکه­ ای و تعداد ستون­ هایی که در هر ردیف گرید نمایش داده می­شوند و همچنین فاصله بین ستون­ ها را مشخص کنید.

پس از انجام تنظیمات و ذخیره آن، برگه را در مرورگر باز کرده و محتوای شبکه­ ای را مشاهده نمایید.

حال اگر بخواهید طرح بندی شبکه ­ای به صورت وبلاگ پیمایش شود، در صفحه­ ساز ویژوال کامپوزر، المان “پیمایشگر” را اضافه کرده و در صفحه تنظیمات پیمایشگر، نوع پست­ تایپ و دسته بندی محتوایی که باید در گرید نمایش داده شود را مشخص کنید.

در “سربرگ نمایش” نوع طرح بندی شبکه و تعداد ستون ­ها را تعیین کنید. همچنین از “سربرگ پیمایشگر” برای اضافه کردن پیکان های نمایشی در چپ و راست گرید، نقطه های پیمایشگر و…استفاده کنید.

پس از انجام تنظیمات، برگه را در مرورگر باز کرده و محتوای شبکه ­ای را مشاهده نمایید.

طرح بندی شبکه ای سفارشی

در قالب زفایر و ایمپرزا امکان ساخت گرید بر اساس نیاز و سلیقه شما وجود دارد. برای ایجاد طرح شبک ه­ای موردنظرتان، از زیرگروه “زفایر> طرح­ های شبکه ای” را انتخاب کنید. دکمه افزودن طرح ­های شبکه ­ای را کلیک کرده و در صفحه بعد یک گرید طراحی کنید. همچنین می­توانید با استفاده گزینه “قالب ­ها”، از بین قالب ­های پیش­فرض شبکه ­ای که موجود است انتخاب .  تغییراتی را روی آن اعمال کنید. از منوی سمت راست هم برای انجام تنظیمات بیشتری روی گرید استفاده کنید. گرید سفارشی شده را ذخیره کرده و با نامی که برای آن در نظر گرفته ­اید در المان ­های شبکه­ ای و پیمایشگر مورد استفاده قرار دهید.