人與環境密不可分, 環境更是被媒體所左右. 我們每天穿的看到的聽到的, 摸到的,知道的,很多都是由媒體傳播而來。

吃飯, 聚餐, 辦party, 宴客, 買禮物, 買衣服, 旅遊, 唱歌, 爬山, 交友, 登山, 結婚 … 生活中的總總, 抉擇, 成與不成在一個點,點與點的機會在於傳播, visual communication / commercial advertising　做的好的，不只可以塑造品牌形象，更可以昇華成生活形態。

從媒體步入數位後，每一個小環節都可以是很大的轉捩點，這些環節有些在無形中發生，不知不覺的變成了新的革命，我用我的觀察方法，用動態的角度分析 成: 主動，被動，互動，亂動.

以下淺見：

被動

路上的招牌, 報紙上的廣告, 很多不是我想要看到的資訊, 在傳統的資訊夾帶的資訊上強迫接受, 像是我沒有小孩也不需要紙尿布, 打開電視或報紙,還是得無意看到, 我不喜歡選舉, 可是公車看版, 路上旗幟, 還是得看到候選人們互像吐槽, 這種強迫的接受資訊, 算是被動. 一般都是傳統的產業, 大部分在媒體上都是不透過電腦的.

傳統的被動的方式往往比較像是一種宣達, 或是演講(Speech) 藝術家/作者 可以很明確的將自己的想法傳達給觀眾, 所以觀眾與作者的身分/立場非常明顯.

主動

