10個使用WORDPRESS 架設新聞媒體和雜誌的網站

WordPress 網站架設範例系列

by yenchialu

隨著網路時代主導現今多媒體市場,傳統媒體在線上的拓展也極具重要,各家傳媒依照自己的內容特性發展各具戰略意義的布局。

有些依然堅持以紙本印刷發行,像【紐約時報】與【洛杉磯時報】線上網站的經營方向為塑造形象與拓展訂閱;也有些採取線上與線下同時發行,像【時代】與【財富雜誌】;有些原本以紙本印刷為主的報社,經營網站後便不再發行紙本刊物,像【觀察家報】;更多的是新興的多媒體,從一開始建立就已線上網站為主,像【The Next Web】。

本文將整理10個由WordPress 架設的新聞雜誌網站。

  1. Los Angeles Times 洛杉磯時報
  2. TIME 時代雜誌
  3. Fortune 財富雜誌
  4. The New York Times Company 紐約時報公司
  5. Observer 觀察家報
  6. New York Post 紐約郵報
  7. Variety 綜藝
  8. THE Hollywood REPORTER 好萊塢報導
  9. The Next Web
  10. TechCrunch

Los Angeles Times

【洛杉磯時報】

Los Angeles 洛杉磯時報的官方網站

洛杉磯時報是美國西岸最大的對開日報,同時也是美國的第三大報社,影響力僅次于【紐約時報】和【華盛頓郵報】,為美國西岸的現代開發、加州南部工業化與矽谷科技發展起過重要推動作用。

洛杉磯時報的網站是面向讀者介紹產品內容的網站,主要是介紹時報特色與引導訂閱產品。

這個網站對於普通的WordPress使用者非常有參考價值,網站使用的主題是WordPress的推出的免費原生主題 2013年版,這一年的版本到今天都有更新。

網站的首頁是使用頁面建構器 KingComposer 製作,以拖放的形式排版頁面,這項產品需要收費39美元。但其實洛杉磯時報的首頁,使用網頁建構器【Elementor】免費的功能區,也可完成大部分的內容。

同時這網站其餘的插件幾乎都是免費的,只有一項 Slider Revolution Responsive WordPress Plugin 需要付費109美金。這個插件為此網站做出一些不錯的動畫進場,但那些動畫也能使用網頁建構器【Elementor】達到相似的效果,洛杉磯時報並沒有發揮這個插件更有特色的用法。

這個網站也以非常低的價格經營著一個大型的企業面向讀者的門面,說明了了解自己網站的需求與目標客戶,不是所有的網站都需要龐大且複雜的,也能像這樣簡要且精確。

WordPress主題 : WordPress提供的免費主題 Twenty Thirteen

Los Angeles 洛杉磯時報的WordPress主題-Twenty-thirteen

TIME

【時代】

時代雜誌的官方網站

台灣翻譯為【時代雜誌】或者【時代周刊】。世界重要的新聞媒體,擁有2500萬以上的讀者。新聞面議題涉及全球且深入,擁有敏銳且快速的趨勢洞察力,許多的媒體參照與引用都會從時代周刊裡提取。同時也在引領趨勢與風潮,時代封面雜誌人物都是在各地區域指標性的關鍵人物。

相比於雜誌的經典風格,網站呈現中規中矩的編排,經典的時代雜誌紅色與黑白作為整個網站的主色調,除了單純的文字媒體外,也有影片與廣播類型的新聞報導,是一個非常標準且全面的新聞網站風格。

主選單設計在側邊欄的部分,因為主題繁雜,所以閱讀體驗並不友善,這也是一個在新聞類網站容易出現的經典問題。

WordPress主題 : 【TIME】的自定義主題。


Fortune

【財星雜誌】

Fortune 財富雜誌的官方網站

【Fortune 財星雜誌】為【TIME】集團旗下最具代表性的財經雜誌,內容以商業與經濟為主,做全面的分析與報導,同時也像時代雜誌一樣,會針對現今引領世界商業領域的人物做為封面以及有名的前500大企業排名。

網頁設計特別,在頁眉的部分留了一大處的空白,一般的網頁設計都會將頁眉處放置logo、選單或訂閱資訊,或者直接將最主要要呈現的圖文資訊直接放置在這個地方。

主選單主題精簡,幾乎都是這網站最知名的選項,剩餘的都將收納在More選單裡,讓絕大部分想要看最新文章與查詢500強資訊的讀者能得到直接有效的引導,不會在一堆選項中找尋自己要的內容。雖然在版面設計上,時代雜誌與財富雜誌相仿,但無論是選單與精選文的的編排上,因為對目標客戶的鎖定,所有呈現的內容與選單編排都有積極性的策略意圖。

WordPress主題 : 【Fortune】的自定義主題。


The New York Times Company

【紐約時報公司】

The New York Times Company 紐約時報公司的官方網站

紐約時報公司的官方網站,一個標準的形象網站頁面。

最初網站呈現的是logo、選單與一段文字。

We seek the truth and help people understand the world.

非常符合這家報社的社會責任定位以及自家在歷史與新聞業中的重量。

首頁下滑是四組全版的滑塊圖片與文字以三段話,簡單引導與介紹公司的規模、方向與成就,剩下的是一個非常簡單同時清晰表達自身企業文化的形象網站。

WordPress主題 : 【The New York Times Company】的自定義主題。


Observer

【紐約觀察家報】【觀察家報】

observer 觀察家報的官方網站

