نمایش شبکه‌ای پست‌ها با المنتور

نمایش شبکه‌ای پست‌ها با المنتور
نمایش شبکه‌ای پست‌ها با المنتور

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

نمایش شبکه‌ای پست‌ها با المنتور

آنچه در این مقاله به اختصار خواهید آموخت:

  • المنتور چیست؟ (مروری مجدد)
  • چه چیزی در مورد المنتور بسیار منحصر به فرد است؟
  • چرا باید از یک نمایش نوشته‌ها بصورت شبکه‌ای در وردپرس بهره برد؟
  • چطور با المنتور پست­‌ها را به صورت شبکه‌­ای بسازیم؟

المنتور چیست؟

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

elementor- نمایش شبکه‌ای پست‌ها با المنتور
تعریف مجددی از المنتور

چه چیزی در مورد المنتور بسیار منحصر به فرد است؟

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

چرا باید از یک نمایش شبکه‌­ای از نوشته ها در وردپرس بهره برد ؟

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

چطور با المنتور پست‌­ها را به صورت شبکه‌­ای بسازیم؟

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

  • مرحله اول: ابتدا به قسمتی که می‌­خواهید، بروید. به عنوان مثال می­‌خواهید پستی را ویرایش کنید یا در صفحه­‌ای که پست­‌ها نمایش داده می‌­شوند یک نمایی از آخرین پست­‌های گذاشته شده داشته باشید، بروید. سپس یک بخش را همانند شکل زیر ایجاد کنید.
  دانلود قالب فارسی و فروشگاهی Zigcy Lite
section- نمایش نوشته‌ها بصورت شبکه‌ای در وردپرس
بخش افزودن ابزارک در المنتور
  • مرحله دوم: در این باید چند ستونه بودن آن را انتخاب کنید. همانطور که می­‌بینید دارای چندین مورد است. سپس ستون مورد نظر خود را اضافه کنید. در این جا به خاطر این آموزش، یک ساختار چهار ستونی را انتخاب خواهیم کرد.
4 column structure- ساختار ۴ ستونه
انتخاب یک ساختار ۴ ستونه
  • مرحله سوم: سپس در داخل هر ستون با کشیدن یک بخش داخلی و انداختن آن داخل هر ستون، آن را پر کنید. فقط در این آموزش ما داخل ستون دوم دوتا بخش داخلی قرار می‌دهیم. چون می­‌خواهیم به صورت پشته­ای در روی هم قرار گیرند تا شکلی را که
    می­‌خواهید ایجاد کنیم.
inner part- افزودن بخش‌های داخلی
افزودن بخش‌های داخلی
  • مرحله چهارم: سپس ابزارک ویرایشگر متن را به داخل بخش داخلی هر ستون اضافه کنید تا قابلیت نوشتن متن نیز وجود داشته باشد.
add editor- افزودن ویرایشگر
افزودن ویرایشگر به بخش‌های داخلی
  • مرحله پنجم: خب حالا نوبت به قرار دادن تصویر به عنوان تصویر پس‌­زمینه است که باید در هر کدام از بخش­‌های داخلی قرار دهیم. همانند شکل زیر به ترتیب عمل کنید. البته به یاد داشته باشید که یک عکس را انتخاب کنید نه چند مورد. آن هم به خاطر این است که اگر چند عکس را انتخاب کنید مانند اسلایدر عمل خواهد کرد.
choose part- انتخاب یک بخش
انتخاب یک بخش برای قرار دادن تصویر
  • مرحله ششم: حالا نوبت این است که عرض هر ستون را براساس تصویر زیر تنظیم کنیم. برای تنظیم عرض هر ستون، قبل از انتخاب قسمت داخلی، روی خود ستون کلیک کنید. لطفاً توجه داشته باشید که این طرح، بستگی به نوع طرح شما در هر ستون دارد که چه ستونی را انتخاب و چه شکل و عکسی را برای پس­‌زمینه انتخاب کرده‌­اید. و طبق شکل زیر هر مقدار که می­‌دانید برای صفحه شما مناسب است را انتخاب کنید. البته لازم به ذکر است که باید یک شکل خاص برای این گریدها داشته باشید.
design- طرح‌بندی
نمایش تصاویر و محتوای قرار گرفته روی آن
  • مرحله هفتم: اکنون می­‌خواهیم ارتفاع هر ستون را تعیین کنیم. این قسمت مانند تعیین عرض ستون است با این تفاوت که باید از پدینگ یا “Padding” استفاده کنیم. باید بررسی کنیم کدام مقدار مناسب عکس و اندازه ستون است. زیرا با تغییر اندازه ستون، اندازه و نمایش عکس هم تغییر می‌­کند.
change advance- نمایش نوشته‌ها بصورت شبکه‌ای در وردپرس
تغییر ارتفاع عکس‌ها

این هم شکل نهایی که بعد از طراحی و چیدمان مورد نظر به دست خواهد آمد. فقط سعی کنید متن­‌ها و نوشته­‌هایی را  استفاده بکنید که جذاب و در مورد همان پست باشد.

result image- تصویر نهایی
تصویر نهایی از نمایش شبکه‌ای

شما همچنین می‌­توانید با استفاده از قسمت پایین صفحه نمای تمام وبسایت را در هر دستگاهی ببینید تا از طراحی گرید خود مطمئن شوید و همچنین نمایش شبکه‌ای پست‌ها با المنتور را ببینید.

از آغاز تا انتها، به چه نکاتی اشاره شد؟

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

هر سوال یا پیشنهادی دارید حتما از بخش دیدگاه‌ها مطرح کنید.

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

335,897 نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 5 سال عضو همیار وردپرس

    با سلام
    یه چندتا سوال داشتم از خدمتتون
    من میخواستم یه سایت با موضوع تولید محتوای ویدیویی بزنم
    من قالب videorev رو خریداری کردم
    themeforest.net/item/vidorev-video-wordpress-theme/21798615
    منتها این اون قالبی نیست که مد نظرم بود
    یعنی این قالب واسه اشتراک ویدیو هست که کاربران هم میتونن ویدیو ارسال کنن (چیزیه شبیه به یوتیوب و آپارات و….)
    اما من میخوام فقط خودم بتونم ویدیو ارسال کنم و کاربر فقط بتونه نظر بده
    تو کاغد اون چیزی که مد نظرم بود رو کشیدم
    بعد تو فتوشاپ طراحیش کردم
    حالا سوالم اینه که اگه بخوام این ایده ام رو با قالبی که مد نظرمه پیاه سازی کنم،دقیقا به چه چیزهایی احتیاج دارم؟
    (میخوام اگه ممکن باشه خودم قالب سایت رو بسازم-اگه قالب آماده هم سراغ داشتید ممنون میشم معرفی کنید)
    picax.ir/upload/u5dt_myws5.jpg

    صفحه اصلی سایت
    picax.ir/upload/et0q_myws–009.jpg

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

مطالب زیر را حتما بخوانید

دوره‌های آموزشی