iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1100 瀏覽

鐵人賽自我挑戰組 DAY 24

30天翻玩動態網站-會員需驗證才能看到部落格文章系列第 24 篇

技術 Day24 內容為王-搭配 Avada Fusion Builder

五天自學衝刺班：形象作品集網站篇-Day3今天雙十國慶要進入很重要的內容編輯，CMS動態網站的特點之一，方便持續更新，讓我們一起看下去! 內容編輯器...

sean666 ‧ 2019-10-10

0 Like 0 留言 1022 瀏覽

鐵人賽自我挑戰組 DAY 24

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 24 篇

技術 24 - 讓你可以跟訪客聯繫，或是要預約、訂位 ? 建個表單吧！

預設為免費的 Contact Form 7 ，不具有拖拉功能。教學建議另裝” wpform ( 官網 ) ”，以免費/個人使用而言算足夠第一次安裝點選 [ 啟...

Dye ‧ 2019-10-09

1 Like 0 留言 769 瀏覽

鐵人賽自我挑戰組 DAY 23

30天翻玩動態網站-會員需驗證才能看到部落格文章系列第 23 篇

技術 Day23 Avada 載入原型 Demo 快速架好網站

今天開始實作五天自學衝刺班：形象作品集網站篇-Day2 啟用子主題後，今天要載入必要外掛跟原型 Demo，快速完成的架構，建議先利用 Preview 功能...

sean666 ‧ 2019-10-09

0 Like 0 留言 1022 瀏覽

鐵人賽自我挑戰組 DAY 23

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 23 篇

技術 23 - 控制全域或個別頁面的側邊欄顯示 / 隱藏，及客製化側邊欄內容

全域型調整 ThemeOption 裡的 Sidebars Sidebars Styling 可調整內容：Sticky / Padding / 背景色 / He...

Dye ‧ 2019-10-08

1 Like 0 留言 2044 瀏覽

鐵人賽自我挑戰組 DAY 22

30天翻玩動態網站-會員需驗證才能看到部落格文章系列第 22 篇

技術 Day22 WordPress 形象作品集 portfolio 實作

今天跟著五天自學衝刺班：形象作品集網站篇實作，因為帶路姬Erin圖文影片已經很詳細，我這邊就記錄一下流程重點、實際花費與心得分享。架 WordPress 網...

sean666 ‧ 2019-10-08

0 Like 0 留言 857 瀏覽

鐵人賽自我挑戰組 DAY 22

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 22 篇

技術 22 - 搭配 Avada Fusion Builder 自製的彙整頁面，讓列表擁有更大彈性的客製選擇

若需要可客製列表頁面上下區塊內容，像是上方多一個 Slider 或下方加一個表單之類或是需要選用複數的分類在選單的單一選項連結的列表頁則需要自訂生成的方式...

Dye ‧ 2019-10-07

1 Like 0 留言 1500 瀏覽

鐵人賽自我挑戰組 DAY 21

30天翻玩動態網站-會員需驗證才能看到部落格文章系列第 21 篇

技術 Day21 從 PHP 到 WordPress.org 社群

公布一下昨天 Bootstrap4 框架的咖啡廳網站，是屬於甚麼類型的網站呢?是偽春菜的靜態網站，你答對了嗎? 今天公布新的菜單:PHP 炒 MySQL佐 Bo...

sean666 ‧ 2019-10-07

0 Like 0 留言 844 瀏覽

鐵人賽自我挑戰組 DAY 21

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 21 篇

技術 21 - 一次編輯多個文章並使用彙整頁面功能，輕鬆製作指定的內容列表

當文章數量變多，需要快速生成一個在選單上可以選到的頁面，就可以使用 WordPress 自帶的”彙整頁面”的功能，可以是分類 / 標籤 / 作者等等，而 Ava...

Dye ‧ 2019-10-06

0 Like 0 留言 843 瀏覽

鐵人賽自我挑戰組 DAY 20

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 20 篇

技術 20 - 常用的網站的整體樣式客製化 - 顏色、TitleBar、文字設定

“ 全站式 ” 常用調整內容導引網站顏色： Predefined Theme Skin 還蠻酷的，亮或暗的主題選擇，很像 iOS 13 。點擊後前台就會...

Dye ‧ 2019-10-05

0 Like 0 留言 582 瀏覽

鐵人賽自我挑戰組 DAY 19

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 19 篇

技術 19 - 如何在 Footer 新增工具欄位與可套用的小工具列表

本範例 Footer 只有開啟智產宣告區塊現有樣式：以下紀錄如何新增 Footer 欄位 Avada > Theme Options ，選擇 F...

Dye ‧ 2019-10-04

0 Like 0 留言 881 瀏覽

鐵人賽自我挑戰組 DAY 18

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 18 篇

技術 18 - 在 Header 加入社交連結提示 Icon ( Avada Theme Option )

Avada > Theme Options ，選擇 Social Media Icons。可新增的社交媒體除預設的 FB / Twitter...

Dye ‧ 2019-10-03

0 Like 0 留言 526 瀏覽

鐵人賽自我挑戰組 DAY 17

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 17 篇

技術 17 - 如何新增頁面並加入到選單內

如何新增頁面兩種方式：第1種 - 直接由前台畫面上方新增指定內容 ( 紅框為 Avada 預設選項 ) 第2種 - 由後台左側選擇對應主題新增加入選單：...

Dye ‧ 2019-10-02

0 Like 0 留言 764 瀏覽

鐵人賽自我挑戰組 DAY 16

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 16 篇

技術 16 - Blog ( Element 元件編輯功能典 )

Style (7-1) grid-full-width (7-2) large-image (7-3) large-alternate (7-4) med...

Dye ‧ 2019-10-01

0 Like 0 留言 868 瀏覽

鐵人賽自我挑戰組 DAY 15

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 15 篇

技術 15 - Portfolio ( Element 元件編輯功能典 )

General Layout ( 官方元件sample )［ Carousel / Grid / Masonry ］ Carousel Picture Si...

Dye ‧ 2019-09-30

0 Like 0 留言 1084 瀏覽

鐵人賽自我挑戰組 DAY 14

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 14 篇

技術 14 - 修改「作品展示」與增加全域＆指定分類的「內容列表」到頁面中

“WordPress 預設的內容類型就只有頁面和文章，而 Avada 提供了更多的內容類型：作品類、常見問題類、幻燈片秀類；把作品類型和文章分開，做樣式客製化時...

Dye ‧ 2019-09-29

0 Like 0 留言 1059 瀏覽

鐵人賽自我挑戰組 DAY 13

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 13 篇

技術 13 - 怎麼修改「近期文章」及 Fusion Page Options 功能查找字典

在文章單元中點選文章卡片點選內頁中上方的 [ 編輯文章 ] 進入後台後左方標示文章編輯區. 右方會多一個”分類”模組另有 “標籤”...

Dye ‧ 2019-09-28

0 Like 0 留言 1553 瀏覽

鐵人賽自我挑戰組 DAY 12

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 12 篇

技術 12 - 修改 Fusion Slider / Slides ( 幻燈片秀/幻燈片 ) 及功能查找字典

一個網站會有很多幻燈片秀( Sliders )，一個幻燈片秀裡有很多幻燈片( Slides )；編輯方式可從左側直接進入編輯下圖為編輯"幻燈片...

Dye ‧ 2019-09-27

0 Like 0 留言 681 瀏覽

鐵人賽自我挑戰組 DAY 11

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 11 篇

技術 11 - 運用 Library 快速套用 Avada 其他指定樣式在既定版式裡

Fusion Builder 的 Library 為 Avada 內所有樣式的資料庫，做這份筆記時發現已更新 ( 到一半 ) 的後台介面，還有 Avada 本身...

Dye ‧ 2019-09-26

0 Like 0 留言 964 瀏覽

鐵人賽自我挑戰組 DAY 10

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 10 篇

技術 10 - Fusion Builder 內容編輯器 - Columns 欄編輯選項

本篇為 Avada Fusion BuilderColumns (欄) 編輯功能查找字典＊Columns 是啥? 可見 07 - 開始編輯前，了解下架構跟從哪裡...

Dye ‧ 2019-09-25

0 Like 0 留言 1104 瀏覽

技術網站架設#1 申請網域&租用虛擬主機

架設網站第一件事，當然是申請一個自己專屬的網域(Domain)啦！大家可以在 HostingMiles 萬通網存 (https://www.hostingmi...

PA仔 ‧ 2019-09-25

0 Like 0 留言 941 瀏覽

鐵人賽自我挑戰組 DAY 9

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 9 篇

技術 09 - Fusion Builder 內容編輯器 - Container 行編輯選項

本篇為 Avada Fusion BuilderContainer (行) 編輯功能查找字典＊Container 是啥? 可見 07 - 開始編輯前，了解下架...

Dye ‧ 2019-09-24

0 Like 0 留言 648 瀏覽

鐵人賽自我挑戰組 DAY 8

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 8 篇

技術 08 - ［編輯頁面］基本都編些什麼、怎麼編？

9/24 新增：找資料發現 Avada 官網釋出 6 的操作畫面，真的蠻直觀的～ (一邊覺得這筆記還做得下去嗎XD 記錄到這發現教學影片有更新提到 Avada...

Dye ‧ 2019-09-23

1 Like 0 留言 570 瀏覽

鐵人賽自我挑戰組 DAY 7

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 7 篇

技術 07 - 開始編輯前，了解下架構跟從哪裡開始

WP 編輯畫面總共分為四大區塊：頁首 / 內容 / 側邊欄 ( 可隱藏 ) / 頁尾(其實就是網站主要架構) 首先進行的是 ” 內容 “ 區域的編輯內容又分...

Dye ‧ 2019-09-22

0 Like 0 留言 2210 瀏覽

鐵人賽自我挑戰組 DAY 6

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 6 篇

技術 06 - 修改框架樣式：Header

此文是對應到教學影片第四天的第二步因為版主在之前的學習各種亂玩把 Header 給玩不見了正常長相可以至 Avada Creative 主題樣板參考然後過的時...

Dye ‧ 2019-09-21

0 Like 0 留言 1092 瀏覽

鐵人賽 Modern Web DAY 5

使用Gatsby督促我的姊姊成為部落客!!! 系列第 5 篇

技術 Day 05 - 動態產生 Gatsby 頁面，來自 Wordpress 的 post page 與現有的 page

首先先調整 gatsby-node.js在 gatsby-source-wordpress plugin 有建議寫法以下是調整過的gatsby-node.js...

Bu ‧ 2019-09-20

0 Like 0 留言 970 瀏覽

鐵人賽自我挑戰組 DAY 5

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 5 篇

技術 05 - 讓網站隱藏不要被勾狗爬到 / 曝光 (原生＋外掛設定)

為什麼要隱藏？因為此階段網頁內容是假的範例頁，如果被列入搜尋資料庫對網站並不太好。設定步驟左欄設定 > 閱讀最下方勾選阻擋搜尋引擎索...

Dye ‧ 2019-09-20

0 Like 1 留言 1333 瀏覽

鐵人賽 Modern Web DAY 4

使用Gatsby督促我的姊姊成為部落客!!! 系列第 4 篇

技術 Day 04 - 利用 Gatsby 取得 wordpress json

取得 wordpress 的 pages 資訊訪問 {{wordpress 網域}}/wp-json/wp/v2/pages即可看到所有頁面的資訊圖中標示這...

Bu ‧ 2019-09-19

0 Like 0 留言 843 瀏覽

鐵人賽自我挑戰組 DAY 4

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 4 篇

技術 04 - 安裝 Avada 裡的 Demo 範例檔

左欄 Avada > Demos ( 可點擊卡片裡的 Preview鈕預覽各個樣式 )先依照五天衝刺班教學內容安裝 “Creative"...

Dye ‧ 2019-09-19

0 Like 0 留言 1527 瀏覽

鐵人賽 Modern Web DAY 3

使用Gatsby督促我的姊姊成為部落客!!! 系列第 3 篇

技術 Day 03 - 安裝本機的 wordpress，利用老牌的 CMS 作為 Gatsby 的後台

本來有考慮使用 Contentful ，但覺得 Wordpress 的寫作介面，還是適合不太碰新潮流東西的老姊，之後還是會介紹 Contentful ，並教導姊...

Bu ‧ 2019-09-18

0 Like 0 留言 1939 瀏覽

鐵人賽自我挑戰組 DAY 3

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢? 系列第 3 篇

技術 03 - Avada 裡的那些必裝 / 贈送外掛和其他外掛的功能筆記

安裝必裝外掛＊Avada主題必須安裝一些外掛才可正常使用左欄 Avada > Plugins 紅標籤 REQUIRED 為必裝，滑鼠移入卡片中點擊...

Dye ‧ 2019-09-18