Archive

‘程式設計’ 分類過的Archive

外掛測試-NextGen Gallery

2010年10月25日 1 則評論

今天用的一個相片外掛,功能好多,來試試好不好用

http://wordpress.org/extend/plugins/nextgen-gallery/

[nggallery id=2]

Categories: plug-ins Tags: , ,

新增外掛-智慧手機界面(iPhone/Android)

2010年10月8日 尚無評論

今日新增wordpress手機界面外掛

http://wordpress.org/extend/plugins/wptouch/

詳細安裝說明這裡

http://wordpress.org/extend/plugins/wptouch/installation/

非常方便,界面也非常簡潔的一個外掛

強烈建議wordpress都安裝這個plugin哦!!!

Categories: PHP, plug-ins, Wordpress Tags: ,

手機版網頁的meta設定

2010年9月20日 尚無評論

手機版網頁在設計時
寬度的問題不是設個100%或320px之類的就好哦~

通常最快的方法可以如下:

<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=1;"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>

如此在手機上看到的頁面就會比較整齊嘍!!

Categories: HTML, 程式設計 Tags:

在自己的站上加入FACEBOOK的留言/回應功能

2010年7月8日 尚無評論

底下說明facebook的留言版怎麼在自己的站上做應用

第一步:
將facebook的環境設定好!!
首先要先登入facebook (廢話!!)
再來,請先到開發人員頁
http://www.facebook.com/developers/

按一下「建立新的應用程式」

第二步:
基本資料的地方就填上部落格名稱吧
當然,還是要按下同意使用條款,否則不能繼續使用 = ="

第三步:
接著你的應用程式已經建立好了


三組ID請先記好,等一下要使用

底下有個語言,可以先選你要用的語言

聯絡資料有個「用戶請求支援方式」請把電郵地址改成URL


除非你可以讓你的使用者直接寄給你一堆信 @@"

第四步:


上方的選單,有個聯外通,請點一下,然後輸入你的部落格網址

最後請按儲存!!!

第五步:
接著就是要加上一些程式碼在你的部落格裡嘍
我用的是wordpress,因此會用wordpress來提示要改的位置

幾個語法規則:定義html的命名空間載入需要用到的javascript以API ID來初始化基本的功能

定義html的命名空間
在的<html>tag內
請找到

<html xmlns="http://www.w3.org/1999/xhtml">

然後加上
xmlns:fb="http://www.facebook.com/2008/fbml"

也就變成

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

應該找使用的樣版header.php就可以找到了

載入需要用到的javascript
<head></head>之間加上

<script src=’http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php’ type=’text/javascript’/>

放的位置應該也會在header.php內

以API ID來初始化基本的功能:
請在之前,也就是整個頁面的內容最後放以下的javascript
<script type="text/javascript">
FB.init(“貼上你的API金鑰");
</script>

放的位置應該也會在header.php內

以API ID來初始化基本的功能
請在</body>之前,也就是整個頁面的內容最後放以下的javascript
<script type=’text/javascript’>
FB.init(“貼上你的API金鑰“);
</script>

不過,我的做法比較不一樣,由於我用的樣版有個流量統計分析用的html區塊
他就會放在</body>之前,所以我就把這一段code放在流量統計之前了
這樣要是之後要改app的id,我就不用打開php來修改了

※ 以上動作在牭輯完之後請存檔!!

第六步:
在文章底下,放上facebook的留言版外掛吧!!
語法如下:

<center>

<fb:comments width=’620’/>

</center>

放的位置,通常就會是在文章之後嘍,請找到你的文章顯示的php檔
像我就是在主題編輯器裡,找到archives.php、page.php、single.php、links.php
找到<?php include(‘templates/comments.php’); ?>的前面
就把facebook的外掛放上去

儲存後,頁面上就有留言版啦!!

在現有Apache2再安裝新的module – mod_wsgi.so

2010年2月12日 尚無評論

我在開發機上已經先安裝了Apache2,現在需要讓Python能在Apache上執行,得使用一個module,這裡使用wsgi這個module,但得手動make及install
底下是我的過程:

一、到wsgi官網下載wsgi的source code (我是下載現在的最新3.1版,不知道n年後會是更新到幾版^^)
在我的home目錄,執行 (就直接放在home目錄吧)


$ sudo -c wget http://modwsgi.googlecode.com/files/mod_wsgi-3.1.tar.gz

二、下載後,解壓縮:(我這裡會直接解到mod_wsgi-3.1目錄)

$ tar xvfz mod_wsgi-3.1.tar.gz

※注意唷,我現在是3.1,之後是多少~~不知道~~~

三、進入mod_wsgi-3.1目錄吧,要執行底下的指令來確認環境

$ ./configure

我會寫這篇,就是因為在這裡卡到了~,因為我出現一堆apxs找不到的錯誤訊息
上網再找,總算在Apache apxs這則討論找到解決的方法~

因為我是先安裝了Apache2,並沒有source code,所以wsgi在偵測環境時,沒有可用的原始檔
當然我也有用

sudo apt-cache search apxs

來看apxs會是在哪個pakage裡,但還是列了很多,不確定我該裝哪一個,索性還是照著Apache apxs這則討論直接安裝apache2-threaded-dev吧


$ sudo apt-get install apache2-threaded-dev

(老實說,我還沒找到這個安裝後是安裝到哪個位置,不管,晚一點再找吧~)

然後再回到我home下的mod_wsgi-3.1目錄
再次檢查wsgi需要的環境
這回就全找到了
沒有錯誤啦!!!

好,直接執行下面的指令吧

make

照手冊說就是Building The Source Code
但我執行後還沒看到mod_wsgi.so呀
因為,還需要安裝~~
正是底下的指令


$ sudo make install

記住,要以 root 的身份執行呀~

這時一切都ok了,剩下最後一步,讓Apache載入這個mod_wsgi!!

我的這個Apache2因為是安裝在uBuntu 9.10 desktop裡,在Apache的設定位置較不一樣
如下:

$ cd /etc/apache2/mods-available
$ sudo vim wsgi_module.load

然後編輯就是完全一樣的了

LoadModule wsgi_module /usr/lib/apache2/modules/mod_wsgi.so

這個mod_wsgi.so絕對位置,請依照實際情況給予正確的位置哦,可能不同的server,放的位置會不同吧~

$ cd /etc/apache2/mods-enabled
$ sudo ln -s ../mods-available/wsgi_module.load .

好了,再重啟一下Apache吧!!

sudo /etc/init.d/apache2 stop
sudo /etc/init.d/apache2 start

就OK了!!

之後,要再實做設定時,再把這篇補齊嘍~

Categories: Python, uBuntu Tags: , ,