分類:網站架設

OpenShift 教學(四):升級 WordPress 為正體中文化版

距離上次的OpenShift教學已經有一小段時間,接下來要教大家開始尋找FTP上的目錄,找到我們的WordPress原始檔案,並且修正其中的語言(語系)設定,把它調整成為我們熟悉的正體中文介面,使得後才操作更為方便。以往如果安裝時是透過虛擬主機內自動安裝WordPress功能,預設語言都會是英文語系,當使用者透過修改設定檔案改好後,其實介面並不會變成中文哦!

為什麼不會呢?因為WordPress仰賴.mo檔案的語系設定,就算改成讀取「zh_TW」的正體中文語系,原先自動安裝包中並沒有包入各國語系(如果包入WordPress檔案就會很可怕的大),所以更改後還要自己去下載正體中文語系檔案上傳到語系目錄,才會讓網站後台擁有正體中文介面。不過現在不用了,從WordPress3.7開始,將可以改完設定後,直接後台點選更新即可擁有中文介面。

OpenShift 教學(三):取得FTP,透過FileZilla使用sftp連線管理

OpenShift最為彈性的地方就是SSH權限,不過在取得SSH權限之前,大家最想要的還是FTP權限,可是在後台並沒有看到相關的連線資訊或是啟用方式,該怎麼做?事實上要使用OpenShift的FTP,你必須透過所謂的SSH來進行,可是這東西對大多數使用者來說是一個陌生的東西,該如何用最簡單的方式、圖像化的方式來取得FTP使用呢?別怕,交給PuTTYgenFileZilla就可解決。

想要使用OpenShift,首先我們必須使用PuTTYgen來產生RSA的公鑰和私鑰,接著將公鑰設定到OpenShift系統後台,接著私鑰存放在本機電腦,緊接著開啟你的FileZilla軟體,將RSA私鑰匯入進去,並且設定一個新連線,輸入好位置與使用者帳號,並選擇透過SFTP的方式+交談式介面,就可以輕鬆連上FTP做檔案存取了,不過過程中麻煩的是產生RSA金鑰。

OpenShift 教學(二):管理MySQL資料庫,自動安裝phpMyAdmin

OpenShift申請方式並不困難,不過後續的維護與管理倒是有些小難度,因為什麼沒有預先安裝好。這回我們要來安裝phpMyAdmin來協助管理MySQL資料庫。一般訪間的虛擬主機這種東西都會預先安裝好,不過我們使用的是Redhat提供的PaaS服務「OpenShfit」,這種東西就要靠我們DIY進行安裝。但好佳在有內建,可以點一下就快速安裝,這點倒是幫助我們省去許多功。

當你安裝好WordPress後,在應用程式管理中會有一個phpMyAdmin的套件可以安裝,我們只要點一下就會自動幫你將phpMyAdmin設定到好,這點倒是幫助到不少新手朋友。之所以要安裝phpMyAdmin是因為我們可以自行新增其他的MySQL資料庫來使用,同時也可以快速的管理WordPress資料庫,要做一些更動修改都可以批次快速處理。

OpenShift 教學(一):申請免費空間、安裝WordPress

有一個由Redhat所提供的雲端服務 OpenShift 你聽過嗎?這個雲服務(PaaS,平台即服務)目前提供一個免費方案給大家使用,而他們的環境支援多種語言,包含PHP、Java、Ruby、Python、Node.js等等,此外也有支援MySQL和MongoDB。而伺服器的環境是建制執行在Amazon Web Services上,換個角度想也可以說是免費亞馬遜雲端主機。 OpenShift 這個伺服器環境主要是針對開源程式開發者,若是一般單純想架設網站的使用者,可能有點小複雜,不同於虛擬主機的操作方式,你必須從頭開始,同時也要會一點Linux指令、SSH等,比較容易上手,不過若單純架設WordPress和申請空間,這點就沒什麼難度了,都是圖像式的介面,最慢半小時內就可以建置好你的WordPress網站。

[教學]如何製作 Flash 相簿( Picasa+Simple Viewer)?

如果想要製作一本相簿,現在很多人都直接把照片傳到社群網站上建立相簿並分享,不過若想要擁有一個類似個人網頁相簿怎麼做?又或者是想要有一個很炫的flash相簿該怎麼實現呢?現在可以透過Google Picasa軟體,透過點選的方式、無須修改程式碼就可以做成一本漂亮的Flash相簿,只要把照片準備好,就可以開始了。

透過Google Picasa軟體並下載專屬的相簿版型「Simple Viewer」安裝,然後透過簡單的滑鼠點選就可以輕鬆產生一本漂亮的相本,可以有小圖與大圖的預覽,滿足一般相簿的功能需求,不過這個做出來只能針對單本相本,如果你要做成一個相簿的集合體,這個方式可能就無法滿足您的需求了,因為透過Picasa做出來的相簿就只是單本相簿。

[教學]使用jQuery和CSS去除超連結虛線

在瀏覽器預設狀況下,當您點了超連結之後,外框會自動出現虛線,因為這跟瀏覽器的focus焦點有關,可是在網頁的整體版面配置規劃與呈現上,這樣的虛線會影響整體美觀,這時候我們可以透過CSS來去除這個超連結外框,讓網頁版面配置上可以比較美觀,如果使用CSS調整失敗的話,也可以透過jQuery進行超連結去除,以達到美化效果。

這個虛線框是屬於a屬性的擬類別「:focus」,這東西規範於CSS2,讓所有超連結點到之後可以顯示其虛線外框,但這個虛線外框並不影響網頁的位置計算排版,簡單說可以想像他是浮在上面的,就算出現虛線外框也不會讓網頁版面位移,但這個做法只是讓網頁看起來比較不好看,多了一個外框虛線總覺得有點怪怪,所以就讓我們來去除虛線吧!

[優化]圖片轉成 Base64 編碼字串,降低連線請求

網頁圖片常常是網站載入緩慢的原因之一,而文字、字串通常是載入速最快的,網頁如果都是文字而沒有圖片,相對的讀取速度是非常的迅速。是否有想過將圖片轉成字串?來加快網頁速度呢?其實我們可透過base64的方式,將圖片轉成文字編碼,這樣對於網頁的載入,就不算是一個連線了,確實是有助於網頁開啟的幫助,因為這樣可以降低網頁連線請求數量。

在網站建置上,很多人都想要讓網站變得更快,讓訪客進來的第一體驗是最棒的,但往往礙於網站引用太多的外部資源造成連線異常的卡,因為網站的載入中,每一個網域每次能載入的資源有限,所以如果能夠降低請求數,勢必能替網站加快許多,所以前面我們提到了可以透過base64來將圖片轉成文字,少掉一些連線請求,加快網頁開啟。