آموزش طراحی برگه در وردپرس

آموزش طراحی برگه در وردپرس

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

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

دوستان عزیز فرض کنیم که شما یک وب سایتی دارید که دارای یک Sidebar و یک Content میباشد .که در حالت دو ستونه ساخته شده است حال میخواهید در یک صفحه ای خاص مثلا صفحه اصلی سایت خود آن قسمت سایدبار که قبل تر گفته شد وجود نداشته باشد.برای این منظور میتوانید به صورت زیر عمل کنید دوستان

دقیقا به این عمل ساخت یک تمپلیت با عنوان Custom Page میگویند که میخواهیم آن را به صورت کامل انجام دهیم.پس اعمال زیر را به صورت گام به گام انجام دهید:

در مرحله اول برای این کار از صفحه Page.php قالب وردپرس وب سایت خود یک کپی میگیرید و در همان پوشه قالب وردپرس وب سایت Paste میکنید و یک اسم دلخواه و متفاوت از دیگر صفحات برای آن مورد کپی شده قرار میدهید که در اینجا ما برای مثال نام آن را Fullwidth.php گذاشتیم.حال پس از این کار میرسیم به مرحله دوم

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

دوستان عزیز در این مرحله اگر در قسمت بالای صفحه یک سری دستورات Comment وجود داشت همه ان ها را پاک میکنیم … دوستان عزیز توجه کنید که دستوراتی که در ابتدا با این علامت شروع میشود */ و انتهای آن ها هم با این علامت به اتمام میرسد /* کامنت است.که البته در این زمان دیگر در قالب های وردپرس جدید چنین چیزی وجود ندارد ولی در صورتی که داشت آن را حذف نمائید.

حال در مرحله چهارم هستیم. در این صفحه اول دستور ابتدایی به صورت زیر است:

۱
<?php get_header(); ?>

و در نهایت آن نیز دستوری به صورت زیر قرار میگیرد:

۱
<?php get_footer(); ?>

خل حالا دوستان برای حذف سایدبار که در بالا کفتم میتوانید کافیست که کد زیر که بالای کد Get_Footer هست را حذف کنیم:

۱
<?php get_sidebar(); ?>

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

۱
<?php /* Template Name: Full width */ ?>

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

دوستان عزیز راه اول ساخت یک Div به عنوان Div اصلی و قرار دادن Content در داخل آن است و پس از آن قرار دادن کد CSS بر مبنای Div اصلی و سپس Content مثل مثال زیر:

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
<div id="master">
<div id="content">
  . . .
</div>
</div>
<!-- Style CSS -->
<style type="text/css" media="screen">
#master #content {
  width: 100%;
}
</style>

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

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
<div id="content" class="Fullwidth">
. . .
</div>
<!-- Style CSS -->
<style type="text/css" media="screen">
.Fullwidth {
  width: 100%;
}
</style>

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