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

( پنجشنبه ، 6 آبان سال 1400 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه شصت و سه

آموزگار :

مهدی جبین پور

گرید(Grid) روشی برای نمایش محتوهای سایت به صورت شبکه بندی شده است. در طرح بندی شبکه ای محصولات، اخبار یا هر محتوای دیگر سایت را در کنار هم و در قالب یک شبکه مشاهده می کنید که این علاوه بر زیبایی بصری که در سایت ایجاد می کند، کاربران نیز راحت تر به مرور مطالب می پردازند. ( ادامه مطلب … )

قالب زفایر وردپرس

با قـالب زفـایر مـطمئن تـر گـام بـردار …

قالب زفایر برای اولین بار در سایت ابزار وردپرس با امکانات فوق العاده عرضه شده و ما اطمینان داریم که میتونه خیلی به شما کمک کنه …

قالب زفایر وردپرس

با قـالب زفـایر مـطمئن تـر گـام بـردار …

قالب زفایر برای اولین بار در سایت ابزار وردپرس با امکانات فوق العاده عرضه شده و ما اطمینان داریم که میتونه خیلی به شما کمک کنه …

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

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

( پنجشنبه ، 6 آبان سال 1400 )

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

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

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

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

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

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

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

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

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

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

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

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

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

برای نوشتن دیدگاه باید وارد بشوید.

50 دیدگاه. ارسال دیدگاه جدید

  • عیسی شمسایی
    اکتبر 7, 2021 11:07 ب.ظ

    سلام خسته نباشید
    ببخشید من عکسام خیلی بزرگه و اصلا هم اندازه نیستند بجز پدینگ چه راهی وجود داره که همه عکسام رو به طول و عرض استاندارد و مساوی برسند ؟؟
    با تشکر

    • کارشناس پشتیبانی شماره چهار
      اکتبر 8, 2021 8:47 ق.ظ

      سلام آقای شمسایی بزرگوار
      برای هم سایز بودن تصاویر می بایست تصاویر را با سایز یکسان آپلود کنید. با استفاده از نرم افزارهایی مانند فتوشاپ و ایلستریتور می توانید این کار را انجام دهید.
      با تشکر از حضور شما

  • علی اسماعیلی
    سپتامبر 6, 2021 10:09 ق.ظ

    نظر شما خود رفایر است یا افزونه ساخت گرید؟ با تشکر از مطالبتان

  • حنانه خانی
    آگوست 23, 2021 11:00 ق.ظ

    سلام روزتون بخیر . چطور میتونیم به این گریدها لینک بدیم؟ بطور مثال من میخوام وقتی رو هرکدوم از این گرید ها کلیک میکنم به یک صفحه خاص بره.

  • مومنی نژاد
    ژوئن 14, 2021 4:57 ق.ظ

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

فهرست