روش ایجاد یک قالب صفحه سفارشی وردپرس

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

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

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

روش ایجاد یک قالب صفحه سفارشی وردپرس (2 روش)

همانطور که دیدیم، ایجاد وردپرس سفارشی page قالب ها به شما آزادی بیشتری نسبت به ظاهر سایت می دهد. این process همچنین به شما در صرفه جویی در زمان کمک می کند.

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

بیایید نگاهی دقیق تر به هر روش بیندازیم!

1. یک قالب صفحه به صورت دستی ایجاد کنید

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

مرحله 1: یک فایل الگو ایجاد کنید

برای شروع، ویرایشگر متن دلخواه خود را باز کنید و این خط کد را اضافه کنید:

<?php /* Template Name: CustomPage */ ?>

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

برای مثال، اگر در حال ایجاد یک page الگوی نوع خاصی از پست وبلاگ، مانند راهنماهای روش انجام، می توانید آن را «آموزش» بنامید. به همین ترتیب، اگر الگویی می‌سازید که نوار کناری طرح زمینه شما را حذف کند، می‌توانید آن را «PageWithoutSidebar» بنامید.

هنگامی که کد را اضافه کردید، فایل خود را به عنوان چیزی مانند “custompage.php” ذخیره کنید. شما می توانید از هر نامی برای فایل قالب خود استفاده کنید، اما باید این نام را داشته باشد php افزونه.

مرحله 2: فایل قالب را در سایت خود آپلود کنید

در مرحله بعد، باید این فایل را در سایت خود آپلود کنید. برای این کار می توانید از a پروتکل انتقال فایل (FTP) مشتری مانند FileZilla.

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

هنگامی که FileZilla را به سایت خود وصل کردید، به آن بروید wp-content/themes/ پوشه کنید و پوشه تم فرزند خود را باز کنید:

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

برای تأیید این موضوع، به قسمت مدیریت وردپرس خود بروید و یک قسمت جدید ایجاد کنید page (یا یک موجود را باز کنید). در تنظیمات پانل را پیدا کنید قالب بخش و کلیک کنید روی آن را برای مشاهده گزینه های خود:

شما باید الگوی جدید خود را در لیست ببینید. با این حال، اگر این را به عنوان الگو تنظیم کنید و کلیک کنید روی پیش نمایش، یک جای خالی می گیرید page.

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

مرحله 3: فایل قالب خود را سفارشی کنید

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

در مرحله بعد، باید کد زیر را در داخل کپی کنید pagephp فایل:

وقتی کارتان تمام شد، سفارشی خود را باز کنید page فایل قالب و آن کد را درست در زیر خط زیر قرار دهید:

<?php /* Template Name: CustomPage */ ?>

اکنون فایل قالب شما باید چیزی شبیه به این باشد:

اکنون می توانید سفارشی خود را ویرایش کنید page فایل قالب به عنوان مثال، اگر می خواهید پاورقی را از قالب حذف کنید، می توانید خط زیر را حذف کنید:

<?php get_footer(); ?>

همچنین می‌توانید کد PHP سفارشی را برای سفارشی کردن قالب به دلخواه خود اضافه کنید. وقتی کارتان تمام شد، تغییرات خود را ذخیره کنید.

حالا اگر به پست یا page در جایی که الگو را اعمال کرده اید و برای پیش نمایش آن کلیک کرده اید، باید بتوانید تغییرات جدید خود را ببینید.

2. یک قالب صفحه با افزونه صفحه ساز ایجاد کنید

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

خوشبختانه چندین وردپرس page سازندگان شما را قادر می سازند تا طرح های سفارشی بسازید. این بخش به دو گزینه محبوب نگاه می کند – Elementor vs Beaver Builder.

ساخت یک صفحه وردپرس سفارشی با المنتور

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

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

مرحله 1: قالب خود را طراحی کنید

هنگامی که Elementor را نصب و فعال کردید روی وب سایت خود را، به قالب ها و کلیک کنید روی جدید اضافه کن:

سپس Elementor از شما می خواهد که نوع قالبی را که می خواهید ایجاد کنید انتخاب کنید و نامی برای آن بگذارید:

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

وقتی آماده شدید، کلیک کنید روی ایجاد کردن قالب. با این کار ویرایشگر Elementor راه اندازی می شود:

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

کلیک روی را تنظیمات نماد در گوشه سمت چپ پایین:

