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

( دوشنبه ، 11 مرداد سال 1400 )

حق کپی ویدئو

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

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

جلسه شصت و سه

آموزگار :

مهدی جبین پور

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

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

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

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

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

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

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

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

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

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

مهدی جبین پور

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

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

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

( دوشنبه ، 11 مرداد سال 1400 )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • مومنی نژاد
    ژوئن 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 ق.ظ

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

فهرست