方格子開發誌#9|首頁、分類頁改版!主選單新增「專題」露出

更新於 發佈於 閱讀時間約 3 分鐘

在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假!

廢話不多說,一起來看看我們做了哪些調整吧!

首頁:主選單調整

原先官網的主選單有分類、最新、主題、Premium,新版的主選單則改為探索、最新、專題、Premium

  • 將原「分類頁」與「主題頁」整併為「探索」:無論是「不同分類」的內容,或是編輯企劃的「不同主題」內容,用意皆是希望讓讀者可以更有系統性地去閱讀感興趣的系列文章,因此我們整併為「探索」頁面,讓大家更方便瀏覽。
▲原先獨立出現在主選單中的「主題頁面」,已經與「分類」整併為「探索」。(點選「從主題探索」即可前往主題頁面)

▲原先獨立出現在主選單中的「主題頁面」,已經與「分類」整併為「探索」。(點選「從主題探索」即可前往主題頁面)

  • 新增「專題」:出版專題是讓創作者們為「不同主題的內容」分門別類的好功能,在這次改版中,為了更彰顯「專題」之於方格子的重要性,我們新建立了這個頁面,讓大家更容易搜索到感興趣的專題。也因為有這個版面的存在,歡迎各位創作者將自己的「專題封面(300*300)」放上一張吸睛的圖,更吸引讀者點擊喔!

✦ 首頁:區塊調整

  • Top 5 維度調整:新增了付費、Premium、免費三種維度,讓讀者可依照自己的喜好來挑選熱門文章瀏覽。
raw-image
  • 首頁「熱門趨勢」:編輯精選了較熱門的幾個分類,呈現於新版首頁下方的「熱門趨勢」區塊,方便大家更快速找到、點選自己感興趣的分類,並且可以快速連結到該分類深入閱讀。
▲ 上圖為電腦版畫面,手機版畫面的「分類選單」則可以左右滑動哦。

▲ 上圖為電腦版畫面,手機版畫面的「分類選單」則可以左右滑動哦。


✦ 最新:新增各維度與區塊

過往的最新頁面,僅是以瀑布流方式呈現所有的「新發佈內容」。在當前的「最新」頁面,我們區隔出四大區塊,希望能讓使用者可以更快找到有興趣的內容、提高瀏覽流暢度,也讓創作者能獲得更多曝光版面。

  • 即時熱門:新發佈內容中的熱門文章。
  • 近期更新:近期有更新內容的出版專題。
  • 方格新星:值得關注的新創作者。
  • 最新內容:全站所有的新發佈內容。
▲ 新加入方格子的精選創作者們,大家趕快追蹤起來!

▲ 新加入方格子的精選創作者們,大家趕快追蹤起來!


✦ 分類:樣式調整

過往每個分類頁面的版面樣式大同小異,在本次改版中,每個分類的最上方,皆新增了該分類的視覺色系、創作者數、內容數,期待能更凸顯每一個分類的個性,也讓大家一進到分類時更了解到該分類的內容呈現。

▲ 每個分類都有豐富的內容,等著大家去深入閱讀。

▲ 每個分類都有豐富的內容,等著大家去深入閱讀。

以上是這次的大改版內容,希望能夠讓大家在使用上感到更流暢,有任何的回饋或意見,也都歡迎按愛心、留言讓我們知道哦!

也預祝大家新年快樂!福虎生風!

