第十二屆 佳作

web
讓0基礎的你也能製作簡單wordpress主題
thewayeasy

系列文章

DAY 1

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

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

DAY 2

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

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

DAY 3

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

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

DAY 4

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

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

DAY 5

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

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

DAY 6

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

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

DAY 7

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

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

DAY 8

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

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

DAY 9

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

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

DAY 10

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

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