OFF
%33
ویژه روز کارآفرینی
کدتخفیف
EPS33

قالب Single افزونه المنتور پرو – طراحی قالب برای مقاله های سایت

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

در ظاهر این امر هیچ مشکلی ندارد. اما زمانی این مشکل جدی می شود که شما قصد دارید استایل مقاله های سایت خود را تغییر دهید و اگر در سایت خود بیش از 100 مقاله دارید. باید به صورت مجزا 100 مقاله خود را ویرایش کنید. اما راه حل چیست؟

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

آنچه در این مطلب می خوانید

.
.
5 راهکار تخصصی
برای بهبود کار با المنتور

قالب Single چست ؟

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

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

ابزارک های قالب Single

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

  1. Post Title (عنوان نوشته و برگه) – وظیفه این ابزارک نمایش عنوان برگه ها و نوشته های سایت می باشد.
  2. Post Excerpt (خلاصه نوشته) – این ابزارک چکیده و یا خلاصه نوشته ها را نمایش می هد. لازم به توضیح است برگه ها در وردپرس فاقد فیلد چکیده هستند.
  3. Post Content (محتوای نوشته و برگه) – این ابزارک مهم ترین ابزارک در قالب Single می باشد. با استفاده از این ابزارک محتوای تولید شده در برگه ها و نوشته های سایت به نمایش در می آید.
  4. Featured Image (تصویر شاخص) – وظیفه ی این ابزارک نمایش تصویر شاخص نوشته ها و برگه ها می باشد
  5. Table Of Contents (فهرست محتوا) – این ابزارک عناوین اصلی محتوای برگه و یا نوشته را نمایش می دهد. بهتر است که از این ابزارک فقط برای نوشته ها خود استفاده کنید.
  6. Author Box (اطلاعات نویسنده) – نمایش تصویر، بیوگرافی و نام نویسنده تولید کننده محتوا توسط این ابزارک انجام می شود.
  7. Post Comment (نظرات) – نمایش نظرات کاربران با استفاده از این ابزارک صورت می پذرید. توجه کنید برای اینکه این ابزارک در برگه ها قابل استفاده باشد ابتدا باید قابلیت دیدگاه گذاری را در برگه فعال کنید. دیدگاه نوشته ها در وردپرس به صورت پیشفرض فعال می باشند.
  8. Post Navigation (هدایت کننده) – با استفاده از این ابزارک می توانید نوشته قبلی و بعدی مقاله های خود به کاربر نمایش دهید.
  9. Post Info (اطلاعات نوشته و برگه) – تاریخ انتشار، تعداد دیدگاه، نویسنده و ساعت انتشار نوشته و برگه با استفاده از این ابزارک قابل نمایش می باشد.

انتشار و مدیریت نمایش قالب Single

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

بیشتر یاد بگیرید ….

برای درک بهتر موارد فوق حتما ویدئو آموزشی این مقاله را مشاهده کنید، برای بهبود تجربه کاربری از کد های CSS نیز استفاده شده است. همچنین علاوه بر ابزارک های موجود قالب Single آموزش درج ویدئو با استفاده از افزونه ACF را نیز می توانید یاد بگیرید.

کد های CSS استفاده شده در آموزش ویدئویی

#fullArticle em {
    font-style: normal;
    background-color: #b7e9ff;
    border-radius: 3px;
    padding: 0px 3px 0 3px;
    color: #000000;
    margin : 0px 2px 0 2px;
    
}

#fullArticle ol {
    list-style: none;
    counter-reset: li;
    padding-right: 0px;
    margin-right: 35px;
    
}
#fullArticle ol li {
    counter-increment: item;
    margin-bottom:5px;
}
#fullArticle ol li:before {
    margin-left: 10px;
    content: counter(item);
    background: #db3157;
    border-radius: 50%;
    color: white;
    width: 22px;
    height: 22px;
    line-height: 25px;
    text-align: center;
    display: block;
    float: right;
    font-weight: 400;
    margin-top: 6px;
    margin-right: -35px;
}

#fullArticle ul li:before {
    content: "\f00c";
    color: #2cce57;
    margin-right: -25px;
    float: right;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900; /* Fix version 5.0.9 */
    font-size: 15px
}

#fullArticle ul li {
    padding-left: 0;
    padding-right: 0px;
    list-style: none !important;
    margin-right:-15px;

 
}

#fullArticle img {
    border: solid 1px #e0e0e0;
    box-shadow: 0 0 20px 0 rgb(70 83 90 / 18%);
    margin-top: 10px;
    margin-bottom: 10px;
}

figure {

    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#fullArticle pre {
    direction: ltr;
    text-align: left;
    background: #f3fcfe;
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif;
    line-height: 1.9em;
    border: solid;
    border-color: #cdd6d8;
    border-width: 1px;
    padding: 10px;
    margin-bottom: 20px;
}

نکته : برای اعمال کدهای نوشته شده حتما id (شناسه) – fullArticle را در بخش محتوایی مورد نظر خود درج نمایید.

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

پرسشی دارید؟ پاسختان را خواهیم داد ...

82 پاسخ

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

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

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

    خورده نه تگ

    مشکل کجاست؟باید چکار کنم؟		

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

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

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

  4. سلام بیوگرافی و اطلاعات نویسنده من خالیه . شما چطور ایجاد کردین. و توضیحات گذاشتین؟؟

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

  5. سلام و خسته نباشید
    Single Page طراحی کردم
    داخل ادیت المنتور با رنگ ها و سایز های دیگر نشان داده می شود
    سیو می کنم
    ولی اعمال که می کنم همه چیز سفید و در هم می شود
    چگونه می توانم برطرف کنم؟
    با تشکر

    1. سلام
      به احتمال زیاد مشکل ناسازگاری قالب دارید.

  6. با سلام و تشکر
    بنده کد css سلسله مراتبی رو میزنم مربع های بز توخالی میشه هرکاری می کنم تیک سبز نمیشه، میشه راهنمایی کنید؟
    همه ی کدها به درستی اعمال شد اما تیک سبز میشه مربع سبز

    1. سلام
      مطمئن باشید که تیکت awsom support در تنظیمات المنتور فعال باشد

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

    1. سلام شما هم خسته نباشید
      وارد تنظیمات سکشن اصلی بشید در تب محتوا عرض محتوا را برابر تمام عرض قرار دهید

  8. سلام خسته نباشین.
    این کار روی سئوی نوشته تاثیری نداره؟
    (اینکه قالب نوشته رو با المنتور طراحی کنیم)

    1. سلام وقت بخیر
      آخه چه تاثیری میتونه بذاره ؟ اگر بحث تگ بندی باشه که المنتور کاملا با استاندارد های تگ نویسی مطابقت داره
      نگران نباشید 🙂

  9. سلام و خسته نباشید آموزش هاتون بسیار روان و کاربردیه
    سایت من زبانش انگلیسیه و چپ چین چجوری میتونم کدهای css رو جوری اعمال کنم که چپ چین بشه

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

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

    1. سلام وقت بخیر
      یک متا تصویر با استفاده از ACF و یا افزونه جت انجین بسازید و متا رو بر روی قالب فراخوانی کنید.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جلسات آموزشی
سطح پیشرفته

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

مینی دوره طراحی مگامنو

فقط 3 روز

%50 تخفیف

دریافت راهنمای تخصصی برای بهبود کار با المنتور
دریافت راهنمای تخصصی برای بهبود کار با المنتور

ویرایش پروفایل