طراحی قالب وردپرس – قسمت سوم

HTML-to-Wordpressاین جلسه نحوه اضافه کردن منوی داینامیک به قالب وردپرس را آموزش میدم .

ابتدا فایل منو را از این قسمت دانلود کنید.

و کد style.css  منوی فوق را به css سایتتان اضافه کنید

با اضافه کردن دستور زیر به فایل functions.php گزینه فهرست ها به بخش نمایش پنل مدیریت وردپرس اضافه میشود

یک فهرست جدید با نام منوی اصلی ایجاد کرده و

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

 

 

حال برای نمایش منو در ظاهر سایت کد زیر را در فایل header.php  قرار میدهیم .

ادامه مطلب…

Like
0

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

طراحی قالب وردپرس – قسمت دوم

یک قالب وردپرس از صفحات زیر تشکیل شده :HTML-to-Wordpress

Index.php : قالب صفحه اصلی

Header.php : کدهای سرصفحه در این فایل قرار می گیرند.

Footer.php : کدهای پاصفحه در این فایل قرار می گیرند.

Sidebar.php : کدهای ستون کناری در این فایل قرار می گیرند.

single.php : قالب مطالب.

Comments.php : قالب نظرات. ادامه مطلب…

Like
0

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

طراحی قالب وردپرس – قسمت اول

HTML-to-Wordpressقصد دارم  تو این سری آموزش یک قالب html را به وردپرس تبدیل کنم

و نکات مهم را در هر جلسه مطرح میکنم

قالبی را که قرار هست تبدیل بشه را از اینجا دانلود کنید

————————————

ابتدا کل فلدر قالب html را در مسیر زیر کپی کنید

wp-content\themes

و فایل index.html را به index.php تغییر نام دهید ادامه مطلب…

Like
0

دسته بندی‌ها: wp,آموزش,طراحی وب

آموزش فریمورک بوتسترپ برای طراحی سایت – قسمت آخر

bootstrap

 

 

نحوه نوشتن css – hack  برای دستگاه های مختلف :

 

مثلا فرض کنید در حالت موبایل میخواهید موقعیت یک کلاس را تغییر دهید ادامه مطلب…

Like
0

دسته بندی‌ها: آموزش,طراحی وب

آموزش فریمورک بوتسترپ برای طراحی سایت – قسمت دوم

bootstrapدر این قسمت بخش grid در بوتسترپ را با یک مثال آموزش میدم :

هر سطر در بوتسترپ با کلاس row مشخص میشود

هر سطر هم توسط کلاس span به 12 ستون تقسیم میشود

در واقع به کمک grid یک صفحه را به بخش هاس مختلف تقسیم میکنیم تا بتوانیم داخل هر بخش محتوای ( متن – عکس – ویدیو و.. ) قرار دهیم

طبق طرح زیر content ما 10 ستون  و بخش سایدبار 2 ستون می باشد

 

131131

 

 

 

 

 

ادامه مطلب…

Like
0

دسته بندی‌ها: آموزش,طراحی وب


Copyright © 2006 - 2017 Hemmaty.com
Design : M.hemmaty
Follow

Get every new post delivered to your Inbox

Join other followers