iT邦幫忙

wordpress主題製作新手篇相關文章
共有 22 則文章
鐵人賽 Modern Web DAY 27

技術 【day27】修改你wordpress主題,header裏的 head的部分,並教你剷除wp_head的不必要檔案

Wordpress 和我們平常的網頁不同,他是允許用家可以自行調節,這篇我們將會回到我們的header,把一些網頁平常會放在header裏的一些網頁資料,用wo...

鐵人賽 Modern Web DAY 26

技術 [Day 26] 想讓 Wordpress主題能做到多語言?看完這篇你也懂

我們身在亞洲。很多時,英文都並不是我們的主語言,那麼能否把主題翻譯到其他語言,就成了一個很重要的關鍵,坊間有不少買回來的主題,都是欠全面的翻譯,亦對於翻譯的支援...

鐵人賽 Modern Web DAY 25

技術 【Day25】 帶你看看wordpress WP_Query的分類與標籤,讓你可以只顯示每個分類的第一項而不重複

之前,我們都有少量涉及到WP_Query的分類和標籤,不過我們並沒有詳細地向大家作解釋,這篇我們會為大家集中探討WP_Query分類和標籤的部分。在最後,我們亦...

鐵人賽 Modern Web DAY 24

技術 【Day 24】 Wordpress WP_Query小入門,帶你看看WP_Query世界,讓你簡單操控wordpress loop

Wordpress的loop,確實是非常實用。不過假若你希望為loop加設一些規則,讓它只能夠顯示部分的文章?那麼我們就需要用到wordpress的query_...

鐵人賽 Modern Web DAY 23

技術 【DAY 23 】 Wordpress 主題的comment?讓你也能夠著手設定吧

作為一編文章,當然都希望設有留言區,讓用家可以互相交流,向作者提問。不過,該怎樣才可以為您的wordpress主題設定留言區呢,我們又怎樣,才可以仔細地去設定一...

鐵人賽 Modern Web DAY 22

技術 [Day22] 想為wordpress主題加入搜尋功能?看這篇你就會了

搜尋是一個很重要的功能,透過搜尋功能,用家可以快速查找他們希望獲得的內容,不過究竟該怎樣為你的wordpress主題,加設搜尋功能? 加入搜尋欄位 我們在加入搜...

鐵人賽 Modern Web DAY 21

技術 簡單操作,為你的wordpress主題,加入額外sidebar

Sidebar,相信對大家來說,也並不陌生。不過大家有沒有試過,原先使用的wordpress主題,sidebar不夠你使用的情況?想自己開設一個新的sideba...

鐵人賽 Modern Web DAY 20

技術 【Day 20】來為你的Wordpress主題,加設分類,標籤和獨立訂立列出文章數吧

分類和tag,對於文章來說,是一個很重要的功能,沒有了分類與標籤,用家也就很難找尋到,合適他們的文章,不過怎樣用編碼來加入,讓您的主題有分類與標籤?分類頁面和標...

鐵人賽 Modern Web DAY 19

技術 【Day 19】 文章要有分頁(page-break)?其實wordpress也能做到

文章分頁 有時候,去到一個網站,是不是會有同一篇文章,卻會有數個版面?你可能不知道的是,其實wordpress是可以做到的。 Wordpress 部分 這裡非常...

鐵人賽 Modern Web DAY 18

技術 【Day18】讓你著手建立wordpress文章頁面及加設文章封面圖片

之前說了那麼多關於loop的一些設定,教大家怎樣利用loop,來列出文章,但卻一直沒怎麼說,怎樣設定文章的版面,那麼我們今天就來開始製作,文章的版面吧。不過,大...

鐵人賽 Modern Web DAY 17

技術 【Day 17】 教你wordpress加設作者名稱和時間

加設作者名稱 加設作者名稱頗為簡單,只需要透過wordpress的php編碼:<?php the_author_posts_link(); ?>,這...

鐵人賽 Modern Web DAY 16

技術 [Day16]不會the_posts_pagination ? 看這邊就對了,讓新手的你也會很酷地去設定

這篇文章,主要是介紹wordpress數字按鈕:the_posts_pagination,以及該如何去用css裝飾的,有興趣就看下去吧。 數字按鈕 我們可以簡單...

鐵人賽 Modern Web DAY 15

技術 文章分類頁面的上頁按鈕?下頁按鈕?看完這篇你就會設定了

更改內容概要字數限制 我們回到昨天內容概要的部分,你會注意到,顯示的字數並不多,這是因為,wordpress把內容概要的字數限制,設定為55個(若把wordpr...

鐵人賽 Modern Web DAY 14

技術 【Day14】讓新手的你也會利用loop ,把wordpress文章漂亮地排列出來(第一部分)

Loop是wordpress一個很核心的機制,沒有了loop,wordpress也就不能夠成為現今,最普及的,要來編寫博文的系統,loop能夠幫助wordpre...

鐵人賽 Modern Web DAY 13

技術 【Day13】使用bootstrap navwalker , 但不會設定multi-layer ?不會改變dropdown menu 顏色?看這篇對了

相信大家看完昨天的文章後,已基本會架設在bootstrap,架設bootstrap menu吧。 不過聰明的你,應該也會發現,這看起來不對勁呀。怎麼怪怪的呀,這...

鐵人賽 Modern Web DAY 12

技術 【Day12】Navwalker , 讓你也能夠在wordpress加入bootstrap選單

接下來我們開始製作選單,還記得之前花了大量時間去製作的bootstrap選單嗎?沒看就按這裡吧。這裡我們也可以引入進去,不過,因為bootstrap選單格式和一...

鐵人賽 Modern Web DAY 11

技術 【Day11】來用正確方法,讓你把css檔案和 javascript檔案載入到wordpress主題內

我們開始前,先處理一下header的部分吧,我們打開front-page.php,然後輸入編碼: <?php get_header();?> 至於...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

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

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