【Observer】原是【The New York Observer】,美國的印刷周報,2016年停止出版紙質版,成為網絡版【Observer】。該報網是設計為都市提供最新的新聞、文化、政治和奢侈品的獨家視角,將其觀點分享給群眾的一家媒體。

在這網站的頁眉處僅有三個選項,商業、藝術、娛樂。這樣很好的鎖定了目標群眾以及確定了整個網站的內容與風格,對於他們的受眾來說非常友善。我認為在網路的世界裡,一個網站或App想包山包海是非常吃力不討好的。對網站經營者來說,龐雜的架構與內容需要耗費龐大的經費與人力維持;對讀者來說,在進來網站後被琳瑯滿目的資訊衝擊,完全無法有效地引導閱讀,讓讀者會更想跳離網站。

這種聚焦主題,同時在關注的主題上用心經營內容的中型媒體,非常值得參考。

簡約的風格與親民的排版,主題有點像WordPress的原生部落格主題,讓讀者感覺好像在閱讀部落格網誌,而有意設計的留白、文章分類排版、精美的縮圖、與每個文章大標題與摘要的乾淨布局,瀏覽體驗非常輕鬆自。點開文章,內容像Medium一樣的設計,經典簡約,內容至上風格,對喜歡閱讀文字的朋友來說,事非常舒適的閱讀體驗。

WordPress主題 : 【Observer】的自定義主題 。


New York Post

【紐約郵報】

New York Post 紐約郵報的官方網站

此處的紐約郵報更上面的紐約時報是不一樣的新聞報社,類型上紐約郵報屬於小報(tabloid),尺寸為大報的一半,同時內容風格較為腥羶色、名人八卦、政商醜聞與標題黨,喜歡以聳動、情緒性與煽動性的主體最為內容。

這家公司也在網路上發表新聞,以鮮紅的顏色作為頁眉,紅色是挑動情緒的顏色,非常適合這類型的內容。以下的內容也是以人物、強烈的對峙與反差、聳動的標題作為主要賣點。同時注重活潑不重複的排版,沒有明確強烈的主題分隔,以不重覆與層層疊疊的排版,抓住讀者的注意力而持續的下滑頁面而且不感到乏味。

WordPress主題 : 【New York Post】的自定義主題。


Variety

綜藝

variety 綜藝的官方網站

【Variety】是美國媒體公司營辦的雜誌,是娛樂界業內兩大週刊之一(另一份是【好萊塢報導】)。雜誌最初作為有關電影院與歌舞雜耍表演(Vaudeville)資訊的報導,隨著電影業逐漸起飛,該雜誌於1933年加入了總部於洛杉磯的日報—《每日綜藝(Daily Variety)》,以涵蓋電影產業。現今主力轉往線上,網站Variety.com擁有重大娛樂新聞、評論、票房成績、封面故事、短片、照片圖庫及更多,加上演職人員資料庫、製作圖表及日程,其存檔內容可追溯至1905年。

說到娛樂產業的媒體,我們都以為是以八卦或者大尺度資訊為主要頭條,但細看【Variety】的網站便會知道,這裡是非常尊重娛樂業界的環境,所有的評論與新知幾乎都是圍繞著主要探討的議題或者作品,縮圖介紹也是以作品或者相關內容作為縮圖,不會有為了博取眼球而有聳動的標題或者吸睛的大尺度影像,適合深度探索的一個網站。

頁面排版區塊明確,顏色簡約,主要目的讓人把注意力放在縮圖與文章標題上,同時整體排版為了避免讀者疲乏,也做不同的排版布局,引導觀眾下滑取得更多資訊。

WordPress主題 : 【Variety】的自定義主題。


THE Hollywood REPORTER

好萊塢報導

THE Hollywood Reporter好萊塢報導的官方網站

好萊塢報導是美國知名的影業雜誌及網站,重點關注好萊塢電影、電視節目及娛樂界。

相比於Variety,好萊塢報導的報刊風格更加明顯,在排版呈現上,使用了更大且明顯的標題同時使用較小的縮圖,是以標題與文字吸引注意的一篇網站,在版面規劃上也是像Variety一樣,使用大量不同的排版布局,引導觀眾下滑。

WordPress主題 : 【THE Hollywood REPORTER】的自定義主題。


The Next Web

The Next Web的官方網站

【The Next Web】是荷蘭以網路與科技為主要題目的新聞網站。

在首頁的部分是以多個縮圖塊,快速呈現今天的新聞重點,這個網站對縮圖的使用喜歡自製有趣且具諷刺意味的小插圖,對一般讀者會覺得美感不足,但對科技業的使用者若能第一時間讀懂梗圖的內容,會覺得很有意思。

WordPress主題 : 【The Next Web】 的自定義主題。


TechCrunch

Techcrunch的官方網站

【TechCrunch】是一個聚焦資訊科技公司報導的新聞網站。

這家科技媒體排版非常有意思,是一種左右開弓的形式,相比別的網站瀏覽是採直向閱讀,這篇網站是橫幅的閱讀。

選單設計固定在最左邊,我們將網頁往下滑,會發現文章預覽呈現的形式分為左中右三塊,左邊為標題,中間為摘要,右邊則為縮圖,第一次閱讀時有點不適應,但多次閱讀後發現這樣均衡的閱讀體驗也很有趣。

WordPress主題 : The hardworking people at TechCrunch(TechCrunch 勤奮的員工)為【TechCrunch】設計的TechCrunch 2017 (Matcha)。

The hardworking people at TechCrunch(TechCrunch 勤奮的員工)為【TechCrunch】設計的TechCrunch 2017 (Matcha)。

You may also like

Leave a Comment