fbpx
了解 Elementor 編輯器最新優惠

如何在 WordPress 插入樂譜 (Sheet Music) 和音符?

如何在 WordPress 插入樂譜 (Sheet Music) 和音符?

喜歡音樂的朋友,如果希望透過 WordPress 網站分享自己或別人製作的樂譜 (Sheet Music) 於網絡或其他地方,從前沒有太多方法,常見是「轉換成 PDF 格式」的樂譜來共享資源。不過我們這次介紹的免費外掛 OpenSheetMusicDisplay 卻可以讓你實現在網頁裡呈現漂亮的樂譜,而且是自動適應網頁的寬度和尺寸,適合在手機閱讀。

WordPress 精選圖片 (Featured Image) 是什麼?

WordPress 精選圖片 (Featured Image) 是什麼?

常見的 WordPress 精選圖片 (Featured Image) 可以類比成我們人類在社交媒體上的個人「大頭照片 / Profile Image」或書籍的「封面 / Cover」等等。不過這是適用於 WordPress 網站裡的文章和頁面。因此,這是網絡上的訪客對這個內容的第一印象。

雖然 WordPress 系統沒有限制一定要使用精選圖片 (Featured Image),這個並非必須的設定,但我們強烈建議新手一定要認真思考這個步驟。新手如果不太懂使用像 Adobe Illustrator 和 Adobe Photoshop 等專業的網頁和平面設計工具,市場上不少知名部落格的文章,他們的圖片都是直接套用 免費圖片 的,並不需要任何額外加工和創作,重點是只要圖片能夠緊扣文章的主題即可。

WordPress HTML 錨點是什麼?連結不同內容章節

WordPress HTML 錨點是什麼?連結不同內容章節

當你的 WordPress 網站已有不錯的文章數量,約 50 篇至 200 篇左右,這時候你「必須停下來思考一個問題」。網站的主題應該繼續擴闊更多單元?寫更多的文章嗎?不少研究顯示不少的網站的內容深度是嚴重不足,代表文章數量很多,但又不夠深入報道主題核心。

這次我們介紹新手常常忽視的「HTML 錨點 (Anchor) 」的應用,這個存在已久的功能,配合文章裡的「相關文章的超連結」,可以讓你建立主題架構緊密的的文章系列和整理文章。

錨點 (Anchor) 的應用可以用於單篇內容或外部的內容,讓訪客快速找到自己需要的內容和資訊,而非漫無目的地從數千字的內容裡發掘目標內容。

HTML 超連結 (Hyperlink) 是什麼?實務應用例子

HTML 超連結 (Hyperlink) 是什麼?實務應用例子

跟據權威的《維基百科》記載和文獻,超連結 (Hyperlink) 是指超文字內由一檔案連接至另一檔案的連結。作用與論文中的參考或注釋類似,以方便讀者隨時參考某一詞彙的定義。

超連結有點像是文學作品中的參考資料列表,它可以結合電腦網路和適當的存取協定來追蹤資料的原始出處,並被儲存、檢視,或顯示為關聯檔案中的一部份。

超連結中,最為通行的形式就是在全球資訊網上使用的 URL。瀏覽器通常會用一些特殊的方式來顯示超連結。如不同的文字色彩、大小或樣式。而且,游標移動到超連結上時,也會轉變為手形指示出來。

超連結在大部分的瀏覽器裡是顯示為加上底線的藍色字體,當這個連結已經被快取過時,則轉為紫色。當使用者觸發超連結時 (例如,用滑鼠左鍵按下超連結),瀏覽器將會顯示出連結的目標。

若目標並非 HTML 檔案時,將依其檔案格式以及瀏覽器自身之外掛程式而啟動外部程式以開啟檔案。

跟超連結相關聯的是超文字 (Hypertext),它是一種可以顯示在電腦顯示器或電子裝置上的文字,現時超文字普遍以電子文件的方式存在,其中的文字包含有可以連結到其他欄位或者文件的超連結,允許從當前閱讀的文字直接切換到超連結所指向的所有文字。

