آیا تا به حال به این فکر کرده‌اید که چگونه می‌توانید صفحات وب‌سایت وردپرسی خود را از قالب اصلی وب‌سایت متمایز کنید؟ ایجاد قالب دلخواه برای صفحات خاص، یک راه‌حل عالی برای دستیابی به این هدف است. در این آموزش، ما به شما نشان خواهیم داد که چگونه می‌توانید این کار را انجام دهید و کنترل بیشتری بر ظاهر و عملکرد صفحات خود داشته باشید.
چرا به قالب‌های سفارشی برای صفحات وردپرس نیاز داریم؟
شاید این سوال برایتان پیش آمده باشد که چرا باید برای یک صفحه، قالب جداگانه‌ای ایجاد کنیم؟ دلایل متعددی وجود دارد که می‌تواند شما را به این سمت سوق دهد. در ادامه به برخی از این دلایل اشاره می‌کنیم:
- صفحات فرود (Landing Pages): طراحی صفحات فرود منحصربه‌فرد برای کمپین‌های بازاریابی و جذب مخاطبان.
- نمایش اطلاعات خاص: نمایش پست‌های اخیر بر اساس دسته‌بندی‌های خاص، اطلاعات تماس، یا هر نوع محتوای دیگری که نیاز به قالب‌بندی متفاوت دارد.
- بهینه‌سازی برای سئو: ایجاد صفحات با ساختار و طراحی مناسب برای بهبود رتبه در موتورهای جستجو.
- ایجاد صفحات درباره ما و تماس با ما: طراحی صفحات اختصاصی برای ارائه اطلاعات مهم درباره کسب‌وکار شما و راه‌های ارتباط با شما.
بسیاری از قالب‌های وردپرس از یک فایل اصلی به نام page.php برای نمایش محتوای صفحات استفاده می‌کنند. این بدان معناست که تمام صفحات، از نظر ظاهری، مشابه یکدیگر هستند. با ایجاد قالب‌های سفارشی، شما می‌توانید ظاهر و ساختار هر صفحه را به طور مستقل از سایر صفحات وب‌سایت خود، سفارشی‌سازی کنید.
ایجاد قالب اختصاصی برای صفحات وردپرس: گام به گام
در این بخش، ما به شما نشان می‌دهیم که چگونه می‌توانید یک قالب سفارشی برای صفحات وردپرس خود ایجاد کنید. این فرآیند شامل مراحل زیر است:
گام اول: ایجاد فایل قالب
یک ویرایشگر متن (مانند Notepad++ یا VS Code) را باز کنید و کد زیر را در آن قرار دهید:
<?php/*Template Name: صفحه بدون سایدبار*/?>
این کد، یک قالب صفحه جدید با نام “صفحه بدون سایدبار” ایجاد می‌کند. شما می‌توانید نام قالب را به دلخواه خود تغییر دهید، اما حتماً باید پسوند فایل را .php نگه دارید. سپس، این فایل را با نامی مانند page-without-sidebar.php در کامپیوتر خود ذخیره کنید.
گام دوم: آپلود فایل قالب
به پنل مدیریت هاست خود وارد شوید و به پوشه wp-content/themes/your-theme-name بروید. به جای your-theme-name، نام قالب فعال وب‌سایت خود را قرار دهید. فایل page-without-sidebar.php را که در مرحله قبل ایجاد کردید، در این پوشه آپلود کنید.
گام سوم: انتخاب قالب در صفحه مورد نظر
وارد پیشخوان وردپرس شوید و به بخش “برگه‌ها” بروید. یک برگه جدید ایجاد کنید یا برگه موجود را ویرایش کنید. در قسمت “ویژگی‌های برگه” یا “قالب”، قالبی را که در مرحله قبل ایجاد کردید (در این مثال، “صفحه بدون سایدبار”) را انتخاب کنید. سپس، برگه را منتشر یا به‌روزرسانی کنید.
گام چهارم: طراحی و سفارشی‌سازی قالب
اکنون که قالب شما در وردپرس فعال شده است، می‌توانید محتوای مورد نظر خود را در این صفحه قرار دهید. برای این کار، به فایل page-without-sidebar.php (یا هر نامی که برای فایل خود انتخاب کرده‌اید) برگردید و کدهای HTML، CSS و PHP مورد نیاز خود را برای طراحی صفحه، اضافه کنید.
به عنوان مثال، برای نمایش محتوای صفحه و قرار دادن آن در یک ساختار مشخص، می‌توانید از کدهای زیر استفاده کنید:
<?php/*Template Name: صفحه بدون سایدبار*/get_header();?><div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <?php while ( have_posts() ) : the_post(); get_template_part( 'template-parts/content', 'page' ); if ( comments_open() || get_comments_number() ) { comments_template(); } endwhile; ?> </main></div><?phpget_footer();?>
با این کد، محتوای صفحه شما در یک ساختار استاندارد قرار می‌گیرد. شما می‌توانید این کد را مطابق با نیازهای طراحی خود، سفارشی‌سازی کنید. این شامل تغییر رنگ‌ها، فونت‌ها، چیدمان و افزودن عناصر مختلف می‌شود. برای طراحی‌های پیشرفته‌تر، لازم است دانش کافی در زمینه‌های HTML، CSS و PHP داشته باشید.
راه‌حل جایگزین: استفاده از صفحه‌سازها
اگر دانش برنامه‌نویسی ندارید یا می‌خواهید فرآیند طراحی را ساده‌تر کنید، می‌توانید از صفحه‌سازها (Page Builders) استفاده کنید. صفحه‌سازها ابزارهای قدرتمندی هستند که به شما امکان می‌دهند صفحات وب را با استفاده از رابط کاربری گرافیکی (Drag and Drop) و بدون نیاز به کدنویسی، طراحی کنید. برخی از صفحه‌سازهای محبوب وردپرس عبارتند از:
- Elementor: یک صفحه‌ساز محبوب و کاربرپسند با امکانات فراوان و انعطاف‌پذیری بالا.
با استفاده از صفحه‌سازها، می‌توانید قالب‌های سفارشی برای صفحات خود ایجاد کنید، عناصر مختلف را به صفحه اضافه کنید، چیدمان را تنظیم کنید و ظاهر صفحه را به دلخواه خود تغییر دهید. این روش، به ویژه برای مبتدیان، بسیار مناسب است.
جمع‌بندی: ایجاد صفحات منحصربه‌فرد در وردپرس
ایجاد قالب دلخواه برای صفحات وردپرس، یک روش عالی برای سفارشی‌سازی وب‌سایت شما و ایجاد تجربه‌ای منحصربه‌فرد برای بازدیدکنندگان است. با دنبال کردن مراحل ذکر شده در این آموزش، می‌توانید کنترل بیشتری بر ظاهر و عملکرد صفحات خود داشته باشید. چه با استفاده از کدنویسی و چه با استفاده از صفحه‌سازها، این امکان برای شما فراهم است که صفحات وب‌سایت خود را به بهترین شکل ممکن طراحی کنید.
امیدواریم این آموزش برای شما مفید بوده باشد. در صورت داشتن هرگونه سوال یا نظر، لطفاً در بخش دیدگاه‌ها با ما در ارتباط باشید.