دریافت مشاوره رایگان
جهت دریافت هدیه آموزشی و مشاوره رایگان شماره تماس خود را در فرم زیر وارد کنید. پشتیبانان ما در اسرع وقت با شما تماس خواهند گرفت.
طراحی قالب نوشته با المنتور | ساخت قالب پست تکی در این آموزش مرحلهبهمرحله یاد میگیریم چطور بدون خرید هیچ قالب جدیدی، صفحه نمایش نوشتهها را کاملاً اختصاصی طراحی کنیم.
با استفاده از قالبهای المنتور و قابلیت ساخت Single Post Template در المنتور پرو، میتوانید صفحه مقالهها را دقیقاً مطابق سلیقه خود بچینید و به طراحی حرفهای برسید.
ثبت نام در دورده وردپرس پیشرفته با تخفیف ویژه
قالبی که ما با آن کار میکنیم، هلو المنتور است. این قالب سبک است و طراحی اضافه ندارد، برای همین آزادی کامل دارید.
اگر از منوی «پوستهها» در وردپرس، قالب را تغییر دهید، ظاهر و چیدمان صفحه نوشته نیز تغییر میکند:
و با برگشت به صفحه نمایش نوشته، میبینید استایل صفحه عوض شده است:
برای اینکه یک طراحی جذاب بسازید، میتوانید از نمونههای آماده سایتهای مختلف یا قالبهای فروشگاهی ایده بگیرید.
در بخش «بلاگ» سایتها، معمولاً نمونههای بسیار خوبی هست:
وقتی طراحی را بلد باشید، هیچ محدودیتی ندارید و میتوانید هرطور که خواستید صفحه مقاله را بسازید.
برای شروع هم پیشنهاد میکنیم از قالب سبک هلو المنتور استفاده کنید.
همچنین از سایتهایی مثل راستچین یا ژاکت هم میتوانید برای بخش مقاله ایده بگیرید
در ادامه از این نمونه الهام میگیریم و طراحی را روی سایت اجرا میکنیم.
از پیشخوان وردپرس وارد Templates شوید، روی «همه قالبها» کلیک کنید و بخش مخصوص ساخت قالبها را باز کنید (این قابلیت نیازمند المنتور پرو است).
سپس وارد بخش پست تکی (Single Post) شوید:
روی افزودن پست تکی جدید کلیک کنید و یک نام مناسب برای قالب بنویسید:
ابتدا یک بکگراند و استایل صفحه انتخاب کنید.
برای تغییر رنگ پسزمینه به بخش «استایل» بروید.
سپس یک کانتینر مادر اضافه کنید (ستون اصلی صفحه).
برای ساخت مسیر پیمایش (Breadcrumb)، یک کانتینر داخل کانتینر مادر بسازید و سپس یکبار آن را تکثیر کنید تا دو بخش کنار هم داشته باشیم.
برای اینکه این کانتینرها کنار هم قرار بگیرند، روی کانتینر مادر کلیک کنید و در قسمت «جهتیابی آیتم» حالت افقی یا عمودی را مشخص کنید.
در نمونهای که ما ساختیم، عرض کانتینرها ۳۰٪ و ۷۰٪ است.
برای جدا کردن تیتر، یک کانتینر سوم اضافه کنید.
چون طرح ما گوشههای گرد دارد، از بخش «حاشیه» برای هر کانتینر مقدار ۲۰ پیکسل بگذارید.
در کانتینر بالا، ویجت عنوان پست (Post Title) را قرار دهید تا عنوان آخرین مقاله بهصورت خودکار نمایش داده شود:
برای مسیر پیمایش از ویجت Breadcrumbs استفاده میکنیم (این ویجت داخل افزونه هدر فوتر ساز است).
آن را زیر عنوان قرار دهید:
در قسمت استایل، رنگها را تنظیم کنید و برای حالت فعال، رنگ متفاوت بگذارید.
در کانتینر دوم نیز تصویر شاخص (Featured Image) و سپس ویجت اطلاعات پست (Post Info) را قرار دهید و چیدمان را راستچین کنید.
برای نمایش محتویات مقاله، ویجت محتوای پست (Post Content) را قرار دهید.
>برای بخش فهرست و بخش دیدگاهها (Comments)، یک کانتینر جدید خارج از کانتینر مادر بسازید.
>برای یکپارچگی ظاهر، از گزینه کپی استایل / چسباندن استایل استفاده کنید.
در این بخش ویجت دیدگاهها را قرار دهید.
برای ستون سمت چپ، ویجت فهرست مطالب (Table of Contents) را اضافه کنید:
برای چسباندن فهرست از بالا، به بخش «پیشرفته → افکتهای موشن» بروید و حالت شناور از بالا چسبان را فعال کنید.
در پایان روی انتشار کلیک کنید.
در بخش «شرایط نمایش»، گزینه تمام نوشتهها را انتخاب کنید و ذخیره را بزنید.
از این لحظه، تمام مقالههای سایت با قالب اختصاصی شما نمایش داده خواهند شد.
دریافت مشاوره رایگان
جهت دریافت هدیه آموزشی و مشاوره رایگان شماره تماس خود را در فرم زیر وارد کنید. پشتیبانان ما در اسرع وقت با شما تماس خواهند گرفت.
سؤالات متداول طراحی صفحه نوشته ها در وردپرسبرای طراحی صفحه مقاله در المنتور نیاز به قالب جدید داریم؟ خیر، با قالبهای المنتور و المنتور پرو میتوانید هر نوع طراحی اختصاصی بسازید. آیا تغییر قالب وردپرس روی صفحه مقاله تأثیر میگذارد؟ بله “چون ساختار صفحه نوشته وابسته به قالب است، با تغییر قالب ظاهر صفحه را خودتان تغییر میدهید. آیا بدون کدنویسی میشود صفحه نوشته را سفارشی کرد؟ کاملاً بله؛ با کانتینرها، ویجتها و تنظیمات المنتور میتوانید صفحه را کامل شخصیسازی کنید. |
تخفیف ویژه برای اولین ثبت نام در دوره های آموزشی پارسه
👇مشاوره رایگان
