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

( سه شنبه ، 4 اردیبهشت سال 1403 )

حق کپی ویدئو

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

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

جلسه شصت و چهار

آموزگار :

مهدی جبین پور

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

افزونه نمایش جذاب محتوا

افزونه گرید وردپرس برای نمایشِ جذاب ِ محتوا

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

افزونه نمایش جذاب محتوا

افزونه گرید وردپرس برای نمایشِ جذاب ِ محتوا

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

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

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

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

مهدی جبین پور

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

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

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

( سه شنبه ، 4 اردیبهشت سال 1403 )

گرید(Grid)

روشی برای نمایش محتواهای سایت به­ صورت شبکه بندی شده است. برای مثال نمایش محصولات یا آخرین خبرها را در صفحات سایت با گرید می­توان انجام داد.

نسخه اصلی و فارسی افزونه  The Grid در سایت ابزار وردپرس برای تهیه و استفاده شما فراهم شده است.

خرید افزونه نمایش جذاب محتوا The Grid

نمایش محتوای شبکه ای با افزونه The Grid

پس از خرید افزونه The Grid، فایل افزونه را دانلود کنید.

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

افزونه The Grid دارای تعداد بسیار زیادی دموی زیبا و جذاب است .شما می ­توانید آن­ ها را در سایت خود درون­ریزی کرده و استفاده کنید. در سایت Theme-one مجموعه دموهای افزونه The Grid  وجود دارد که با کلیک روی هر کدام نحوه نمایش محتوا در گرید را مشاهده می ­کنید.

حال برای درون ریزی دموها در وردپرس، منو The Grid در پیشخوان وردپرس را انتخاب کرده و بر روی دکمه “دمو را درون ریزی کن” کلیک کنید.

دمو گرید

پس از درون ریزی دموها لیستی از این دموها را مشاهده می­ کنید.

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

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

در صفحه ویرایش، سربرگ­ های مختلفی برای تنظیمات گریدی که انتخاب کردید وجود دارد.

در “سربرگ کلی” اطلاعات جامعی از گرید شامل نام، کد کوتاه گرید، Id و نام کلاس گرید برای ایجاد تغییرات CSS را مشاهده می­کنید.

از “سربرگ منابع” می­بایست نوع پست تایپی که می­خواهید در گرید نمایش داده شود، دسته بندی آن و حتی وضعیت انتشار، نویسنده و … را مشخص کنید.

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

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

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

سربرگ ­های افزونه The Grid

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

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

برای اضافه کردن گرید به برگه کد کوتاهی(Short Code)  که مقابل نام گرید هست را کپی کنید. در هر قسمتی از سایت که می­ خواهید گرید نمایش داده شود قرار دهید.

همچنین اگر از صفحه­ ساز ویژوال کامپوزر استفاده می­ کنید. با نصب افزونه The Grid، المان گرید به صفحه ساز اضافه می­شود.

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

در انتها برگه را در مرورگر باز کنید. طرح شبکه­ ای که برای محتوا تنظیم کردید را مشاهده کنید.

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

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