سپس می توانید خود را انتخاب کنید page طرح از لیست ارائه شده به عنوان مثال، اگر انتخاب کنید المنتور بوم، یک کاملاً خالی دریافت خواهید کرد page:

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

برای دسترسی به این الگوهای Elementor، فقط باید کلیک کنید روی نماد پوشه:

سپس می توانید یک بلوک یا یک بلوک کامل را انتخاب کنید page:

سپس می توانید هر عنصری را انتخاب کنید روی شما page برای پیکربندی تنظیمات آن:

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

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

مرحله 2: الگو را در صفحات خود اعمال کنید

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

برای شروع، کلیک کنید روی صفحات → جدید اضافه کن، سپس را انتخاب کنید ویرایش کنید با المنتور دکمه:

این کار جدید شما را باز می کند page در ویرایشگر Elementor:

سپس می توانید کلیک کنید روی نماد پوشه را برای باز کردن کتابخانه قالب (همانطور که قبلا نشان داده شده است) و الگوی خود را در زیر جستجو کنید من قالب ها. سپس، به سادگی قالب خود را وارد کنید pageو آن را به دلخواه خود سفارشی کنید.

توجه داشته باشید که اگر از Elementor Pro استفاده می کنید، به Theme Builder نیز دسترسی خواهید داشت:

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

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

ساخت یک صفحه وردپرس سفارشی با Beaver Builder

Beaver Builder ابزار دیگری است که می تواند به شما در ایجاد سفارشی وردپرس کمک کند page قالب ها مشابه المنتور، این page افزونه سازنده با یک ویرایشگر کشیدن و رها کردن و انتخاب گسترده ای از عناصر به نام “ماژول” ارائه می شود.

Beaver Builder همچنین به شما امکان می دهد طرح های خود را به عنوان الگو ذخیره کنید. با این حال، این ویژگی فقط در دسترس است نسخه پریمیوم از افزونه

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

مرحله 1: قالب خود را طراحی کنید

پس از نصب و فعال سازی افزونه در داشبورد وردپرس خود، به آن بروید سگ ابی سازنده → قالب ها و انتخاب کنید اضافه کردن جدید:

سپس از شما خواسته می شود که یک نام برای طرح خود انتخاب کنید و یک نوع قالب را انتخاب کنید:

سپس، کلیک کنید روی اضافه کردن ذخیره قالب و انتخاب کنید راه اندازی سگ ابی سازنده. این شما را به سازنده می برد:

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

از طرف دیگر، می توانید از یک الگوی Beaver Builder استفاده کنید:

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

مرحله 2: الگو را در صفحات خود اعمال کنید

هنگامی که قالب خود را ایجاد کردید، می توانید آن را برای هر کدام اعمال کنید page روی وبسایت شما. با باز کردن خود شروع کنید page برای ویرایش (یا ایجاد یک مورد جدید)، سپس کلیک کنید روی راه اندازی سگ ابی سازنده:

از قالب ها برگه، انتخاب کنید ذخیره قالب ها و طرح خود را انتخاب کنید:

Beaver Builder اکنون قالب را به شما اضافه می کند page. سپس می توانید هر تغییری را که می خواهید در آن ایجاد کنید. وقتی آماده شدید، کلیک کنید روی انجام شده، سپس انتخاب کنید صرفه جویی پیش نویس یا انتشار.

نتیجه

آموزش ساخت وردپرس page قالب می تواند به شما در صرفه جویی در زمان و تلاش کمک کند. این process همچنین شما را قادر می سازد تا به راحتی طراحی سایت خود را مطابق با نیازهای خود تنظیم کنید. می توانید طرح بندی های مختلفی از جمله قالب های تک پست وردپرس ایجاد کنید.

در این پست، دو روش اصلی برای ساخت سفارشی وردپرس را بررسی کردیم page قالب ها:

1. یک فایل قالب ایجاد کنید و با استفاده از ابزاری مانند FileZilla آن را در پوشه تم خود آپلود کنید.
2. استفاده از a page افزونه سازنده مانند Elementor یا Beaver Builder.

هر دوی این روش‌ها آزادی سفارشی‌سازی زیادی را به شما می‌دهند، بنابراین می‌توانید یکی را انتخاب کنید که با آن راحت‌تر هستید.

آیا در مورد ایجاد یک وردپرس سفارشی سوالی دارید؟ page قالب یا ایجاد یک وب سایت؟ در بخش نظرات زیر به ما اطلاع دهید!