寫教學的最大目的是教會未來的自己
Get Adobe Flash player

Wordpress教學

HTTP轉HTTPS的血與淚,funtime https 轉換記

最近替我們公司網站 從http 轉換成https

這真的事血與淚的故事阿

 

https 的架設流程很簡單,基本上市已下幾個步驟

 

1.購買憑證,這部份我們公司是買全網域都可以用的

2.server 設定

我們是使用nginx  首先 把原先的server 設定加上 憑證,憑證包含一個key 跟一個 crt,crt應該就是憑證,key 是我們自己生成的私鑰

有些廠商不是給crt 而是給pem 不過差不多,另外 還有鎖有上游的憑證,這部分就通通放報crt 後面就OK了

另外 各人建議 把 80 port的網業透過301 通通轉址到 443 port的 https

3.網頁修正

這才是最令人頭大的地方

因為我們公司網站有放大量的外部廠商iframe 或是 js,另外因為歷史遺留問題

許多地方式使用絕對路徑,這在轉換的過程中 出現很多問題

因為在https的網頁中,大多數的瀏覽器會預設不讀取 http的 CSS /JS / iframe,這會導至網站一堆地方出問題

雖然有下列者種語法可以快速解決(功能是強制升級)

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
但還是有一些問題
1.IE 系列不之源
2.舊版safari不支援
3.如果廠商的憑證有問題,還是無法解決

說了那麼多 只是想要說
已後寫code多注意阿
最好不要用絕對路徑
http:// 最好改成 //,這樣系統會自動判定

Post to Twitter Post to Plurk Post to Facebook Send Gmail

網站平移備份

最近在做網站的測試,所以開了 台測試server,要把網站的資料複製到測試server

本來我都是 先把MYSQL 匯出、FTP 下載所有檔案

 

最近我學到新的快速方法

參考資料 http://jashliao.pixnet.net/blog/post/164556993-%E6%AF%8F%E5%A4%A9%E4%B8%80%E5%80%8Blinux%E6%8C%87%E4%BB%A4–scp%E6%8C%87%E4%BB%A4%28%E9%81%A0%E7%AB%AF%E6%AA%94%E6%A1%88%E5%8A%A0%E5%AF%86%E6%8B%B7%E8%B2%9D-

 

1. 檔案水平轉移法