WordPress 首字放大 (Drop Caps) 設定和歷史

WordPress 首字放大 (Drop Caps) 設定和歷史

從 維基百科 的記載中,我們可以得知在西方的文字排版方式裡,首字放大 (Drop Caps) 是一個具有非常歷史性和地位的表現方式,最早可以追溯至比《聖經》更早就已經存在。直到現在都是西方喜歡的研究對象,尤其美術字的應用。WordPress 區塊編輯器 裡的 段落區塊 (Paragraph Block) 支援首字放大的選項,讓站長決定是否在文章段落之中切換顯示首字大寫。

Elementor 降版本 | 一鍵還原至正常狀態的版本

Elementor 降版本 | 一鍵還原至正常狀態的版本

Elementor 頁面編輯器每次的版本更新,都會引起很多網站崩潰,原因是跟它相關的第三方合作外掛,常常無法跟上 Elementor 的改版進度,然後網站會匯報錯誤。很多時候並非網站站長自己主動更新,而是網站主機的「自動更新」機制,自動強迫網站升級到 Elementor 最新版本,最終導致不同錯誤。

但無論如何,如果新手們希望將 Elementor 的版本降低,回復至之前正常的版本,可以留意本次教學的操作,操作不難,不過最關鍵記得事前要做好「網站備份」的工作,不然絕對不推薦隨便變更版本。

如何隱藏 WordPress 網站裡的物件,例如標題、圖片和段落?

如何隱藏 WordPress 網站裡的物件,例如標題、圖片和段落?

大部分的 WordPress 站長並非工程師或程序員背景出身,並不能太輕鬆修改外掛或佈景主題的程式碼,當遇上要「移除」網頁裡的「某一個物件或元素」,就會顯得束手無策和感到無奈。所以我們這次介紹不懂程式的新手都可以移除「任何物件」的方法,而且非常簡單和快速就能做到,學習曲線非常低,但又可以在往後重複使用。

如何在 WordPress 新增自訂 CSS (附加的 CSS)

如何在 WordPress 新增自訂 CSS (附加的 CSS)

當 WordPress 的佈景主題 和外掛在外觀設定上無法滿足我們的需求,站長們可能希望透過自行調整 CSS 語法來達到自己理想的視覺效果,這個時候應該怎麼辦?WordPress 有提供內建的「自訂 CSS 語法」的設定,但前題是站長應該要對 CSS 和 HTML 語法有基礎的認知和實作能力,才適合自行調整這個部分,因為如果操作不當,可能引起網站無法正常運作,是個具有一定風險的操作。

如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?

如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?

Pinterest 是歐美非常受歡迎的圖片社交平台,聚焦在分享生活、飲食、美容、時尚和藝術相關的議題,雖然相比 Facebook 或 Instagram 可能比較少亞洲用戶。WordPress 在 5.9 版本的核心更新計劃裡,透過 Pinterest 嵌入區塊 (Pinterest embed block) 把 Pinterest 的圖釘 (Pins)、圖版和個人檔案插入至《區塊編輯器》的內容之中,我們現在可以輕鬆和愉悅地把自己喜歡的圖片,直接分享到自己的網站裡。

Adobe 免費和免安裝 Photoshop 去背景軟體,不限使用次數和零技術要求

Adobe 免費和免安裝去背景軟體,不限使用次數和零技術要求

隨著圖像人工智慧的進步,市場上出現很多免費的「自動去除圖片背景」的服務,不過很多都是限制「試用期後要付費」或「限制使用次數」,讓人用得很無奈。最近設計界的權威 Adobe 將他們最強大的產品 Adobe Photoshop 中的「部分功能」免費開放一般民眾使用,任何人都可以不需付費和無限制地使用強大的去背功能,Adobe 提供「一鍵套用」去背服務,用戶只要「上傳圖片」即可以完成攝影大師的去背工作,下方提供簡單教學和成品測試報告。