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

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

طراحی برگه در وردپرس

اطلاعات

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

دسته بندی: آموزش های وردپرس, آموزش وردپرس, هک وردپرس

برچسب ها:

طراحی برگه در وردپرسReviewed by سعید حبیبی on Jan 3Rating: 5.0

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

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

برای این کار ابتدا باید یک تمپلت Custom Page ایجاد کنید ( به روش زیر )

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

در مرحله چهارم کار دستوری در ابتدا به شکل زیر است


<?php get_header(); ?>

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


<?php get_footer(); ?>

حال نوبت می رسد به حذف سایدبار برای این کار کد زیر که از بالای کد Get_Footer قرار گرفته را پاک کنید.


<?php get_sidebar(); ?>

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


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

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

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

برای این کار دو راه وجود دارد راه اول این که یک دیو 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>

شما می توایند از روشهای بالا یکی را انتخاب و کار را انجام دهید و آن را ذخیره سازی کنید با این کار دیگر تا است و برگه شما طراحی خواهد شد به همین راحتی ….

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

 

 

منبع: آپ تم  مرجع: آموزش وردپرس | قالب وردپرس موزیک | قالب وردپرس تفریحی | قالب وردپرس خبری

باکس دانلود

  • کاربران گرامی از ارسال دیدگاه جهت پشتیبانی محصولات ویژه ( خریداری شده) خود داری کنید برای این امر از قسمت پشتیبانی اقدام کنید.

هنوز هیچ دیدگاهی وجود ندارد