این جلسه نحوه اضافه کردن منوی داینامیک به قالب وردپرس را آموزش میدم .
ابتدا فایل منو را از این قسمت دانلود کنید.
و کد style.css منوی فوق را به css سایتتان اضافه کنید
با اضافه کردن دستور زیر به فایل functions.php گزینه فهرست ها به بخش نمایش پنل مدیریت وردپرس اضافه میشود
یک فهرست جدید با نام منوی اصلی ایجاد کرده و
به کمک سه گزینه دسته ها ، پیوند ها و برگه ها از همین بخش میتوانیم گزینه های منو را اضافه کنیم
1 2 3 4 | <?php register_nav_menu('main-nav','منوی اصلی'); ?> |
حال برای نمایش منو در ظاهر سایت کد زیر را در فایل header.php قرار میدهیم .
یک قالب وردپرس از صفحات زیر تشکیل شده :
Index.php : قالب صفحه اصلی
Header.php : کدهای سرصفحه در این فایل قرار می گیرند.
Footer.php : کدهای پاصفحه در این فایل قرار می گیرند.
Sidebar.php : کدهای ستون کناری در این فایل قرار می گیرند.
single.php : قالب مطالب.
Comments.php : قالب نظرات. ادامه مطلب…
قصد دارم تو این سری آموزش یک قالب html را به وردپرس تبدیل کنم
و نکات مهم را در هر جلسه مطرح میکنم
قالبی را که قرار هست تبدیل بشه را از اینجا دانلود کنید
————————————
ابتدا کل فلدر قالب html را در مسیر زیر کپی کنید
wp-content\themes
و فایل index.html را به index.php تغییر نام دهید ادامه مطلب…
دسته بندیها:wp,آموزش,طراحی وب
نحوه نوشتن css – hack برای دستگاه های مختلف :
1 2 3 4 5 6 7 8 9 10 11 | /* Large desktop */ @media (min-width: 1200px) { ... } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { ... } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { ... } /* Landscape phones and down */ @media (max-width: 480px) { ... } |
مثلا فرض کنید در حالت موبایل میخواهید موقعیت یک کلاس را تغییر دهید ادامه مطلب…
در این قسمت بخش grid در بوتسترپ را با یک مثال آموزش میدم :
هر سطر در بوتسترپ با کلاس row مشخص میشود
هر سطر هم توسط کلاس span به 12 ستون تقسیم میشود
در واقع به کمک grid یک صفحه را به بخش هاس مختلف تقسیم میکنیم تا بتوانیم داخل هر بخش محتوای ( متن – عکس – ویدیو و.. ) قرار دهیم
طبق طرح زیر content ما 10 ستون و بخش سایدبار 2 ستون می باشد