iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

讓0基礎的你也能製作簡單wordpress主題 系列

網站上確實有不少教學指導如何製作wordpress主題,但內裡多數涉及着大量術語,這對於沒有前端基礎的大家來說,非常難以了解。這30天,我將會用顯淺的字眼,有趣的比喻,讓你也能夠享受製作wordpress主題的樂趣,從另一角度了解wordpress。

鐵人鍊成 | 共 30 篇文章 | 24 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day1 】前端?後端?讓你從餐廳輕鬆了解吧

在使用wordpress主題的時候,是不是總是有些地方感到不滿意,希望在後台進行修改,進行客製化設計,卻總是苦於對打程式碼毫無理解,不知從何入手?是不是了解了w...

2020-09-16 ‧ 由 thewayeasy 分享
DAY 2

[DAY2] Wordpress主題結構大解構,讓你從wordpress的角度看網頁

既然要製作wordpress主題,當然也要對wordpress的結構,一定理解吧,這篇,我們將會為您剖析wordpress主體結構。 你不知道的事 一般部落格都...

2020-09-17 ‧ 由 thewayeasy 分享
DAY 3

【Day3】Html基本結構大分析,讓新手的你也能簡單了解(前篇)

之前也有說過吧,html就是網頁的基本架構。不過html,究竟有什麼基本規則,html的基本結構,又是長什麼樣子呢?這篇文章將會為您一一分析。雖說這篇文章是說h...

2020-09-18 ‧ 由 thewayeasy 分享
DAY 4

【Day 4】Html基本結構大分析,讓新手的你也能簡單了解(後篇)

昨天我們大致上地說了<!DOCTYPE html>,<html></html>,<head></head&...

2020-09-19 ‧ 由 thewayeasy 分享
DAY 5

【Day 5】新手也會懂的Bootstrap container 與 flex grid system

今天,為大家介紹一下bootstrap,讓你哪怕不太會css和javascript,也能夠簡單地裝飾您的html編碼,加設互動。不過,由於功能極多,這篇文章並不...

2020-09-20 ‧ 由 thewayeasy 分享
DAY 6

【Day6】用bootstrap的Jumbotrons,顏色,文字調整,以及cards,讓新手的你也能製作簡單的主頁面

接下來的三天,我們都會繼續介紹bootstrap,完成這三天之後,你也將會有能力去製作像下圖一樣的首頁版面: 廢話少說我們立即開始吧!不過這麼多,該從可做起?...

2020-09-21 ‧ 由 thewayeasy 分享
DAY 7

【Day7】Bootstrap選單看不懂?其實沒你看的那麼難

接下來我們,來完成頂部的選單(bootstrap選單官方教學link)。 我們先來看看完成圖吧: 手機版 電腦版 基本選單製作 好,我們首先把已經html學...

2020-09-22 ‧ 由 thewayeasy 分享
DAY 8

【Day8】從bootstrap看css優先權,box-model,以及帶你加設響應式文字和Googlefont字體

雖然上星期,我們已經基本完成了整個頁面,不過還是有少量問題,一:dropdown顏色並不美觀,二:很多地方彼此的相距實在太近,例如下方的cards,三:文字並不...

2020-09-23 ‧ 由 thewayeasy 分享
DAY 9

【Day9】製作wordpress主題前的基本準備:本地wordpress架設與編碼工具準備

工欲善其事,必先利其器。要製作出wordpress主題,當然要先把必要的軟件,準備下來吧。那麼究竟有甚麼是必要準備的呢? 1:一個下載在你電腦的wordpres...

2020-09-24 ‧ 由 thewayeasy 分享
DAY 10

【Day10】簡單教你為wordpress主題加入縮圖,主題簡介,以及加入必要檔案

我們今天就正式進入wordpress主題建立的世界啦。我們首先打開昨天準備好的xampp,把apache和mySql 打開。 接著我們打開visual stud...

2020-09-25 ‧ 由 thewayeasy 分享