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

( چهارشنبه ، 13 مهر سال 1401 )

حق کپی ویدئو

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

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

جلسه شصت و سه

آموزگار :

مهدی جبین پور

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

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

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

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

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

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

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

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

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

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

مهدی جبین پور

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

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

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

( چهارشنبه ، 13 مهر سال 1401 )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

74 دیدگاه. Leave new

  • ابراهيم صالح‎‎
    سپتامبر 23, 2022 10:16 ب.ظ

    سلام و سپاس

    آيا اين امكان هست كه با استفاده از نوشته ها يك گريد بصورت قالب براي محصولات درست كرد و سپس در هر برگه كه خواستيم گريد را فراخواني كنيم؟

  • صالح طاهریان
    سپتامبر 20, 2022 12:44 ق.ظ

    سلام اگر بخوایم محصول بذاریم داخل گرید باید چیکار کنیم اصلا پست تایپ محصول کجاست؟

    • سلام بر شما ، وقت بخیر از حضور شما ممنونیم.

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

      آرزوی موفقیت برای شما داریم.

  • میلاد عارف
    آگوست 20, 2022 5:18 ب.ظ

    سلام
    ببخشید ما عکس ها یا ویدیو هایی را که در بخش رسانه وردپرس اضافه میکنیم وقتی این عکس ها را از روی سیستم حذف کنیم آیا از روی سایت و این رسانه وردپرس هم پاک میشود یا خیر؟

  • علی رضا فاضل
    آوریل 27, 2022 10:45 ب.ظ

    آیا المان هایی که در ویژوال هست در المنتور هم هست؟

  • علی رضا فاضل
    آوریل 27, 2022 9:53 ب.ظ

    سلام ضمن خسته نباشید شرمنده حالت گرید در المنتور هم هست ؟

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

  • محمد پزیرا
    مارس 27, 2022 1:37 ب.ظ

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

  • مرصاد جاویدپور
    مارس 8, 2022 10:22 ق.ظ

    سلام و خسته نباشید
    من میخاستم نوشته هارو اولویت بندی کنم که تو برگه به ترتیب نمایش داده بشه
    همچین قابلیتی وجود دارد؟؟؟؟

    • علی حیدری
      مارس 8, 2022 11:03 ق.ظ

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

  • فاطمه کرمانی
    دسامبر 21, 2021 6:58 ق.ظ

    سلام خسته نیاشید
    من یه برگه ساختم به عنوان وبلاگ و نوشته هایی رو انتشار دادم.
    وقتی میام در ویرایش برگه وبلاگ با ویرایشگر ویژوال کامپوزر المان گرید رو انتخاب می کنم و تنظیمات مربوطه را اعمال می کنم. اما وقتی انتشار می زنم المان گریدم یا هر المان دیگ ای که اضافه کنم رو بهم نشون نمیده و کلا المان هارو حذف میکنه
    دلیلش چیه؟

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

      سلام و درود خانم کرمانی
      در صورتی که قاب را از ما تهیه کرده اید از ناحیه کاربری یک تیکت ارسال کنید تا بررسی در این رابطه داشته باشیم.
      با تشکر

    • فاطمه کرمانی
      دسامبر 21, 2021 1:47 ب.ظ

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

  • بهزاد فیروزی
    دسامبر 15, 2021 4:19 ب.ظ

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

  • سلام خسته نباشید، جسارتا یه سوال داشتم، خیلی ببخشید از کجا میتونم این عکس های زیبا که تو سایت خودتون و تو ویدو های این دوره بکار برده شده رو پیدا کنم؟؟ منبعی چیزی دراه؟

  • ایزدمهر صدقیی
    اکتبر 31, 2021 5:43 ب.ظ

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

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

      سلام و احترام
      برخی از المان ها مربوط به قالب زفایر است و در صورتی که افزونه ویژوال کامپوزر را نیز نداشته باشید می توانید از آن استفاده کنید. المان شبکه ای یکی از المان هایی است که به ویژوال کامپوزر نیاز ندارید.
      با تشکر

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

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

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

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

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

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

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

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

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

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

  • ابراهیم رضایی
    می 28, 2021 6:32 ب.ظ

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

    • کارشناس پشتیبانی شماره چهار
      ژوئن 8, 2021 6:36 ب.ظ

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

  • زهرا آساره
    می 6, 2021 11:37 ب.ظ

    با سلام و تشکر از ویدئوهای آموزشی عالی تون
    بع از تشکیل طرح شبکه ای در یک برگه چطور می تونم تنظیمات رو طوری انجام بدم که با کلیک رو برگه حاوی طرح شبکه ای در سایت در یک زبانه جدید باز شود به طور اتومات
    پیشاپیش سپاس از راهنماییتون

  • محمد چنانی
    فوریه 16, 2021 7:27 ب.ظ

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

  • سپاس بوربور
    فوریه 8, 2021 11:44 ق.ظ

    با سلام،یک راهنمایی می خواستم:
    1-من طرح بندی شبکه ای برای وبلاگم درست کردم؛می خواستم ببینم این امکان در زفایر وجود دارد که وقتی روی آن کلیک می شود،تصویر شاخص را هم به طور خودکار بالای صفحه خود نوشته هم نمایش دهد(الان به طور دستی انجام می دهم)مثل فرض کنید سایت هایی مانند دیجیاتو یا زومیت؟
    2-آیا این امکان وجود دارد که طوری تنظیم کنیم که همه عکس ها به طور پیش فرض در یک سایز مشخص شده منتشر شوند بدون اینکه آنها را از قبل ری سایز کرده باشیم؟(مثلا با وجود اندازه های مختلف خود عکس ها،همه در یک کادر 300*300 تنظیم و منتشر شوند؟)
    با تشکر از شما

    • تیم پشتیبانی
      فوریه 8, 2021 12:22 ب.ظ

      سلام و درود خدمت شما

      1- بله در ویدئو مربوط به ساختار صفحات برای بالای صفحات وبلاگ از المان تصویر شاخص استفاده نمایید.
      2- این امکان با برخی پلاگین ها شاید قابل انجام باشد ولی در حالت کلی یهتر است برای یک سایت استاندارد و مناسب تصاویر یک سایز را استفاده نمایید. باتشکر

  • سید امین علوی
    فوریه 4, 2021 5:53 ب.ظ

    سلام برای یکسان کردن انداره عکس ها باید از چه نرم افزاری استفاده کنیم؟ من یه نرم افزاری رو نصب کردم ولی درست وحسابی هم انداره نکرد و باز اندازه ها فرق داشت…

  • با عرض ادب و احترام
    من یک سوالی داشتم و ان هم این هستش که من میخواهم افزون اضفه کنم میزنه حداکثر 2 مگابایت من چگونه میتونم افزایش حافظه بدم در اضافه کردن افزونه ها و…

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

    • تیم پشتیبانی
      ژانویه 18, 2021 4:29 ب.ظ

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

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

  • نگار کوتاه زاده
    ژانویه 11, 2021 4:50 ب.ظ

    سلام برای گذاشتن pdf کتاب ها در سایت ایا میشه از گرید استفاده کرد؟

  • محمد مشاوری
    ژانویه 6, 2021 7:14 ب.ظ

    با سلام و خسته نباشید
    به یه مشکل برخورد کردم
    من اومدم طبق اموزش استاد پیش برم و یک نوشته ایجاد کنم
    وقتی روی نوشته جدید میزنم اصلا ویرایش با ویژوال کامپوسر نداره
    در بخش ویژوال کامپوسر و ویرایش هم تیک پست را میزنم و ذخیره میکنم ولی وقتی رفرش میکنم برمیگرده به حالت اول و در نوشته هم خبری از ویژوال کامپوسر نیست
    چیکار باید بکنم؟؟؟؟
    با تشکر از تیم شما

  • با سلام و خسته نباشید … برای اضافه کردن عکس به پیمایشگر از گزینه attachment استفاده کردم ولی برای اضافه کردن ویدئو باید چکار کرد در واقع می خوام هم عکس و هم ویدئو داشته باشه و یه نکته ی دیگه چطور میشه دو پیمایشگر رو بهم وصل کرد به طوری که وقتی در پیمایشگر پایینی ( سایز کوچکتر ) بر روی عکس یا ویدئو کلیک می کنیم در پیمایشگر بالایی (سایز بزرگ تر ) برای ما نشان دهد .

  • ریحانه سمنانی
    دسامبر 5, 2020 11:06 ق.ظ

    برای کوچکتر کردن سایز گزید چه کار باید بکنیم؟ من سایز عکس نوشته ها رو تغییر دادم ولی کادر گرید همچنان بزرگ،
    می خوام در هر ردیف نوشته های بیشتری رو در یک گرید نمایش بدم

  • ریحانه سمنانی
    دسامبر 4, 2020 2:46 ب.ظ

    خیلی عالی بود…..خیلی ممنون که در انتهای ویدئو خلاصه مطالب گفته شده رو بیان کردید.
    خسته نباشید

  • سلام من صفحه ساز المنتور رو دارم چطور میتونم با اون صفحه بسازم باتشکر

  • سروش قاسمی سرشت
    نوامبر 30, 2020 12:02 ق.ظ

    فوق العاده بود❤❤

  • امیرحسین رحیمی
    نوامبر 24, 2020 10:39 ب.ظ

    سلام
    دقت کردید دارید روی چند تا ویدیو های اخر تبلیغات سایت خودتون رو می کنید و ما رو مجبور به خرید می کنبید
    من که تا الان مداد زرد و گریبیتی فرم رو خریدم

    • تیم پشتیبانی
      نوامبر 25, 2020 12:18 ق.ظ

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

      • امیرحسین رحیمی
        نوامبر 25, 2020 7:33 ق.ظ

        بله درسته من نگفتم کار بدی هست خیلی هم خوبه
        وقتی یه آموزش رو رایگان می زارید باید یه تبلیغ می کردید
        الان خود من اولش مونده بودم یکی از دوستام اینجا رو معرفی کرد وقتی ویدیو هارو دیدن با زفایر آشنا شدم و خریدم و…؟

  • سلام وقت بخير
    من ميخواهم عكس ها رو به صورت گريد نمايش بدم لطف ميكنين يه توضيحبهم بدين؟
    اول بايد كجا عكس را قرار بدم كه بعد تو المان پيمايشگر بيارمشون؟ تو نوشته ها؟
    خيلي ممنون

  • من تمام آموزش های آقای جبین رو دیدم خیلی عالین !!! تشکر میکنم از ایشون ، ایشون برای من مثل معلم مهربان و دلسوز میمانند .

  • علیرضا تاج آبادی
    نوامبر 14, 2020 11:25 ب.ظ

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

    • تیم پشتیبانی
      نوامبر 16, 2020 12:46 ق.ظ

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

  • فرزين ابراهیمی
    نوامبر 13, 2020 3:55 ب.ظ

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

  • امیر مهدی مروتی
    نوامبر 7, 2020 7:30 ق.ظ

    عالی و پرکاربرد . تشکر از اموزش های خوبتون که در هیچ جای ایران پیدا نمیشه !

فهرست