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

تاریخ انتشار: بهمن 5, 1394 تعداد بازدید: 487 بازدید تعداد دیدگاه ها: 0

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

نحوه طراحی برگه در وردپرسReviewed by فریش تم on Jan 25Rating: 4.5نحوه طراحی برگه در وردپرسامروز به سراغ شما اومدیم با یک آموزش بسیار حرفه ای یعنی نحوه طراحی برگه در وردپرس که می توانیم به تنظیمات سایت خود اضافه کنید

سلام دوستان وقت شما بخیر و شادی

امروز به سراغ شما اومدیم با یک آموزش بسیار حرفه ای یعنی نحوه طراحی برگه در وردپرس که می توانیم به تنظیمات سایت خود اضافه کنید و استفاده کنید دوستان عزیز ما در این  اموزش وردپرس می خواهیم برای شما بگوییم چور یک برگه طراحی کنید تا بتوانید تعدادی برگه را به وب سایت خود اضافه کنید پس با ما همراه باشید .

 

حرفه ای بودن آموزش

 

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

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

 

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

 

شروع کار

 

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

 

دستورات Comment

 

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

 

11

 

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

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

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

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

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

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

 

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

 

 

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

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

 

ارائه شده توسط : فریش تم

 

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

هنوز دیدگاهی ثبت نشده است.