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

( )

حق کپی ویدئو

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

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

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

آموزگار :

مهدی جبین پور

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

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

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

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

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

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

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

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

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

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

مهدی جبین پور

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

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

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

( )

گرید(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

  • مهدی مرادپور دشتکی
    2024-04-12 12:32

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

    • محمد قاسمی
      2024-04-13 01:20

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

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

      با تشکر.

  • مهدی علی نژاد
    2023-11-12 20:38

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

  • کبرا محسنی
    2023-08-23 21:07

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

    • کامران قائمی
      2023-08-24 02:14

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

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

      با تشکر.

  • عباس نواصری
    2023-07-29 18:03

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

    • کامران قائمی
      2023-07-29 18:22

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

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

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

  • محمدمهدی تیموری
    2023-04-30 16:13

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

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

    • علی حیدری
      2023-03-29 14:40

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

  • علی جباری
    2023-03-08 16:42

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

  • حسین شیری نژاد
    2022-05-17 01:15

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

  • امیر عرفانی
    2022-05-09 22:53

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

  • حسن عرب
    2022-04-22 03:09

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

  • حسین مشتاقیان
    2022-03-18 12:41

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

  • صدرا طاعتی
    2021-12-28 20:57

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

  • سپیده رضایی
    2021-10-13 12:36

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

  • الهه ایمانی
    2021-10-06 14:39

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

    • کارشناس پشتیبانی شماره چهار
      2021-10-07 08:55

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

  • سعید سام دلیری
    2021-08-29 12:17

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

  • سجاد خوب بخت
    2021-01-26 17:23

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

  • رضا سرخاب
    2020-12-08 14:37

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

    • تیم پشتیبانی
      2020-12-08 23:20

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

  • رضا سرخاب
    2020-12-05 12:53

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

    • تیم پشتیبانی
      2020-12-05 15:12

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

  • باران
    2020-11-24 01:03

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

  • علی 036
    2020-11-11 20:49

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

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

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

    • تیم پشتیبانی
      2020-11-14 02:34

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

  • فاطمه محمدبیگی
    2020-11-08 00:48

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

  • amir reza
    2020-11-07 23:39

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

  • سعید محمدی
    2020-11-07 17:51

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

  • azadeh es
    2020-11-07 17:25

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

  • آریان
    2020-11-07 17:05

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

  • pezhmanvosoghy
    2020-11-07 04:50

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

  • ابولقاسم روحی منفرد
    2020-11-06 22:50

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

  • علی هراتی
    2020-11-06 18:00

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

فهرست