OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.

(Ken Cen出品)建網進階篇-製作您自己的WordPress主題使用HTML,CSS,php,Bootstrap

Ken Cen

大概您會試過見到非常漂亮的wordpress主題網站， 希望自己的網站也這麼漂亮，並且擁有wordpress內容管理系統的便利，但卻發現在網站找不到這樣的模板，因為這是自定義的wordpress主題，作為一個專業的網站開發人員， 我們會教您如何製作屬於您的漂亮wordpress主題。

首先，課程將介紹如何製作屬於您自己的wordpress主題，課程裡面用到的所有知識，在我們之前的課程已經有講述過，包括HTML,CSS,PHP,mySQL,jQuery等，如果不了解的學員可以查找我們的全面建站課程瞭解更多，而我們也會儘量講解清楚，讓剛入門的學員也能明白其中的意思。

課程會從如何連結服務器開始，然後如何在服務器上安裝wordpress，過程中用到的服務器和域名，FTP工具，編輯代碼的工具都會有所講解；

接著，我們會開始瞭解wordpress的文件結構，開始編寫我們的第一個wordpress網站；

然後，我們會將分別編寫一個靜態網站的各個部分，包括Header, Footer, Sidebar, Content等，將其轉化爲我們的wordpress網站，令其更具動態，變成"有生命"的網站， 他會自動分類， 自動加載日誌，顯示適當的內容，引導訪客等。

趕快加入我們課程，使用HTML, CSS, PHP, jQuery,mySQL去編寫您自己的wordpress主題吧！

Enroll now

What's inside

Learning objectives

  • 製作屬於自己的wordpress主題
  • 將一個靜態網站或網頁轉換成動態的wordpress主題

Syllabus

由此處開始

課程宣傳片

課程簡介

$1美金伺服器
Read more
建立第一個wordpress網頁

本章介紹

如何建立服務器網頁

如何安裝Wordpress

FTP工具及文本編輯器

FireFTP不支持Firefox解決方案
如何使用FireFTP及textWrangler
Wordpress網頁結構及管理界面

激活Wordpress主題

什麼是CMS

Wordpress裡面的各個php文件
編寫第一個Wordpress主題(1)
編寫第一個Wordpress主題(2)
編寫第一個Wordpress主題(3)
瞭解HTML-構建網站第一步

第四章簡介

網頁基本結構
標題
段落

Order List&Unorder List

添加圖片

表單

超級鏈接

第四章總結

瞭解CSS-建網第二步
第五章簡介
CSS定義方式
ID和Class
Position

margin和padding

第五章總結
製作主頁的導航欄及主標題橫幅

第六章簡介

什麼是Bootsctrap

如何接入Bootsctrap

如何創建導航欄

如何添加漢堡包按鈕到導航欄

Bootstrap4導航欄

如何添加主標題橫幅
如何添加Heroimage
第六章總結
訂閱欄與適合人群欄目製作

第七章簡介

如何在本地製作靜態網站
GridSystem和訂閱欄
如何消除默認外編距
如何製作modals

FormGroup&FormControl

如何使用Bootstrap修改圖片圓角及佈局

如何使用Bootstrap的offset

第七章總結

主頁內容及網頁腳

第八章簡介

課程優勢欄目設定

如何使用GridSystem在同一行分配空間

添加youtube視頻

添加網頁推廣部分

網頁腳編寫

主頁溢出修復

第八章總結
博客頁面編寫
第九章簡介

創建博客頁面

日誌標題

接入FontAwesome

創建博客日誌
優化日誌格式

添加Sidebar

搜索欄製作

完成sidebar製作

第九章總結

日誌文章頁面及聯繫方式頁面製作
第十章簡介
獨立日誌頁面製作
留言區表單
修復表單佈局

製作留言列表

留言列表樣式化
聯繫方式頁面製作
聯繫頁面新表單製作
第十章總結
PHP基礎知識
第十一章簡介
什麼是PHP

Echo

PHP變量

PHP的If語句

PHP數組Array

Associative Array

HTML與PHP的互相內嵌

PHP的for循環

PHP的foreach循環

PHP的while循環

PHP的function

第十一章總結

Wordpress主頁動態化

Save this course