scp -r /home/XXX/public_html/* XXX@IP:/home/XXX/public_html

用法和 cp 相同 -r : 轉移資料夾

從本地 複製到 遠端特定IP 的特定資料夾

倒過來寫也OK 可以從遠端抓資料過來

 

2.MYSQL 水平備份

mysqldump -u [SOURCE_userid] -h [SOURCE_IP] -e -q –password=[SOURCE_PASSWORD] SOURCE_db_Name | mysql -u [DISTANCE_userid] –password=[DISTANCE_PASSWORD] -h [DISTANCE_IP] DISTANCE_db_Name

 

這是直接把DB dump出來後直接匯入到 另一台DB 中,不過要特別注意 如果資料庫太大 超過連線時間 會直接炸開喔

Post to Twitter Post to Plurk Post to Facebook Send Gmail

解決 wp-postview 計數失敗的問題

這個問題主要是因為 修改過 wordpress 核心所產生的…..

 

目前WP-postview 有兩種計數模式,一種是 透過PHP的方式 計數,另一種則是為了解決 快取功能 的ajax的技術方式。

這次碰到的問題就主要是ajax的問題。

 

發生原因:

在wp-postview外掛中,主要的code都在wp-postview.php當中,其中要wordpress 載入ajax指令的是下面這支function

function wp_postview_cache_count_enqueue()

的下面兩行指令(我有些參數修改了…)

wp_enqueue_script( ‘wp-postviews-cache’, $tempJS, array( ‘jquery’ ), ‘1.68’ , true );

wp_localize_script( ‘wp-postviews-cache’, ‘viewsCacheL10n’, array( ‘admin_ajax_url’ => $tempJS2, ‘post_id’ => intval( $post->ID ) ) );

 先簡單說明一下,這兩行的API都是 wordpress的載入js的指令,在執行過後會通知wordrpress 在載入頁面的時候載把js引入到網頁中,這中常在wp_header();或是wp_footer();中執行,所以theme中的這兩行指令絕對不要拿掉….

 

OK經過測試,上面這兩行指令有正常執行,經過測試主要是因為wordpress的jquery 載入設定被改掉了…

剛剛我說,wordpress 會依照你的要求 引入你要的JS,但是在這之前他會要你先寫下你的js有需要那些前置JS,而我們所需要的jquery雖然有載入,但是不是用wordpress 官方的載入方式,導致wordpress 以為缺少前置JS 而不予載入

 

解決方法,在下列檔案中

\wp-includes\script-loader.php

 有下列三行code,請確定他都有在跑…..

// jQuery

$scripts->add( ‘jquery’, false, array( ‘jquery-core’, ‘jquery-migrate’ ), ‘1.10.2’ );

$scripts->add( ‘jquery-core’, ‘/wp-includes/js/jquery/jquery.js’, array(), ‘1.10.2’ );

$scripts->add( ‘jquery-migrate’, “/wp-includes/js/jquery/jquery-migrate$suffix.js”, array(), ‘1.2.1’ );

就是這樣….

 

 

參考資料

http://yusi123.com/3086.html

http://codex.wordpress.org/Function_Reference

Post to Twitter Post to Plurk Post to Facebook Send Gmail

CSS div 置中作法

參考資料

http://www.flycan.com/article/css/css-div-position-center-1562.html

 

 

通常利用CSS 對div 方塊排版的時候,常常會使用left : 50% 這類排版方式

但是這有個很大問題 他是依照方塊的 左上角當作基準點,所以 無法做照真正的置中(或是其他比例)

解決方法是利用 margin

 

使用 margin-left : -[div一半寬度]px

就可以解決了

垂直部分也可以這樣解

Post to Twitter Post to Plurk Post to Facebook Send Gmail

好用的線上中文字型jestfont

最近我的網站更換了字型

我使用了justfont的線上中文字型服務(想玩英文字型 可以去找google fonts),價格也不貴,一年大概三百

 

中文字型最麻煩的地方在餘字型檔很大,無法包在網頁中,讓使用者下載,因此很多中文網站要碼先把文字做成圖片,不然就是選擇大家都有的系統內鍵字型

剛好在網路上找到這家公司

他使用js技術,並且依照你網頁所使用道的文字,只把這些文字傳送給使用者,可以有效減少下載時間

 

他的教學 http://www.justfont.com/cheats

如果想要整個網站都更換自己最快方式是,先去掉之前CSS中所有字型設定,然後在justfont設CSS 標簽用body 一次解決XD

 

 

 

 

 

 

官方網站:http://www.justfont.com/

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

yahoo 部落格轉wordpress 教學

參考資料

㊣硬闖WP-5:如何從「無名小站」部落格搬家、轉換到WordPress?

㊣硬闖WP-6:如何將「無名小站」的相簿圖片搬家、備份到免費圖床空間?

 

如果單純 無名轉 wordpress我想應該原理差不多,請自己測試

 

因為我手上有圖片的部落格只有yahoo 部落格,沒有無名

不過我發現現在這兩邊的備份其實都滿方便的

這是我下載下來的部落格備份

blog1解壓縮出來的檔案

blog2把這些資料夾上傳到wp-content中

並把其中 tw-blog_日期_movable-type.txt 這個檔案改名成mt-export.txt

 

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

wordpress 好用外掛Page Links To

外掛名稱:Page Links To

這是一款相當實用化的外掛

主要用途在當你想要開一個對外連結放在 目錄上時使用

你可以在開文章或是分業的時候設定對外連結

這樣就會自動跳到其他網站,當然也可以用開新頁面的方式

這是安裝後 在分文的地方會顯示的區塊

page

Post to Twitter Post to Plurk Post to Facebook Send Gmail

wordpress 在IIS 上的支援性

最近嘗試在 serverzoo 上的 ASP1方案上架設 wordpress

恩…基本上 MYSQL server 是另一台大家獨立的,在 CPanel 上設定

經過測試

使用到urlrewrite 技術的 固定網址功能 只能使用預設的

恩…詢問過客服

客服表示 wordpress 要完全相容請使用linux

 

就這樣

Post to Twitter Post to Plurk Post to Facebook Send Gmail

我的wordpress網站最佳化之路

今天剛好碰到一個議題在於,我的網站速度大概多快?

所以 我找了這篇教學http://0123456789.tw/?p=1334 中的http://tools.pingdom.com/fpt 來測試我的網頁速度

這個網站有一個缺點,就是他是計算在紐約的速度,所以不是台灣的速度

但是有一個很大的優點,就是他會完整表現出你網頁的大小和速度,你可以清楚知道你的網頁到底"慢"在哪裡

以我自己的網站為例

我的佈景主題要10MB(我也是現在才發現),光背景就2MB,之後我就壓縮了所有的png圖片把佈景下降到3MB 這樣我的網站速度有明顯的上升

以實測結果來說

http://www.pupuliao.info  從原先的12秒 上升到 8秒 (10MB->3M)

http://amazonEC2.pupuliao.info 從原先的 8S 上升到3.6S (這是測試用的備援網站 放在amazon EC2的加州機房)

從實驗數據可以看到速度上的明顯提升

而本站http://www.pupuliao.info 提升幅度偏低的最主要原因應該是因為我放在 海大的學網下

海大最大缺陷就在於對國外網路速度偏低…..

 

喔 另外 推薦一個png圖片壓縮的網站http://tinypng.org/

可以減少7~8成的空間,不過是破壞性壓縮喔~~~(最好保留原圖)

 

 

另外我有測試過gzip的壓縮技術…..結果來說我應該是不太需要雖然的確有提升

Post to Twitter Post to Plurk Post to Facebook Send Gmail

修改網址列小圖示favicon(外加wordpress修改法)

最近想又修改網址列上的小圖示,所以就找了一下資料

 

首先要先畫圖

圖片的大小是 16*16 (資料上是這樣說,但是32*32  似乎也OK,不過我認為沒必要)

檔案格式是ico

檔名是favicon.ico

 

在網頁的<head></head>當中 新增<link rel="shortcut icon" href="你的favicon路徑" /> 就可以了

 

http://sofree.cc/favicon-cc/ 這一篇 有教學可以線上製作完成

 

 

wordpress 的修改方式:

先觀察你網頁的原始碼,搜尋favicon.ico ,找出你的圖片位置

把新的圖片覆蓋過去,就OK了

之後ctrl+F5 應該就會更新了

Post to Twitter Post to Plurk Post to Facebook Send Gmail

適用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站的新文章,使用電子郵件接收新通知。

訂閱 9 其他用戶

交換連結

Copyright © 2017. All Rights Reserved.

歡迎光臨
初音