65 دیدگاه. Leave new

  • مهدی مرادپور دشتکی
    آوریل 12, 2024 12:32 ب.ظ

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

    • محمد قاسمی
      آوریل 13, 2024 1:20 ق.ظ

      سلام وقت شما بخیر،

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

      با تشکر.

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

  • مهدی علی نژاد
    نوامبر 12, 2023 8:38 ب.ظ

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

  • کبرا محسنی
    آگوست 23, 2023 9:07 ب.ظ

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

    • کامران قائمی
      آگوست 24, 2023 2:14 ق.ظ

      سلام وقت شما بخیر،

      بصورت پیشفرض اگر این فرایند درست انجام شود مشکلی وجود نخواهد داشت ، به نظر می‌رسد شما در استفاده از المانها یا استفاده از برچسب های پویا اشتباهی را انجام داده باشید.

      با تشکر.

  • عباس نواصری
    جولای 29, 2023 6:03 ب.ظ

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

    • کامران قائمی
      جولای 29, 2023 6:22 ب.ظ

      باسلام خدمت شما

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

      از حضور شما ممنونیم.

  • محمدمهدی تیموری
    آوریل 30, 2023 4:13 ب.ظ

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

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

    • علی حیدری
      مارس 29, 2023 2:40 ب.ظ

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

  • علی جباری
    مارس 8, 2023 4:42 ب.ظ

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

  • حسین شیری نژاد
    می 17, 2022 1:15 ق.ظ

    بهترین آموزش وردپرس تدریس شده

  • امیر عرفانی
    می 9, 2022 10:53 ب.ظ

    سلام خسته نباشید ، یک سوال داشتم من محتوا رو درست کردم و با گرید هم کار کردم و قشنگش کردم حالا سوال اینکه ، من اومدم تو سایتم یک برگه ایجاد کردم بنام مقالات و تو اون چند تا نوشته گذاشتم که با همین گرید هم خوشگلش کردم ولی وقتی رو محتوا کلیک میکنم (روی یکی از نوشته ها) راستش خیلی بد قیافه شده و هدر سایتمم نیستش انگار یک متن ساده و اخرش هم کامنت ، میخواستم بدونم شما آموزشی هم تو این دوره دارید برای زیبا سازی بخش ننوشته ها اگ هستش بی زحمت بگید ، خیلی ضروریه ، البته من اموزش ها ر و به ترتیب میبینم همیشه ، تشکر

  • سلام خسته نباشید. من از همون المان گربد که خودش بود استفاده کردم ( یعنی افزونه ای نخریدم همون که کنار قالب و صفحه ساز بود) میخواستم ببینم چطور میتونم ارتفاع پست ها رو که با گرید نمایش داده شده یکسان کنم ؟! الان منظم نیست ! ممنون از راهنماییتون

  • حسین مشتاقیان
    مارس 18, 2022 12:41 ب.ظ

    عالی خیلی زیبا و شیک ممنون

  • المانش برای المنتور هم هست؟

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

    • کارشناس پشتیبانی شماره دو
      دسامبر 14, 2021 10:05 ب.ظ

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

  • سپیده رضایی
    اکتبر 13, 2021 12:36 ب.ظ

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

  • الهه ایمانی
    اکتبر 6, 2021 2:39 ب.ظ

    سلام افزونه گرایدو توی المنتور چطوری پیدا کنم ؟

  • سعید سام دلیری
    آگوست 29, 2021 12:17 ب.ظ

    با سلام
    بنده افزونه the-gri را از سایت شما خریداری کردم و آن را نصب کردم. اما در قسمت دمو را درون ریزی کن بعد از انتخاب این گزینه با خطا (یک خطا غیر قابل پیش بینی هنگام درون ریزی رخ داده است) مواجه میشوم. بارها در طول 24 ساعت گذشته امتحان کردم اما درست نشد. از فیلترشکن هم استفاده کردم اما نشد.

  • سامی مهیاری
    جولای 23, 2021 5:13 ب.ظ

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

  • سجاد خوب بخت
    ژانویه 26, 2021 5:23 ب.ظ

    سلام وقت بخیر
    چطوری در این صفحه، عکس محصول (THE GRID) رو به صفه پین کردید؛ یعنی فرقی نمیکنه که هرجا صفحه را اسکرول می کنیم، این عکس گوشه صفحه هست
    ممنون میشم آموزش و ترفندش رو بهم بگید
    تشکر

  • مریم رمضانزاده
    ژانویه 13, 2021 4:50 ب.ظ

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

  • جناب جبین سلام
    وقت بخیر
    توی این ویدیو شما گفتید برای ساخت گرید باید یک برگه درست کنیم
    با انجام دادن این کار تغییرات و گریدی که ما اعمال میکنیم در یک برگه جدا ساخته میشه با پیوند یکتا به شکل مثلا برگه جدید/www.abzarwp.com برگه جدید و نه صفحه ی اول سایت
    برای این که این تغییرات رو وارد صفحه ی اول سایت کنیم چه باید بکنیم؟

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

    • تیم پشتیبانی
      دسامبر 5, 2020 3:12 ب.ظ

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

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

  • آقا ما به شدت منتظر قسمت های جدید هستیم
    لطفا هر چه سریع تر ادامه بدید قسمت هارو
    سایدبار
    فوتر

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

  • سلام وقتتون بخیر ممنون از آموزش های خوبتون
    می بخشین یه سوال داشتم ازتون !من میخوام برای یکی از دوستانم سایتی رو طراحی کنم که تابلوهای نقاشیش رو بتونه نمایش بده و بفروشه. ممنون میشم راهنماییم کنین از چه قالبی باید استفاده کنم؟؟

  • فاطمه محمدبیگی
    نوامبر 8, 2020 12:48 ق.ظ

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

  • سلام ویدئو از دقیقه 4 مشکل تصویر داره

  • سعید محمدی
    نوامبر 7, 2020 5:51 ب.ظ

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

  • با سلام
    متاسفانه ویدیو 64 اواخر ویدیو تصویر سفید رنگ مشاهده میشه لطفا بررسی کنید

  • از دقیقه 15 به بعد ویدیو مشکل داره و یه صفحه سفید و نشون میده

  • سلام خسته نباشید این ویدیو از دقیقه 15 به بعد سفید نشون میدهد با دوتا مرورگرم امتحان کردم.

  • ابولقاسم روحی منفرد
    نوامبر 6, 2020 10:50 ب.ظ

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

  • از دقیقه 15 به بعد صفحه سفید میشه !

فهرست