آموزش ساخت صفحه تمام عرض در وردپرس


آموزش ساخت صفحه تمام عرض در وردپرسReviewed by فاطمه on Jun 19Rating: 3.5آموزش ساخت صفحه تمام عرض در وردپرساین روش زمانی توصیه می شود که قالب شما دارای قالب صفحه تمام عرض باشد،در مرحله اول شما نیاز دارید یک صفحه را ویرایش کنید یا یک صفحه جدید ایجاد کنید [برگه ها

آموزش ساخت صفحه تمام عرض در وردپرس

آموزش ساخت صفحه تمام عرض در وردپرس

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

روش اول: استفاده از قالب ساخته شده تمام عرض در قالب وردپرس شما
این روش زمانی توصیه می شود که قالب شما دارای قالب صفحه تمام عرض باشد،در مرحله اول شما نیاز دارید یک صفحه را ویرایش کنید یا یک صفحه جدید ایجاد کنید [برگه ها-افزودن برگه] در صفحه باز شده در قسمت چپ صفحه نمایش ،ویژگی های برگه،قالب را full width page انتخاب کنید.

 

 

سپس برگه مورد نظر را ذخیره کرده و  یا اضافه کردن محتویات و زدن دکمه پیش نمایش می توانید صفحه تمام عرض را ببینید مانند تصویر زیر:

 

روش دوم:ایجاد قالب صفحه تمام عرض به صورت دستی

اگر قالب شما همچین ویژگی نداشت می توانید به آن اضافه کنید،در این روش لازم است شما فایل های قالب وردپرس ویرایش کنید و مفاهیم پایه PHP،css،HTML را بدانید. قبل از این که کاری انجام بدید یک بکاپ از قالبتون بگیرید چون ممکن است اشتباه عمل کنید و بتوانید قالبتون باز گردانید.

حال شما یک ویرایشگر متنی مانند ++Notepad باز کنید و کد زیر را در  آن بنویسید و با نام  full-width.php آن را  در کامپیوتر خود ذخیره کنید،این کد نام یک فایل قالب را تعریف می کند.

 

سپس به وب سایت خود از طریقFTP یا فایل منیجر در سی پنل خود متصل شوید و وارد پوشه wp-content/themes (پوشه قالب خود)شوید،فایل page.php را باز کرده، این فایل قالب صفحه پیش فرض پوسته شما می باشد،بعد از خط ()get_header همه کدها را کپی کرده و در فایل  full-width.php ذخیره کنید.در این فایل کد زیر را حذف کنید.

 

 

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

بعضی از قالب ها ساید بار ندارند و شما این کد را درون فایل قالب خود نمی بینید،تغییرات ایجاد شده فایل full-width.php را در زیر ببینید.

 

حال شما در فایل منیجر در پوشه فالب خود فایل full-width.php را آپلود کرده،و حال قالب شما به صورت پیش قرض در قسمت ویژگی برگه ها  گزینه فالب full width نشان داده می شود و با انتخاب آن برگه را به روز رسانی کنید.

روش سوم:ایجاد یک صفحه تمام عرض با استفاده از افزونه Page Builder

این روش آسان به همه کاربران توصیه می شود.این افزونه اجازه به شما می دهد به راحتی صفحه تمام عرض را ویرایش کنید.در مرحله اول افزونه beaver builder را نصب کنید، این افزونه یکی از بهترین دراگ و دراپ افزونه های صفحه ساز می باشد و به شما این امکان را می دهد که به آسانی طرح بندی صفحه بدون کدنویسی ایجاد کنید.بعد از نصب،افزونه را فعال کنید سپس یک صفحه جدید ایجاد کنید در سمت چپ ،ویژگی برگه ها ،گزینه قالب full width را انتخاب و ذخیره پیش نویس کنید.

 

 

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

 

 

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

 

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

 

 

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

 

 

در اینجا روی تنظیمات ردیف کلیک کرده و جزئیات آیتم ها در پنجره تنظیمات نمایش داده می شود که می توانید رنگ ها،اندازه،تصویر پس زمینه و متن را تغییر دهید.

 

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

 

 

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

 

 

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

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.



منبع : میهن وردپرس
جهت کسب اطلاعات بیشتر به سایت میهن وردپرس مراجعه نمایید