透過搜尋引擎, 關鍵字廣告, 通過訂閱主動給我們訊息的電子報 / RSS FEED, 我們有興趣的,或相關的, 自己送上門來, 算是主動. 主動媒體, 還有一個特點,就是數位媒體漸漸的分身, 以往的單一網站概念 (就是大家一定要到某個網址,才可以獲得資訊, 在主動媒體像是 YouTube, Blog (RSS) 漸漸的把內容以分散的方式外放, 造成更好的流傳效果.

互動

以往媒體給我們的, 我們只能接受, 互動就是所謂的相互作用, 現在像是 Blog, YouTube, 甚至一些新聞網站, 我們可以評分, 可以留言, 可以接受回饋的媒介, 就是互動.

互動的方式往往比較像是一種遊戲, 或是溝通(communication), 藝術家/作者 只把話講一半, 另一半交給觀眾去發揮, 觀眾與作者的身分/立場模糊. 藝術家/作者 也就沒有辦法很完全的把作品理念傳達, 尤其如果作品又流於類似軟體/程式功能展示, 變成了科技之下的魔術表演, 藝術價值反而就降低了, 這也很有可能是互動藝術十年還是無法正式進入主流藝術的原因.

亂動

以往以上的三種動態,很多都是獨立,或伴參雜著隨著發生,並沒有說新的(互動)就一定比舊的(被動)好, 而亂動的歸類, 則是科技在更進步之後開始有一些整合的現象, 想是 Facebook, 他整合了 twitter(微網誌) / blog / group (fans) / flickr(picasa) 網路相簿 / Game 等等, 加上手持裝置, 把上述的三種動態混合, 形成亂動的局面, 但卻也發生了各種機能上模糊的混淆,伴隨來更多的隱私權, 資訊氾濫的問題…

以上,正在製做精美的互動簡報(未完成), 有興趣的人可以到這邊來看.

http://www.bravenewcode.com/products/wptouch/

在 pc 上面的 screen shot（ｘｐ）,實在比 mac 遜色很多, 今天發現了 Jing

他可以區域選取照相範圍, 還可以在相片上面寫 note, 畫箭頭跟框框, 並可以即時上傳網站或是 blog, 是一個相當好用的工具.

要改 WP? 其實不難, 以下是訣竅:

運用版型元件拼出主要頁面,

附屬元件輔助完成頁面功能.

共用串接樣式劃分定位板型,

裝附加元件增加部落格能力.

-

-

-

images from : http://www.webdesignerwall.com/tutorials/building-custom-wordpress-theme/ （好文）

設計定位（簡單的改法改這裡就好）

style.css

前面這些會影響到在 theme 選擇的時候的界面

/*
THEME NAME: MyCoolTheme
THEME URI: http://www.website.com/
DESCRIPTION: A clean and elegant Sandbox theme for WordPress based on the classic font – Helvetica Neue. Features a color options page, automatically pulled post thumbnail images(no need for custom fields).
VERSION: 1.0.9
AUTHOR: John Doe
AUTHOR URI: http://www.johndoe.com/
TAGS: simple, two column, widget ready, gravatar support, theme options, magazine, right sidebar, fixed width, helvetica, yellow.
.
This work is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Please leave the footer links in tact. THANKS!
.
*/

screenshot.png -> 則可以改預覽圖示

版型元件 （這些檔都不完整,所有頁面都 share 這些版型元素）

header.php – 頁頭

generate css,javascript 位置, Logo, Top Banner 等等
利用 bloginfo 弄出header需要的資料
<?php bloginfo(‘name’); ?>

sidebar.php – 功能 bar (widget 可以放的地方)

根據編號生出 sidebar
<?php if ( !function_exists(‘dynamic_sidebar’)
|| !dynamic_sidebar(1) ) : ?>
<?php endif; ?>

footer.php – 頁尾 （credit, 版權聲明等等）

主要頁面 （這些頁面是完整的, 由版型元件組合而成）

index.php – 首頁

single.php – 單筆完整 post 內容頁面 （包括 comments ）

archive.php – 日期頁面（多筆）

page.php – Page 頁面

search.php – 搜尋結果頁面

custem.php – 自定頁面 (admin>Page 裡面可選板型）

前面加上<?php /* Template Name: testTemplate */ ?>在 wp-admin 會自動變出 testTemplate 版型以供選擇

附屬元件 （部分頁面 / 元件 會需要以下元素）

archives.php – 過去月份的 List

links.php – generate admin 裡面的 links

comments.php – generate comment form 與顯示 comments

functions.php – 可呼叫的 function 在這

有幾個 sidebar 可在此控制
<?php register_sidebars( $number, $args ); ?>

重要資訊

XAMPP

xampp mysql
username: root
password:”"

wp-config.php example:

define(‘DB_NAME’, ‘wordpress’);

/** MySQL database username */
define(‘DB_USER’, ‘root’);

/** MySQL database password 內定空白，這邊的設定可以到　ｐｈｐＭｙＡｄｍｉｎ　裡面的　ｍｙｓｑｌ＞ｕｓｒ裡面去改，ＭＤ５加密，可以去找網站加密倒貼回去　*/
define(‘DB_PASSWORD’, ”);

/** MySQL hostname */
define(‘DB_HOST’, ‘localhost’);

/** Database Charset to use in creating database tables. */
define(‘DB_CHARSET’, ‘utf8′);

/** The Database Collate type. Don’t change this if in doubt. */
define(‘DB_COLLATE’, ”);

Template Tag 參考 http://codex.wordpress.org/Template_Tags

Dynamic Content swf 放法:

1.swfobject.js 放到 theme/yourTheme/js

2.在 header.php 裡面

<header>

<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/swfobject.js”></script>

</header>

3.embed swf:

<script type=”text/javascript”>
var flashvars = {};
flashvars.aboutText = “<?php the_title(); ?>“;
var params = {};
params.menu = “false”;
params.wmode = “transparent”;
var attributes = {};
attributes.id = “myDynamicContent”;
attributes.name = “myDynamicContent”;
swfobject.embedSWF(“<?php bloginfo(‘template_url’); ?>/swf/logo.swf” ,”logo“, “300″, “400″, “9.0.0″, “expressInstall.swf”, flashvars, params, attributes);
</script>

這裡是真正ｆｌａｓｈ會輸出的地方(div id要相同)

<div id= “logo“>
flash content will replace this.
</div>

4.swf 接收 flashvars （php generated）

var params:Object = LoaderInfo(this.root.loaderInfo).parameters;

for (var keys:* in params) {
trace(key,String(params[keys]));
}

把 wp 的 function return 當作 xml 用

header.php (for example, embed 方法如上):

flashvars.aboutText = ‘<?php $menu = wp_page_menu(‘echo=0′);
echo str_replace(array(“\r”, “\n”, “\t”), ”, $menu); ?>’;

in fla:

var params:Object = LoaderInfo(this.root.loaderInfo).parameters;
var t:String;

for (var keys:* in params) {
t+=String(params[keys]);
}
var wpData:XML = XML(t);
trace(wpData..a.length());

for (var i:* in wpData..a) {
trace(wpData..a[i] , wpData..@href[i]
}

Turn WP to a regular website (page based)

in Setting > Reading

把 Page 放到 Admin 的最前面(方便使用)

http://reciprocity.be/cms-menu/

安裝 樣板 plugin

http://pods.uproot.us/

http://flutter.freshout.us/

http://www.whypad.com/posts/supple-forms-a-wordpress-cms-plugin/566/

iphone 到處寫

http://iphone.wordpress.org/

此外一些有用的資訊在第二頁（按下面）

wp-PostRatings (widget) 造成

Fatal error: Call to undefined function __sprintf() in /nfs/c02/h02/mnt/21031/domains/silkrt.com/html/v01/wp-content/plugins/wp-postratings/postratings-stats.php on line 48

暫時關閉此項打星星統計的功能,反正也全都是五顆星,大家都很nice….

待問題修正後在恢復此項服務.

在Visual Mode的編輯裡:

（在language裡=’AS3′ ）
package{
public class Test{
public function Test(){
trace(‘this is a test’);
}
}
}

看到如下

package{
public class Test{
public function Test(){
trace('this is a test');
}
}
}

之前改掉的後台也隨著升級而消失,有時間我會在把他改掉.

把圖放在這裡當作紀念:

最重大同時也是最顯著的改變，莫過於後台(wp-admin)了。不僅『用色』不同，按鈕名稱和位置也有調整。首先後台登入後首先看到:

若是有安裝WordPress.com Stats 插件的話，可以看見新的Stats方塊，就算沒有登入(因為這個插件是把blog stats存在外面的主機, 避免許多人一換主機伺服器, 數據就得重來的問題, 卻點是一定要登入進wordpress.com)，數據也會在這個方塊簡短的顯示出來。當然，後台首頁依舊保有原來的WP-Stats tab, 可以檢閱stats細目。

這些方塊是不是讓你覺得面熟呢? 是的，這個WP官網形容為 “widget based dashboard” 就是和我們使用的netvibes, igoogle一樣，每個方塊都有RSS功能， 可以自行編輯方塊內的內容，讓Admin更容易追蹤部落格的表現，也是很貼心的設計 。

升級完後第一次貼文，可能會遇到找不到儲存按鈕的窘狀，因為原本在下方的儲存更新按鈕，被移到右手邊了。而tags欄則更新得像Odeo
這類網站的用法

由上圖也可以看見上面的MENU名稱位置也有了調整。可以說是更有條理吧。基本型變成: Write/ Manage/ Design/ Comments

而plugin, users, options 則移到右上方, 列為: Setting (原options)/ Plugins/ Users

New: Media Library
在Manage下, 新增了 “Media Library” tab-

究竟有什麼東西呢?有意思的是, 它已經自動了搜括了blog首頁中用到的圖. 回到編輯文章-

在編輯由上角,多了一排新增media的按鈕: 新增可選擇上傳,或 URL連結. 下面是上傳的測試.

(上傳flv-> flv內容編輯 -> 置入文中)

(置入後 -> 再上傳.mov QuickTime檔 -> publish後 )

發現 publish後, 都只是呈現連結, .flv更是不能work. 有點失望，這點應該會在之後的版本改進。但是置入embed物件輕鬆很多，已經內建(在延伸清單中)不需要插件。

另一個明顯的改變是widget的管理頁:

也就是官網說的, “You should be able to have any number of any widget.” 左上方的下拉是選單, 可以分已用過, 未用過 或全部的widgets, 挺方便的. 設好的widget群組可以存成sidebar1, sidebar2,…大部分的widget沒有數量的限制。

再來就是新的Undo Comment Editing功能, 很簡單, 就是這句話本身的意思。

另如有新的待審留言, 後台也會第一時間顯示出來。(在Comments Tab旁邊會顯示數字)

最後一個和我們用戶有關的改變，就是新的搜索功能會搜索both post “&” page. 如想區分開來，可以藉助插件的運用。

以上是Wordpress 2.5 用戶端的改變 。

如何更新到Wordpress 2.5?

1. 首先請記得備份你的網站 (MySQL database最重要, 還有你的template ) 並下載Wordpress 2.5(有點廢話)

2. 關掉所有的plugins

3. 在FTP端, 移除wp-admin 和wp-include兩個檔案夾

4. 上傳WP 2.5 wp-admin & wp-include兩個檔案夾, 以及外面的php檔案 [wp-content可以省略 因為沒有更改 且可避免改到自己設計的CSS template等]
5. go to http://yourblogurl/wp-admin

此時系統會自動請你更新database, 按確定更新, next! 就完成了!

6. 啟動欲使用的plugins.

大功告成!

請注意Wordpress 2.5 需要php 4.3 plus 版本

其他延伸閱讀請看下面-

參考閱讀:

如何升級Wordpress

WordPress 2.5 Change logs

什麼是shortcode API

<link rel="apple-touch-icon" href="<?php bloginfo('template_url'); ?>/images/apple-touch-icon.png"/>

像往常一樣,無法解決的問題就問google,我把所有的錯誤訊息貼一遍,果然有知音,雖然不多,但跟我同病相憐.不過似乎沒有人有解決之道.

我也試了IE7,一切沒有問題,於是就更傷腦筋.

不知道為什麼我的直覺跟我說,一定是header.php有問題,因為前幾天我才用ie6開過.沒事.所以我就打開header.php來摸摸看.

我只能說我運氣好吧. 我把方便wp指定路徑的<base href=…. />移到<?php wp_head(); ?> 跟<script src=….js></script>之下. 上傳後竟然暢通無阻,一點錯誤都沒有!. 感謝媽祖!

以下我把解決之道寫成英文,抱著我為人人,人人為我的精神,希望以後有緣人遇到問題可以從google找到我這招奇怪的解法.

IE6:

“Internet Explorer cannot open the Internet site http://www.silkrt.com/v01.

Operation Aborted.”

I put <base href…. /> UNDER

<?php wp_head(); ?> or
<script src=”… .js file” type=”text/javascript”></script>

and It works.

COOL! GOOD LUCK MY FRIENDS~

由友人blog queen介紹,剛剛裝了很厲害的旦旦麵flickr plug-in,可以直接從wp裡面傳照片到 www.flickr.com/photos/silkrt

也可以直接選picture size post,想當方便實用.

flickr的帳號在 prople > silkrouter guide裡面有,希望各位Editor喜歡.

http://flickr.com/groups/tantannoodles/

svn

有興趣的人可以把話好的圖 post 上來,選擇 silkrt (站務的意思) 的 catagory,如果想解釋一下的話也順便寫下來,主題是 : 沒有故事或主題的沒有直接意義的視覺作品 Size: whatever. 可重複也可只固定在最上面(或最下面),或是不隨這scroll移動也行(放在左下角不錯,因為scroll下去後是空的,或是右上角)

這是我亂弄的,大家有東西的話趕快把他換掉吧.

以前純粹以黑白表格為設計重點的版面,放在這當作參考.