WordPress Theme Development with Bootstrap
4.8 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
38 students enrolled
Wishlisted Wishlist

Please confirm that you want to add WordPress Theme Development with Bootstrap to your Wishlist.

Add to Wishlist

WordPress Theme Development with Bootstrap

Bạn sẽ biết cách tự làm Wordpresss theme bản thân,doanh ngiệp hay khách hàng để tăng thu nhập
4.8 (6 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
38 students enrolled
Created by Tuan Le
Last updated 7/2017
Vietnamese
Curiosity Sale
Current price: $10 Original price: $30 Discount: 67% off
30-Day Money-Back Guarantee
Includes:
  • 11.5 hours on-demand video
  • 98 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • * Bạn sẽ biết cách tự làm Wordpresss theme bản thân,doanh ngiệp hay khách hàng để tăng thu nhập,hay đơn giản bạn muốn hoan toan tự tạo và làm chủ cho mình một Wordpress website cùng custom theme cho công việc cuả mình.
  • * Bạn sẽ có được các thông tin và kiến thức cần thiết để bắt đầu sự nghiệp cuả một Wordpress Developer chuyên nghiệp và thực hiện đam mê sáng tạo và kiếm tiền bằng sản phẩm do chinh tay mình tạo ra
  • Bạn đang làm việc chuyên nghiệp với HTML,CSS và muốn biết thêm các kỹ năng mới cho công việc cuả bạn
View Curriculum
Requirements
  • Không bắt buộc trong khoá học này nhưng nếu bạn muốn hiểu sâu kiến thức và làm việc trong lĩnh vực phát triển theme Wordpress thi HTML,CSS,Javascript,PHP là những ngôn ngữ bạn cần học tốt.
  • Bạn cần học cách chuẩn bị local host và một text editor tuỳ ý thích cho việc học bằng cách Google,sẽ có rất nhiều tài liệu cho bạn
Description

Bạn sẽ biết cách tự làm Wordpresss theme bản thân,doanh ngiệp hay khách hàng để tăng thu nhập,hay đơn giản bạn muốn hoan toan tự tạo và làm chủ cho mình một Wordpress website cùng custom theme cho công việc cuả mình.

Bạn sẽ tự tin để nhận các dự án về Wordpress và Boostrap framework Sếp giao cho,thêm kỹ năng,thêm việc,thêm lương cùng  Wordpress.

Bạn sẽ có được các thông tin và kiến thức cần thiết để bắt đầu sự nghiệp cuả một Wordpress Developer chuyên nghiệp và thực hiện đam mê sáng tạo và kiếm tiền bằng sản phẩm do chinh tay mình tạo ra 

Who is the target audience?
  • Chủ doanh nghiệp, Chủ Shop, Quản lý cửa hàng.
  • Cá nhân đang kinh doanh online, hoặc đang muốn khởi nghiệp
  • Và tất cả những ai mong muốn làm việc trong lĩnh vực thiết kế web hay phát triển theme Wordpress
  • Bạn đang làm việc chuyên nghiệp với HTML,CSS và muốn biết thêm các kỹ năng mới cho công việc cuả bạn
Students Who Viewed This Course Also Viewed
Curriculum For This Course
140 Lectures
11:33:35
+
Giới thiệu khoá học
4 Lectures 32:46

Công việc chuẩn bị
01:03

Trong serie này chúng ta sẽ sử dụng Underscores base theme để phát triển đến theme cuối cùng trong serie, bạn có thể download tại điạ chỉ Underscores.me.

Mình sẽ giới thiệu với bạn Underscores base theme kỹ hơn trong video, ở đây mình chỉ ra những lý do chính tại sao mình chọn Underscores base theme.

  • Đã bao gồm các đoạn code HTML cơ bản cần thiết giúp bạn đỡ phải viết code hơn
  • Cấu trúc tối uư cho việc phát triển theme, dễ học, dễ làm việc cùng, dễ chình sưả hay thêm tính năng.
  • GPL license, vì vậy chúng ta có thể làm gì với nó cũng được.
  • Rất nhiều theme nổi tiếng được sản xuất bởi  những công ty tên tuổi trong cộng đồng WordPress tin dùng.
  • Được phá  triển bởi Automattic, công ty đang vận hành Wordpress, và nếu bạn có ý định phá triển theme và chia sẻ hay bán nó cho WordPress thì họ cũng khuyến khích bạn nên phát triển theme dưạ trên cấu trúc cuả Underscores.

LƯU Ý: Underscores base theme được Automattic update khá thường xuyên, vì vậy để thực hành theo serie này mình khuyến khích bạn sử dụng phiên bản base theme mình đã gửi kèm link download ở đây. Nếu đây là lần đầu bạn phát triển theme thì bạn nên sử dụng nó để chắc chắn là bạn sẽ thấy mọi thứ diễn biến giống như trong video.

Trong video sau chúng ta sẽ cùng tìm hiểu Underscores base theme.

Preview 07:27

+
Tích hợp Bootstrap
26 Lectures 07:05:47

Trong video này chúng ta sẽ xem qua cách tích hợp Bootstrap framework vào trong WordPress theme. chúng ta sẽ bắt đầu bằng việc download Bootstrap tại điạ chỉ getbootstrap.com, copy các file và folder vào đúng các thư mục như trong video và bạn cũng cần phải chỉnh sưả file functions.php để tích hợp các file cuả bootstrap vào WordPress.

Trong video trước mình đã có nói về việc Underscores base theme được update khá thường xuyên, vậy mình khuyến khích bạn hãy sử dụng phiên bản mình đã gửi kèm link download trong khoá học, nó giúp bạn theo các video dễ hơn.

Tích hợp Bootstrap cho Wordpress
07:18

Enqueue Bootstrap CSS,JS,Fonts vào Wordpress theme
14:58

Để theme cuả chúng ta sẽ hỗ trợ các trình duyệt cũ như Internet Explorer 8 chúng ta sẽ cần add đoạn script respond.js. Video này sẽ hướng dẫn bạn cách tích hợp nó đúng cách.

Tích hợp JS Respond cho trình duyệt cũ
11:36

Video này sẽ hướng dẫn bạn cách tích hợp Font Awesome cho WordPress theme, Bootstrap đã có sẵn hơn 200 mẫu Glyphicons icon cho bạn sử dụng nhưng nó chưa bao giờ được xem là đủ cho người dùng và người sáng tạo theme. Font Awesome mang đến cho bạn một bộ icon với nhiều sự lưạ chọn hơn, nhiều tính năng hay hơn, bạn có thể xem thêm trên website cuả họ.

Tích hợp Font Awesome cho Wordpress theme 1
09:22

Tích hợp Font Awesome cho theme - 2
01:55

Trong video này bạn sẽ thấy được cách tạo Bootstrap navbar và menu trong WordPress, tiếp theo là cách bạn tạo chức năng menu con thả xuống hay còn gọi là Dropdown menu, một tính năng không thể nên trong các theme WordPress.

Tạo Menu và chức năng Dropdown
28:36

Trong video này chúng ta sẽ tích hợp Bootstrap Grid System cho theme, giúp strater theme cuả bạn responsive và sidebar cuả theme sẽ hiển thị đúng vị trí mong muốn. Bạn cũng sẽ biết cách làm thế nào để sử dụng Grid system để tạo ra những cấu trúc giao diện khác nhau trong theme.

Tích hợp Bootstrap Grid system cho Wordpress
22:23

Tích hợp Grid System cho cac trang
15:35

Video ngắn hướng dẫn bạn cách add các đoạn code Word Wrapp trong file style.css cuả bạn, nó giúp nệi dung bài viết hay các tiêu để trên theme cuả bạn luôn hiển thị tốt, không bị vỡ giao diện với những tiêu đề dài.

Word Wrapping cho CSS
07:00

Hiện tại là trên theme cuả chúng ta đang sử dụng một sidebar với thẻ h2, trong video naày bạn sẽ biết cách chỉnh sưả tiêu đề và cách sidebar hiển thị, bạn sẽ biết sử dụng các class như well hay panel từ Bootstrap để giúp bạn trang trí sidebar cuả bạn đẹp hơn.

Chỉnh sưả Wordpress Sidebar
21:54

Trong video này bạn sẽ được hướng dẫn cách sử dụng các class cuả Bootstrap để trang trí WordPress Search form. Bạn sẽ hiểu rõ hơn cách sử dụng file searchform.php và các đoạn code cần thiết để bạn build form, và cách sử dụng tài nguyên cuả Bootstrap để giúp cho quá trình sáng tạo theme cuả bạn.

Tạo Bootstrap Search form cho Wordpress
05:56

Video hướng dẫn cách bạn add codes trong file style.css để trang trí cho Post Navigation đẹp và chuyên nghiệp hơn, không có gì nhiều để làm trong video này, vì vậy mình cũng dành thêm chút thời gian để nói thêm với bạn một chút về những trải nghiệm cuả mình khi làm việc với nghề.

Làm đẹp Post Navigation với Bootstrap CSS classes
13:54

Tạo Footer cho theme
18:21

Làm đẹp Wordpress Footer
25:03

Font Awesome icon cho Wordpress Post Meta
26:00

Viết CSS cho trang Blog
15:57

Hướng dẫn biến Wordpress Read More tag thành Bootstrap button
09:14

Tạo khu vực Widget và trang Left Sidebar
22:10

Tích hợp Media Queries vào Wordpress theme
20:34

Chuyển đổi Categories và Comment vào khu vực Post Metau trong theme
25:18

Viết CSS cho Comment với Bootstrap
27:38

Tạo hộp thông tin cá nhân tác giả bên dưới bài Post
17:04

Tạo Build-in Contact Form cho theme
24:34

Hightlight cho trang kết quả tìm kiếm
15:29

Viết thông tin chi tiết cho theme trong Style.css
09:26

Tạo trang Homepage và hoàn thành Base theme cuả khoá học
08:32
+
Tích hợp Portfolio cho theme
11 Lectures 03:25:56
Giới thiệu Portfolio Posts Type
08:01

Tích hợp Portfolio Custom Post Type
22:35

Tạo trang hiển thị Portfolio
19:18

Tuỳ chỉnh trang Portfolio
19:18

Tuỳ chỉnh trang Single Portfolio
17:27

Tạo Filter cho trang Portfolio
26:22


Serie Bonus tiếp theo đang hoàn thiện

Giới thiệu serie tạo giao diện Homepage Slider và Homepage Video
07:00

Tạo trang Homepage video
21:34

Hoàn thành Homepage video
22:04

Tạo trang Homepage silder
33:42
+
Theme Options và WP Customizer
19 Lectures 00:12
Giới thiệu serie
00:01

Tích hợp Theme Option cho WP theme
00:01

Cài đặt Theme Option
00:01

Tích hợp Fixed/Static and Inverse/Default Header Theme Options
00:01

WordPress Toolbar CSS cho Fixed and Static Navigations
00:01

PHP conditional statements trong WordPress
00:00

WordPress Theme Option trong Custom Logo
00:00

Theme Options cho WordPress Blog
00:00

Tích hợp một Custom CSS field vào trong Theme Options Panel
00:00

Tích hợp các mẫu Bootswatch Themes
00:00

Tích hợp Theme Option để upload Favicon
00:00

Tạo Theme Option cho tuỳ chọn Portfolio columns
00:00

Portfolio Filter Theme Options
00:00

Tạo Theme Option cho Footer
00:01

Tích hợp Social Icons cho Theme Options
00:00

Tích hợp Drag and Drop cho Homepage layout
00:00

Featured Content trong Bootstrap Jumbotron
00:00

Tạo 3 khu vực Widget
00:00

Tạo Hero Post
00:00
+
Sáng tạo Wordpress theme theo mẫu HTML template
49 Lectures 08:22

Serie Bonus tiếp theo đang hoàn thiện

Preview 07:35

Download Andy HTML/CSS template Files
00:01

Tích hợp các Files và Folders vào Wordpress theme
00:01

Tạo custom Navbar và Menu
00:01

Tạo custom Footer và khu vực hiển thị Widget

Tạo custom Footer và khu vực hiển thị Widget
00:01

Tạo trang mặc định cho theme
00:01

Hướng dẫn cách dùng Features Image để làm hình nền cho banner
00:01

Viết code để hiển thị banner cho các trang trong theme
00:01

Tích hợp TGM Plugin Activation Script
00:01

Tich hợp Metabox Demo Script
00:01

Tạo custom Metabox cho tiêu đề cuả banner
00:01

Tạo Metabox cho Background Image
00:01

Tạo Background Image và tiêu đề cho các trang trong theme
00:01

Tich hợp Theme Option và tạo tuỳ chọn cho trang quản trị cho theme
00:01

Tich hợp Plugin để tạo Portfolio Custom Post Type
00:01

Tuỳ chỉnh Portfolio Custom Post Type Plugin
00:01

Tạo trang Archive Portfolio Page Template
00:01

Làm đẹp cho các chi tiết trong Archive Portfolio Page Template
00:01

Viết code để tạo Theme Option cho Portfolio banner
00:01

Tạo trang Single Portfolio Page Template
00:01

Tạo Slider cho Items trong Portfolio
00:01

Them chút Margin cho Portfolio
00:01

Tự tạo Service Custom Post Type
00:01

Tạo trang Service Template
00:01

Tạo Theme Option cho Tiêu đề cuả Service Page
00:01

Làm đẹp trang Contact Page
00:01

Tạo Homepage Hero Banner
00:01

Tạo Service Homepage Module
00:01

Tạo các Row trong Bootstrap
00:01

Tạo trang Homepage với hai Module Content
00:01

Tạo Homepage Divider 1
00:01

Tạo Portfolio trên giao diện trang chủ
00:01

Tạo Homepage Divider 2
00:01

Tạo Theme Option cho Custom Logo
00:01

Tạo trang Full Width Page Template
00:01

Xoa bo các Tittle thừa trong theme
00:01

Tich hợp Rentina Ready cho theme bóng đẹp
00:01

Tạo chức năng đa ngôn ngữ cho theme
00:01

Tích hợp Version Control
00:01

Footer Theme Options
00:00

Page builder cho theme
00:01

Tạo các tính năng trong Customizer
00:01

Tạo Child theme
00:01

Tổng quan Wordpress Rest API
00:01

Test Wordpress site support API
00:01

Viết Javascript code để hiển thị Post
00:01

Viết HTML và PHP để thay đổi bài viết không cần tải trang với API
00:01

Sử dụng Postman để thử URLS trong Wordpress Rest API
00:01

Tạo Search Engine sử dụng Wordpress Rest AP
00:01
+
Sáng tạo theme shop với custom Easy Digital Download plugin
11 Lectures 00:11
Sáng tạo Theme Shop với Custom Easy Digital Download Plugin
00:01

Download và tích hợp Easy Digital Download
00:01

Thay đổi Label và Slug cuả Easy Digital Download Plugin
00:01

Tạo Single Shop template
00:01

Tạo ảnh đại diện cho Single shop template
00:01

Hiển thị giá và nút mua hàng
00:01

Hiển thị so sánh giá khuyến mại cho cưả hàng
00:01

Tạo trang Shop để bán hàng
00:01

Chỉnh sưả trang thanh toán cho Shop
00:01

Chỉnh sưả chức năng giảm giá và làm đẹp link cho Shopping Cart
00:01

Tích hợp Plugin trên Theme Forest cho cưả hàng chuyên nghiệp hơn
00:01
+
Cac buoc chuan bi truoc khi Publish
3 Lectures 00:03
Tối uư code theo tiêu chuẩn Worpress Coding Standard
00:01

Theme Check
00:01

Hướng dẫn viết Document cho Premium theme để bán.
00:01
+
Woocommerce Theme
12 Lectures 20:12

Các bước chuân bị 1
00:01

Tạo chức năng Woocommerce Ready cho theme
00:01

Setup Global Wrapper
00:01

Tạo giao diện trang bán hàng - Wrapper
00:01

Tạo giao diện trang bán hàng - Loop Element
00:01

Tuỳ chỉnh trang Single Product
00:01

Tuỳ chỉnh hình ảnh trong Single Product
00:01

Tuỳ chỉnh khu vực Discription trong Single Product
00:01

Tuỳ chỉnh Taps trong Single Product
00:01

Tuỳ chỉnh Single Product Reviews
00:01

Tích hợp các Plugin mua trên Theme Forest giúp theme bán hàng hấp dẫn hơn
00:01
+
Kiếm tiền với Wordpress theme
5 Lectures 00:05
Kiếm tiền với Wordpress theme
00:01

Lời khuyên từ những người chuyên nghiệp
00:01

Theme Forest bán gì để kiếm tiền,và bán ra sao?
00:01

Các bai học mới sẽ update them vào khoá học hiện tại khi có bài học mới
00:01

Giới thiệu serie Hướng dẫn lập trình WordPress theme và plugin nâng cao.
00:01
About the Instructor
Tuan Le
4.8 Average rating
6 Reviews
38 Students
1 Course
I love coding and sharing,build the web is an awesomething

Hi! I am Tuan Anh Le,a  web developer living in the UK.I love creating web applications and working with HTML,CSS NodeJS,Java Script,PHP,Python,Ruby,React,Angular,Rails,IOS,AndroidMobile apps..

I love WordPress and it community,create WordPress Theme and Plugin,writing articles about WordPress in side out is my passion.

I am running a website name Theme Star Web Design UK where you can see more about my works,you can download anything free on the site or you can visit my Github,you can visit my site in Vietnamese at HTTPS:// Theme Star .Co .UK

Drop me a line for any work,chat anything about WordPress,website,web app  ..I will be with you…