Save (Ken Cen出品)建網進階篇-製作您自己的WordPress主題使用HTML,CSS,php,Bootstrap to your list so you can find it easily later:
Save

Activities

Coming soon We're preparing activities for (Ken Cen出品)建網進階篇-製作您自己的WordPress主題使用HTML,CSS,php,Bootstrap. These are activities you can do either before, during, or after a course.

Career center

Learners who complete (Ken Cen出品)建網進階篇-製作您自己的WordPress主題使用HTML,CSS,php,Bootstrap will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.
Cover image
WordPress For Dummies
Save
This quick and easy-to-understand guide that is perfect for beginners who want to learn the basics of WordPress.
(English) WordPress All-in-One For Dummies
Paperback
$$
(English) WordPress For Dummies (For Dummies (Computer/Tech))
Paperback
$$
(English) WordPress For Dummies, 4th Edition
Paperback
$$
(English) WordPress All-in-One for Dummies (For Dummies...
Paperback
$$
(English) WordPress Web Design For Dummies
Paperback
$$
(English) WordPress Web Design For Dummies
Paperback
$$$
(English) Wordpress for Dummies (For Dummies (Computer/Tech))
Paperback
$$
(English) WordPress Web Design For Dummies
Paperback
$
(English) Wordpress All-in-One for Dummies (For Dummies...
Paperback
$$
(English) WordPress All-in-One for Dummies
Paperback
$$
(English) WordPress All-in-One For Dummies
Kindle Edition
$$
(English) WordPress For Dummies (For Dummies (Computer/Tech))
Kindle Edition
$$
(English) Launch a WordPress.com Blog In A Day For Dummies
Kindle Edition
$
(English) WordPress Web Design For Dummies
Kindle Edition
$$
(Deutsch) WordPress Alles-in-einem-Band für Dummies (German...
Kindle Edition
$$
(Deutsch) Webdesign mit Wordpress für Dummies (German Edition)
Kindle Edition
$$
(Deutsch) WordPress für Dummies (German Edition)
Kindle Edition
$
Cover image
Professional WordPress
Save
This comprehensive guide covers everything you need to know about WordPress, from installation to customization.
(English) Professional WordPress: Design and Development
Paperback
$$
Professional WordPress: Design and Development...
Unknown Binding
$$$$
(English) Professional WordPress: Design and Development
Kindle Edition
$$
Cover image
Building Web Apps with WordPress
Save
Is for experienced WordPress developers who want to learn how to use the WordPress REST API to build custom web applications.
(English) Building Web Apps with WordPress: WordPress as an...
Paperback
$$
(English) Building Web Apps with WordPress: WordPress as an...
Kindle Edition
$$
Cover image
The Tao of WordPress
Save
Is for WordPress users who want to learn how to secure their WordPress sites from hackers and malware.
The Tao of WordPress
Paperback
Check
The Tao of WordPress
Kindle Edition
Check
Cover image
Professional WordPress
Save
This guide will help you create your own WordPress themes from scratch. Unfamiliar with the concept of themes? This guide will help you to understand it.
(English) Professional WordPress: Design and Development
Paperback
$$
(English) Professional WordPress: Design and Development
Kindle Edition
$$
Cover image
WordPress All-in-One For Dummies
Save
Is for WordPress developers who want to learn how to use test-driven development (TDD) to improve the quality of their code.
(English) WordPress All-in-One for Dummies
Paperback
$$
Cover image
The UX Book
Save
Comprehensive resource for user experience design, covering user research, prototyping, and evaluation methods. With its emphasis on human factors, psychology, and evidence-based design, it provides a solid foundation for creating user-centric digital experiences.
(English) The UX Book: Agile UX Design for a Quality User...
Paperback
$$$
(English) The UX Book: Process and Guidelines for Ensuring a...
Kindle Edition
$$$
(English) The UX Book: Agile UX Design for a Quality User...
Paperback
$$$
Cover image
Information Architecture for the World Wide Web
Save
Provides an introduction to information architecture, which involves organizing and structuring digital information to make it findable and usable. It offers essential principles and best practices for designing effective navigation and search systems.
Information Architecture for the World Wide Web
Paperback
Check
Information Architecture for the World Wide Web
Kindle Edition
Check
Cover image
Universal Design for Web Applications
Save
Focuses on designing accessible websites that can be used by people with disabilities and diverse abilities. It provides practical guidelines and techniques for creating inclusive and equitable digital experiences.
(English) Universal Design for Web Applications: Web...
Paperback
$$
(English) Universal Design for Web Applications: Web...
Kindle Edition
$$
Design Systems
Save
Targets developers and explains how to create and implement design systems to ensure consistency and efficiency in web development. It emphasizes the importance of collaboration between designers and developers.
(English) Design Systems (Smashing eBooks)
Kindle Edition
$
System design: a systematic method of digital...
Paperback
$$
(日本語) Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド...
Kindle Edition
$$
Cover image
Responsive web design
Save
Pioneered the concept of responsive web design, which adapts websites to different screen sizes and devices. It provides a comprehensive guide to designing websites that deliver optimal user experiences on any platform.
(English) Responsive Web Design: Second Edition
Kindle Edition
$
(Français) Responsive web design: N° 4
Paperback
$$
Atomic Design
Save
Introduces a methodology for building websites and products using a system of small, reusable components. By breaking down designs into reusable elements, it enhances consistency and maintainability.
Atomic Design
Paperback
Check
Atomic Design
Kindle Edition
Check
Cover image
CSS: The Definitive Guide
Save
Addresses the specific challenges of designing for mobile devices. It explores best practices for creating usable and engaging experiences on small screens and limited input options.
(English) CSS: The Definitive Guide: Web Layout and...
Paperback
$$$
(English) CSS: The Definitive Guide: Visual Presentation for...
Paperback
$$$
(English) CSS: The Definitive Guide
Kindle Edition
$$$
Cover image
On Web Typography
Save
Specializes in typography for the web, exploring best practices for selecting, combining, and using typefaces. It provides guidance on creating legible, visually appealing, and accessible text-based content on websites.
(English) On Web Typography
Kindle Edition
$$
Cover image
Beginning HTML5 and CSS3
Save
Provides a solid foundation in HTML5 and CSS3, the core technologies for web development. It covers the latest features and techniques for creating modern, responsive, and interactive websites.
(English) Beginning HTML5 and CSS3: The Web Evolved (Expert's...
Paperback
$$
(English) Beginning HTML5 and CSS3: The Web Evolved (Expert's...
Kindle Edition
$$
Cover image
CSS
Save
Serves as a comprehensive reference for CSS, the language used for styling web pages. It covers all aspects of CSS, from basic selectors to advanced techniques, providing a deep understanding of styling techniques for web developers.
CSS
Paperback
Check
CSS
Kindle Edition
Check
Cover image
Don't Make Me Think, Revisited
Save
Focuses on the user experience of websites, emphasizing the importance of clarity, usability, and accessibility. It shares valuable insights for designing websites that are easy to navigate and understand.
(English) Don't Make Me Think, Revisited: A Common Sense...
Paperback
$$
(English) Don't Make Me Think, Revisited : A Common Sense...
Hardcover
$$$
(English) Don't Make Me Think, Revisited: A Common Sense...
Kindle Edition
$$
Cover image
Designing with Web Standards
Save
Advocates for the importance of using web standards in web design. By following standards, websites become more accessible, interoperable, and maintainable, contributing to a better user experience and reduced development costs.
(English) Designing with Web Standards (Voices That Matter)
Kindle Edition
$$
(English) Designing With Web Standards
Paperback
$
(English) Designing with Web Standards (2nd Edition)
Paperback
$$
(English) Designing with Web Standards (2nd Edition) 2nd...
Paperback
$$
Cover image
The Principles of Beautiful Web Design
Save
Delves into the aesthetic aspects of web design, exploring principles of visual hierarchy, color theory, typography, and layout. It provides practical guidance for designing visually appealing and intuitive interfaces.
(English) The Principles of Beautiful Web Design
Paperback
$$
(English) The Principles of Beautiful Web Design
Kindle Edition
$$
Cover image
HTML and CSS
Save
Provides a comprehensive overview of HTML and CSS, making it suitable for beginners and experienced web developers alike.
HTML and CSS
Paperback
Check
HTML and CSS
Kindle Edition
Check

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Similar courses are unavailable at this time. Please try again later.
Effort
14.5 total hours
Via
Udemy
Instructor
Ken Cen
Language
中文
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser