پیشنهاد فرادرس

طراحی پوسته وردپرس با Bootstrap

دسته بندی ها: آموزش بوت استرپ (Bootstrap) ، فریمورک ها ، آموزش وردپرس (Wordpress) ، آموزش های TreeHouse ، طراحی وب واکنشگرا

طراحی-پوسته-وردپرس-با-bootstrap

فریمورک Bootstrap یکی از محبوب ترین فریمورک های طراحی صفحات وب است که قبلا آموزش کامل آن در سایت قرار گرفته است.

در این دوره آموزشی که محصول Treehouse است نحوه طراحی پوسته وردپرس را با استفاده از Bootstrap فرامیگیرید.

خلاصه سرفصلهای دوره آموزشی:

  • معرفی دوره آموزشی
  • نصب ابزارهای مورد نیاز
  • ساخت فایلها اولیه پوسته وردپرس
  • افزودن فایلهای CSS بوت استرپ از طریق functions.php
  • افزودن فایلهای JS بوت استرپ از طریق functions.php
  • ساخت منوی Bootstrap در وردپرس
  • نصب افزونه کدهای کوتاه Bootstrap در وردپرس
  • طراحی Header و Footer برای پوسته وردپرس
  • طراحی یک صفحه Static
  • افزودن ابزارک برای صفحه وب سایت
  • طراحی یک Page تمام صفحه
  • طراحی یک Page چند ستونه
  • ساخت Grid با استفاده از Shortcode
  • ساخت صفحه Single
  • ساخت صفحه Archive
  • ساخت صفحه Index
  • نحوه ادغام فایلهای Javascript بوت استرپ با پروژه
  • افزودن اسلایدشو به پوسته
  • افزودن دیالوگ های Modal به پروژه

لیست سرفصل های این دوره آموزشی:

Many developers who build custom WordPress themes like to start with some sort of front-end development framework that provides them with out of the box CSS grids, responsive styles, common element styling and even JavaScript components. Of the many frameworks that provide these features, Bootstrap ranks among the most popular and in this course we will walk you through everything you need to know about setting up a custom WordPress theme that allows you to have full access to all Bootstrap features in your WordPress themes. We’ll show how to setup the basic theme files, properly import Bootstrap CSS and JS, integrate Boostrap menu styles with WordPress custom menus managed from the admin area, create default templates using common page layout design patterns, and call some of Bootstraps JS components like off canvas content and slideshows.
From Bootstrap to WordPress Project Overview
Setup Your WordPress Development Environment
Create the Basic WordPress Theme Files
Add Bootstrap CSS via the functions.php File
Add Bootstrap JS via the functions.php File
Creating Bootstrap Navigation in WordPress
Adding Ability for Dropdown Navigation
Install Bootstrap Shortcode Plugin
Setting Up Bootstrap for WordPress Quiz
The Header and Footer Templates
Creating a static front page
Adding Widget Areas to the Front Page
Creating a Static Page Template with Sidebar
Creating a Full Width Static Page Template
Creating a Grid with Shortcodes
From Bootstrap to WordPress Template Quiz 1
Creating a Basic Blog Listing Template
Creating a Single Blog Listing Page
Create a Blog Archive Page
Creating a Portfolio Landing Page
Creating a Portfolio Single Page
Revisit Our Default Index.php Template
Maintaining Your Theme as a Parent Theme
From Bootstrap to WordPress Template Quiz 2
How to Integrate Bootstrap JavaScript Components with a WordPress Theme
Preparing to Add a Bootstrap Slideshow Carousel
Setting Up a Bootstrap Slideshow Carousel
Finishing Up Our Bootstrap Slideshow Carousel
Dropdown Bootstrap Menus and the Walker Class
How to Add Bootstrap Modal Windows to Your WordPress Theme
Adding Off Canvas Content to a WordPress Theme
From Bootstrap to WordPress Outro
Adding Bootstrap Components to WordPress Theme Quiz

حجم فایل:519MB

 

آیا این نوشته را دوست داشتید؟
TreeHouse From Bootstrap to WordPress

پیشنهاد فرادرس

ali در 1393/10/28 ساعت 20:09

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

alikhani98 در 1393/03/20 ساعت 11:35

ممنون

حسین در 1393/03/04 ساعت 07:56

با تشکر از سایت عالی شما.
می خواستم درخواست کنم اگر از Treehouse آموزش های دیگری دارید قرار بدید.این سایت آموزشی عالیه.