Blog

[WordPress] 透過 CSS 修改內嵌程式碼樣式

在 WordPress 架設的網站中，若是對於某個元件的樣式設計不滿意，其實我們是可以透過自訂 CSS 語法去調整元件的樣式的。

在 WordPress 所搭建的網站當中，若要讓讀者能夠點擊文章中的圖片並放大，是可以直接設定讓圖片『鏈結到媒體檔案』的。不過這個方法會讓讀者在打開圖片時跳轉到另外一個頁面，老實說不是很方便。

在開發 App 的過程中，我們可能因為需求不同，而希望能讓使用者的裝置螢幕能維持著『垂直』或是『水平』的螢幕方向（orientation）；或者，是能在 App 切換不同功能時自動轉向。

最近在我更換了 WordPress 的主題為 Neve 後，我文章中所有的單引號和雙引號（' "），通通都被轉為所謂的 smart quote mark（‘ “）。

不知道大家在開發 App 時，有沒有很羨慕別人在 App 啟動時，都會有著漂亮的啟動畫面？實際上，那是被稱為 splash screen（開機畫面）的一個特定的畫面。

當我們使用 Flutter 開發完一個 App 時，當然也不能忘記替 App 加上所謂的『啟動器圖示』（launcher icon）。

在使用 WordPress 所搭建的網站中，比如說部落格類型的網站，往往會在側邊的工具欄中放上標籤雲（tag cloud），而這些標籤雲的樣式往往都由當前網站所採用的主題（theme）來決定。

自從我將 WordPress 網站的主題更改為 Neve 後，我發現我本來使用『自訂 HTML』區塊嵌入在文章中的程式碼被自動換行了，除此之外，如『程式碼』區塊之類的 block 的水平滾動條（horizontal scroll bar）也都消失了。

過去我曾經簡單研究過在 HTML 中如何使用 Javascript 進行『字串』的剪貼，但當時找到的方法大部分都是：

最近比較多網友詢問了我關於如何透過程式在ＷordPress 上發表文章，正好藉這次的機會，嘗試使用之前比較沒有研究的 REST API 來達到發表文章的目的。