程式開發者踏入WordPress一定要知道的五個小訣竅#2

程式開發者踏入WordPress一定要知道的五個小訣竅#2

程式開發者踏入 WordPress 一定要知道的五個小訣竅

其實在大學過程中學習怎麼用基礎語言,html、css、sql去寫網頁的我們,那時對於網站的概念就是,把程式寫好,用FTP丟到教授給的網域,之後打個指定網域+自己網站名稱就完成架設了,虛擬主機的概念是甚麼、 WordPress 是怎麼運行、這些其實都不明白,直到自己開始踏入之後,才發現

請問我以前都在幹嘛?

現在的網站都已經非常非常非常非常的方便了,導致我這個程式開發者,初購入wordpress跟利用siteground架主機時,反而比從沒有網站開發經驗的人還要笨,所以今天就以一個程式開發者和新手小白探索幾天後的角度來跟後來踏入的人說說我發現的十個小訣竅吧。

<1> WordPress 的MySQL在哪裡?

我本身購入的是SiteGround的虛擬主機,一開始很興奮地跑到wordpress四處去找mysql,畢竟那可能是我唯一熟悉的圖形化介面形式了,在wordpress的編輯畫面四處尋找,完全找不到,去網路上找半天也沒有。



<SideGround的Cpanel改版了>

wordpress1

舊有的siteground是跟蠻多虛擬主機一樣是以cpanel為控制面板,所以如果你是有經驗者可能期待會看到下面畫面

wordpress2

但siteground在2019年年底改版了,所以現在點擊剛剛的site tools

就會進入到以下這個頁面

wordpress3

基本上所有跟後台相關的功能都可以在這邊實現,而mysql則在左邊的Site選項裡面,網域和其他相關的話我現階段也還沒做太多探索,找到mysql之後其他的選項都挺直觀的,就不贅述了。



<2>如何進入wordpress編輯畫面


在wordpress官網也能夠進入自己網站的編輯畫面,但那是在沒有註冊後台虛擬主機的狀況,所以正常要進入wordpress的方式為

www.你的網域/wp-admin

之後就會看到下面這個畫面

wordpress5

<3>如何微調並客製化整體程式碼

由於Wordpress其實許多東西都是已經寫好給你的,畢竟要讓不懂程式的人也能使用,但身為程式開發者一定有許多互動式功能和響應式的東西想寫,

於是在這邊要推薦Wordpress的外掛,code snippet,他是一款提供程式剪接的外掛,

下載的方式就是在剛剛提到的wordpress編輯介面裡面找到外掛的部分

並在裡面搜尋code snippet,並且安裝就可以了。

wordpress

在這裡示範怎麼簡單的使用code snippets

首先點進去外掛裡面後會看到這樣的頁面

wordpress

我們以HTML的部分作示範,點進去之後會看到程式碼長這樣

wordpress

上方的shortcode_name就像是你這個程式的id,而在下面你可以自由用html語法編輯你想要的程式內容,css或者javascript也是以此類推,編輯完程式之後儲存起來,之後我們就可以到文章的頁面打入[ 程式id ]像下面這樣

wordpress

之後我們去預覽文章就可以看到這樣的畫面

wordpress

這樣設定的好處是在於,如果你預設每篇文章結束之後都希望有特定的文章內容和css編輯的話,就可以在這邊先編輯好,每次只要加入這段程式片段就可以了,就不用一直在在每一篇文章都去編輯重複的內容。

甚至後續許多網站的互動式功能都可以靠code snippet來完成,關於這個外掛就先介紹到這邊,大家可以多多自由探索。 附上官網連結 https://tw.wordpress.org/plugins/code-snippets/

當你很努力地打完一篇文章,設定各種東西之後,卻出現以下這個畫面

wordpress

由於wordpress的東西都是內建好的,我剛開始遇到的時候根本也無法debug,google了問題許多英文回覆其實也都沒有幫助,後來我總算找到問題點了,

網址不要設定中文!!

一旦網址裡面有中文就會出現找不到的狀況,非常簡單的更改方式,但因為slug的內容在wordpress的預設裡是會跟著你的文章標題的,導致使用英文為語系的人不會有這個問題,而使用中文時沒注意就會發生這件事,我們可以在以下這個頁面對網址做修改

wordpress-15

SEO很重要! SEO很重要! SEO很重要!



因為真的很重要所以說三遍,如果對SEO還不瞭解的人,這邊簡單做一個比喻就是和Youtube演算法一樣的概念,你影片拍得再好,人家搜尋和推薦裡面永遠跑不出你的影片那也是白搭,基本上你使用siteground的方案時,一開始就會幫你安裝Yoast SEO這項外掛,他會用圖形化跟文字的方式來像你說明你的SEO哪裡出了問題,這邊之後我有了更完整的探索之後會再寫一篇文章和大家分享,所以我在這邊只和各位說明這是一個非常重要的東西,一定要確認自己SEO分數達到一定水準在發佈文章,不然反而會替自己的網站整體的搜尋係數扣分喔。

以上就是我自己做為一個程式開發者在探索Wordpress這個新世界時發現的五個小訣竅,之後我們團隊會開始開發具有功能互動性的網站、APP,在這個過程中一定會遇到和理解更多不同的程式問題,會再陸續分享給大家的。

馬上繼續看如何快速打造前端



發佈留言

發佈留言必須填寫的電子郵件地址不會公開。