留言
avatar-img
留言分享你的想法!
Top News-avatar-img
2022/01/26
方格子越來越好,讚~
哇!!! 版面煥然一新, 有種準備要過新年的氣氛了!!! 謝謝工程獅~辛苦了!! 祝新年快樂喔
問題是已經好幾天了,每次最新點進去都出現一整片顏色強,然後怎麼往下刷就是一直都不同的顏色牆,根本無法看文章啊
靜的星空-avatar-img
2022/01/24
To工程獅先生,新年快樂,健康平安
末冰-avatar-img
2022/01/24
有發現版面的優化,色塊的調整在色彩與視覺呈現上都相對清爽與設計感,謝謝獅獅年節前的辛苦~❤ 特別感謝對於【通知】的優化,終於不用怕漏了訊息~ 許願( 雖然已知有優化排程): 1. 發文時可以自選分類 :一來既可免除作者被系統分錯類的阿雜,也可減免格編們還要收信幫忙人工分類的雜事。 2. 留言可以tag回覆對象+留言按讚:目前光是@是無法讓其他欲回應對象收到通知的,除非是那則主留言者。 3. 開放後台數據統計與優化:對創作者本身而言,我覺得這點超級重要!! 目前方格子只有在專題才可以查閱數據,而且只有累加的數據…這對文章沒有歸入專題的作者有點不公平,畢竟作者可以從數據觀察文章的受眾程度進而微調自己的內容。 希望設計出一套可以媲美痞客邦或者與探路客不相上下的後台數據系統供創作者分析瞭解。除了目前累加的數據統計,也希望加入以下功能: *每日的數據統計(含括 每日的瀏覽量/收藏數/喜愛數/討論數) *每日/累加的【站內】與【站外】的數據(創作者很想知道文章的瀏覽來源是在哪裡?甚至連國外都有瀏覽數會是個多麼令人振奮的鼓勵,google或FB/百度連結過來的都能知道瀏覽來源) *圖形分析:不管是圓餅圖還是長條圖,這都是另一種直覺式數據,方便快速一目了然數據變化。 以上。 歹勢~囉哩八唆了一堆,無非是希望方格子能好又更好,我想,創造一個讀者與作者都能舒服安居的環境是個共識,對於到目前為止的各種改善與功能優化給予掌聲是必然,但我仍深深期待方格子還有各種變身(完成體到究極體的概念😁)的可能性~ 謝謝為此付出的官方與賣肝(保重啊~)的工程獅們!❤
avatar-img
方格子 vocus 官方沙龍
347.6K會員
3.2K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
2023/03/02
如何在頁面上建立足夠且具有內容相關的連結 一直是方格子努力的目標。在過去方格子的閱讀頁上,我們提供了「上下篇區塊」,讓使用在發布文章的同時,可以快速建立文章的閱讀脈絡,也新增了「其他內容區塊」,讓同一作者與專題的文章可以更有系列性的被收攏,作者的文章與文章之間可以因此很快地被串連起來!
Thumbnail
2023/03/02
如何在頁面上建立足夠且具有內容相關的連結 一直是方格子努力的目標。在過去方格子的閱讀頁上,我們提供了「上下篇區塊」,讓使用在發布文章的同時,可以快速建立文章的閱讀脈絡,也新增了「其他內容區塊」,讓同一作者與專題的文章可以更有系列性的被收攏,作者的文章與文章之間可以因此很快地被串連起來!
Thumbnail
2022/09/14
在過去,作者都是自己實踐工人智慧,在欄位中輸入自己想要為文章下的關鍵字們。而就在今天此時此刻 Right now!!格友們會發現在輸入欄位下方多了「建議標籤」的貼心推送!
Thumbnail
2022/09/14
在過去,作者都是自己實踐工人智慧,在欄位中輸入自己想要為文章下的關鍵字們。而就在今天此時此刻 Right now!!格友們會發現在輸入欄位下方多了「建議標籤」的貼心推送!
Thumbnail
2022/06/10
向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)!從今以後,你可以將方格子首頁加入你的手機桌面捷徑,就可以用更乾淨簡潔的畫面瀏覽方格子!
Thumbnail
2022/06/10
向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)!從今以後,你可以將方格子首頁加入你的手機桌面捷徑,就可以用更乾淨簡潔的畫面瀏覽方格子!
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
在方格子,我們規劃了幾個不同主題的出版專題,用來放置平台的各類型資訊內容,提供必要的實際操作教學、說明與幫助。 由於日益增多的內容、會員與活動諮詢意見,我們進行了預設追蹤官方專題的調整,請格友花三分鐘時間閱讀一下我們的動機與做法,感謝!
Thumbnail
在方格子,我們規劃了幾個不同主題的出版專題,用來放置平台的各類型資訊內容,提供必要的實際操作教學、說明與幫助。 由於日益增多的內容、會員與活動諮詢意見,我們進行了預設追蹤官方專題的調整,請格友花三分鐘時間閱讀一下我們的動機與做法,感謝!
Thumbnail
格友們,方格子週報從本週開始改版囉!為了帶給大家更豐富的閱讀體驗,本週起,週報的內容將涵蓋得更全面、更多元,讓大家更能 Follow到平台上的趨勢、大家在關注什麼議題。因此,週報總共會包含五大層面:
Thumbnail
格友們,方格子週報從本週開始改版囉!為了帶給大家更豐富的閱讀體驗,本週起,週報的內容將涵蓋得更全面、更多元,讓大家更能 Follow到平台上的趨勢、大家在關注什麼議題。因此,週報總共會包含五大層面:
Thumbnail
一切始於迭代 舊版個人區在時間的淬煉與服務的發展下,已經越來越多、越來越長,以讓大家更清楚查找使用優先,下階段也能擴充其他功能為目的,因此我們著手改造,接著來看看本次改動的範圍吧!
Thumbnail
一切始於迭代 舊版個人區在時間的淬煉與服務的發展下,已經越來越多、越來越長,以讓大家更清楚查找使用優先,下階段也能擴充其他功能為目的,因此我們著手改造,接著來看看本次改動的範圍吧!
Thumbnail
新年新氣象,我覺得方格子改版後版面變美了。 不過也有些小小的建議 我是去年才新加入的成員 也很喜歡這裡的氛圍 只是改版之後,感覺有些迷途了 總覺得以前的版面比較熟悉一些 精選主題好像不見了 也找不到本月的最新主題 只是增加了許多個人的主題頁面 是可以看到許多別人的新主題 不知道大家也是否有這種同感
Thumbnail
新年新氣象,我覺得方格子改版後版面變美了。 不過也有些小小的建議 我是去年才新加入的成員 也很喜歡這裡的氛圍 只是改版之後,感覺有些迷途了 總覺得以前的版面比較熟悉一些 精選主題好像不見了 也找不到本月的最新主題 只是增加了許多個人的主題頁面 是可以看到許多別人的新主題 不知道大家也是否有這種同感
Thumbnail
在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假! 趕快進來看看我們做了哪些調整吧!
Thumbnail
在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假! 趕快進來看看我們做了哪些調整吧!
Thumbnail
相信眼尖的格友們有發現,近期方格子在某個頁面上做了很大的視覺優化!沒錯,今天就是要跟各位聊聊──方格子的「文章閱讀頁」又改版啦! (⁎⁍̴̛ᴗ⁍̴̛⁎) 這次的改版。主要是基於以下兩個核心動機:「讓閱讀更專注」、「持續優化 SEO」,希望本次的優化可以讓大家更聚焦地閱讀起來...
Thumbnail
相信眼尖的格友們有發現,近期方格子在某個頁面上做了很大的視覺優化!沒錯,今天就是要跟各位聊聊──方格子的「文章閱讀頁」又改版啦! (⁎⁍̴̛ᴗ⁍̴̛⁎) 這次的改版。主要是基於以下兩個核心動機:「讓閱讀更專注」、「持續優化 SEO」,希望本次的優化可以讓大家更聚焦地閱讀起來...
Thumbnail
方格子主題頁全新改版!「主題」是全新的概念,用以承接過去對讀者們溝通的「策展」以及對作者們溝通的「徵文」,主題將會以一個更宏觀的角度來集合、解釋作者與讀者的角度,並且發展出不同的主題來驅動雙邊使用者的寫作與閱讀,激發彼此創作靈感,持續翻攪、昇華!
Thumbnail
方格子主題頁全新改版!「主題」是全新的概念,用以承接過去對讀者們溝通的「策展」以及對作者們溝通的「徵文」,主題將會以一個更宏觀的角度來集合、解釋作者與讀者的角度,並且發展出不同的主題來驅動雙邊使用者的寫作與閱讀,激發彼此創作靈感,持續翻攪、昇華!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News