iT邦幫忙

wordpress相關文章
共有 374 則文章
鐵人賽 自我挑戰組 DAY 7

技術 第7天:『WordPress架站第二步』-版面設計

WordPress架站-版面設計 前一篇文章已經選擇了Wordpress主題,接著開始為網站做版面設計和配置,比如網站登入後的首頁要長什麼樣子?網頁的選單項目有...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09|Divi 功能練習 01-Layout 排版篇

嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/ 大家的 Divi 安裝好了嗎? 我在找資料的時候找到了很棒的資源— Ele...

鐵人賽 自我挑戰組 DAY 6

技術 第6天:『WordPress架站第一步』-選擇適合自己的主題

Wordpress模板-Astra 一開始準備要挑選WordPress模板時,發現要從數以萬計的模板中挑選到合適的主題實在不容易,於是想先從知名主題開始下手,進...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20 WordPress 客製化從 1 開始:子佈景主題與 PHP

大家好,我是 Eric。 昨天我們用 JavaScript 的編碼標準為當代網站開發的三大基礎收尾,今天,我們要進入「WordPress 客製化」的正題。 子佈...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08|Divi 學習外掛特區!4個必加入的 Facebook 社團

嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚(✪ω✪)/ 昨天帶大家嘗試了 Divi 的介面,不知道你是否喜歡、甚至已經上手了呢? 如果...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19 WordPress 對 JavaScript 的編碼標準

大家好,我是 Eric。 今天,就是 JavaScript 篇的最終章。和以往一樣,我們要來說明 WordPress 對 JavaScript 要求的編碼標準。...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18 用 WordPress 看 JavaScript 非同步處理與 AJAX

大家好,我是 Eric。今天要來介紹 JavaScript 比較進階的運用方式:非同步 (asynchronous) 處理。JavaScript 是一種直譯式語...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06|好想換上漂漂的衣服啊!WordPress 網站佈景主題更換教學

嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/ 就在昨天,我們終於把網站給架起來了!(灑花~ 但是美中不足的是,他還是預設...

鐵人賽 自我挑戰組 DAY 4

技術 第4天:網頁空間存放在虛擬主機,或自架主機?

網頁空間-虛擬主機 當確定要用WordPress架站,域名也決定使用mamachips.tw。接著就是要思考該把網頁空間放在哪裡?基本上網頁空間可以放在自己管理...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17 用 WordPress 製作投影片輪播 (slider) 效果

大家好,我是 Eric。 今天來跟大家分享社群上詢問度相當高的主題:投影片輪播 (slider/carousel)。 為什麼學投影片輪播? 許多業主喜歡向廠商提...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16 用 WordPress 為網站增加動畫效果:GSAP

大家好,我是 Eric。 昨天介紹了在 WordPress 中加入 Animation on Scroll 的效果,並說明如何用 wp_enqueueu_scr...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 自我挑戰組 DAY 2

技術 第2天:決定使用WordPress作為架站工具

架站工具-WordPress 首先介紹架站的三大元素之一"架站工具"。研究後發現目前市面上有些架站工具,其實都有許多現成的模版可以套用,較知...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04|網站虛擬主機怎麼架設?主機設定都幫你配好惹,只要照著做就好!|最簡單無痛的架站之旅 #03

嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/ 昨天我們申請了一組專屬網站的 Email,今天要來示範如何使用它來架設我們...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15 用 WordPress 製作隨視窗捲動的動畫 (animation on scroll)

大家好,我是 Eric。 前兩天介紹了 JavaScript 的基本觀念,今天我們將嘗試透過 WordPress 引入 JavaScript 函式庫,製作出可以...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03|來創個品牌專屬 E mail 吧!提升專業感的小秘訣-如何使用 G Suite 申請網站 Email |最簡單無痛的架站之旅 #02

嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/ 大家昨天都入手自己的網域了嗎?沒有的話可以點擊這裡觀看網域申請的教學~ 今...

鐵人賽 自我挑戰組 DAY 1

技術 第1天:架站三大元素-網域,架站工具,主機

架站三大元素-網域,架站工具,主機 由於家人創業,需要一個品牌形象網站【洋片媽媽 設計。手作。育兒日常】,並且想在上面放上作品集,以及擁有部落格功能,因為個人從...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14 用 WordPress 看 JavaScript:DOM 與 jQuery

大家好,我是 Eric。 為了要探討 WordPress 客製化中的 JavaScript,今天要來說明 DOM 與 jQuery。透過了解 jQuery,我們...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02|網域是什麼要怎麼買?那些關於網域的小秘密|最簡單無痛的架站之旅 #01

嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/ 昨天簡單介紹了一下我自己還有使用 Divi 的契機, 接下來幾天就繼續來...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13 從 WordPress 了解 JavaScript 的變數與函式

大家好,我是 Eric。 今天,我們要正式進入「程式語言」的領域。在此之前的 HTML,充其量只是語法,缺乏了語言的特性。要能稱得上語言,必須要具備發展出演算法...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12 了解 WordPress 的 CSS 編碼標準及 SCSS/Sass

大家好,我是 Eric。 我們今天來到了 CSS 篇章的最後一部份,關於 CSS 的編碼標準及 SCSS/Sass。如同我們在 HTML 的編碼標準裡提到的,這...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 用 WordPress 看 CSS 樣式:「這裡空間大一點」

大家好,我是 Eric。 昨天我們介紹完 CSS 中與字型有關的樣式,在了解這些樣式屬性後,其實我們已經看得懂超過一半以上的 Twenty Twenty 佈景主...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10 用 WordPress 了解 CSS 樣式:標題與字型

大家好,我是 Eric。 前兩天分享了 CSS 的基本版面配置方式,以及媒體查詢 (media query) 的實作方法。今天,我們就回到 CSS 的入門篇章:...

鐵人賽 自我挑戰組 DAY 9

技術 Day 9 用 WordPress 看 CSS 樣式:版面配置 (grid 與 @media)

昨天我們說明了 flex 以直線為排列單位的配置樣式。今天,我們要再來進一步的探討 grid 這種版面樣式。 display: grid; 事實上,grid 的...

鐵人賽 自我挑戰組 DAY 8

技術 Day 8 從 WordPress 看 CSS 樣式:版面配置 (flex)

大家好,我是 Eric。一般在學習 CSS 的時候,都會從較簡單的樣式開始,例如字型顏色 (color)、字型系列 (font-family) 等。但今天,我們...

鐵人賽 自我挑戰組 DAY 7

技術 Day 7 用 WordPress 佈景主題學 CSS 選擇器:進階篇

大家好,我是 Eric。昨天文章的最後,丟出了幾個問題,沒有辦法透過基本的選擇器來完成,又或者說,要透過基本選擇器來完成會變得非常麻煩。以「我的表格想要偶數列跟...

鐵人賽 自我挑戰組 DAY 6

技術 Day 6 用 WordPress 佈景主題學 CSS 選擇器:基本篇

大家好,我是 Eric。 昨天我們正式進入佈景主題的核心之一,CSS。除了內嵌樣式之外,在網站開發時,最常用的仍然是 CSS 檔案,以及 <style&g...

鐵人賽 自我挑戰組 DAY 5

技術 Day 5 WordPress 樣式客製化與 CSS:樣式介紹與佈景主題架構

大家好,我是 Eric。 第二到第四天的文章中,我們透過觀察 WordPress 佈景主題的檔案,了解了基本的 HTML 5 架構與語意化標籤。接著,在骨架完成...

鐵人賽 自我挑戰組 DAY 4

技術 Day 4 用 WordPress 了解 head 記載的中繼資料及靜態資源

大家好,我是 Eric。 第二天與第三天的內容,都是針對 <body> 中的標籤做的說明。顧名思義,<body> 中記載的內容,就是會直...

鐵人賽 自我挑戰組 DAY 3

技術 Day 3 從 WordPress 看其他 HTML 標籤

大家好,我是 Eric。 上一篇文章中,我們先看到負責管理頁面架構的語意化標籤。 今天,我們再進一步了解跟「內容」有關的 HTML 標籤,以及 HTML 中的屬...