極簡文藝風博客wordpress主題Diaspora

Diaspora主題採用全屏頭部Banner圖、一欄圖文交錯式排版,響應式結構,支持文章壁紙Gallery、文章音樂、無刷新加載等多種功能以及交互效果,瀏覽體驗非常棒。根據Github的更新記錄,是款老模板,非常優秀。此外Diaspora是一款文藝氣息很濃厚的wordpress主題,更準確地說Diaspora主題的使用博客是個文藝氣息很濃厚的博客,推薦!

極簡文藝風博客wordpress主題Diaspora

主題使用說明

網站圖標相關

網站需要 3 個 logo 圖片,分別是:

  • images/logo.png (124×52) 網站首頁 logo
  • images/logo_black.png (124×52) 網站彈出菜單時候的深色 logo
  • images/logo_min.png (48×48) 網站文章詳細頁面的小 logo

另外 32-144 名字的圖片為網站 favicon 以及添加到手機屏幕所需要的小圖片

縮略圖相關

網站正常顯示需要每篇文章都必須設置特色圖片。

  • 顯示壁紙 gallery 所需要的縮略圖是 300x…,需要在 WordPress 後台 媒體選項 將 縮略圖大小 設置為 寬度 300 高度 0。(推薦:其他都設置為 0)
  • 首頁顯示文章縮略圖大小是 680×440,有兩種模式產生縮略圖,一種是用原生 WordPress 提供的裁切圖片功能,一種是使用 timthumb.php。

提示:自動引用圖片作為特色圖片;需要在 images 目錄添加一張默認圖片 default.jpg。

相關設置:

編輯文件config.php

1 2 3 4 5 6 
/* 當 USE_TIMTHUMB 為 FALSE 時表示不使用 timthumb,當為 TRUE 是表示使用 默認為 FALSE 不使用 */   define ('USE_TIMTHUMB', FALSE);
文章音樂

主題支持音樂播放,兩種方式添加:

  • 只需要在 WordPress 後台文章編輯頁面插入音樂即可,主題會調用音樂播放
  • 在文章編輯源代碼使用短代碼,如下:
    1 
    [audio loop="ture" src="music.mp3"]

注意:要去除autoplay屬性,不然會引起多次播放bug

文章壁紙Gallery

只需要在文章編輯後台添加圖片即可,注意不需要插入文章內容頁面,主題會調用壁紙顯示

菜單設置

菜單連接支持不跳轉預覽,只需要在對應菜單加上一個 class pview,然後這個鏈接支持快速預覽。注意這個只能是本地頁面或者文章才可以,外鏈會跳轉過去

其他說明

主題有 4 個頁面模板:

  • about 關於模版,不可評論
  • Archive 文章歸檔模版,不可評論
  • feedback 評論模版,可以評論
  • links 友情鏈接模版,可以評論
開發說明

主題使用了 5 個 js 插件:

  • jquery.justifiedGallery.js
  • Chocolate.js
  • jquery.qrcode.js
  • jquery.parallax.js
  • Vibrant.js

提示:這些插件都合併在一個文件上:static/plugin.js,修改 css 只需要修改 assets/Diaspora.css,修改 js 只需要修改 assets/Diaspora.js

主題演示:https://isujin.com/

主題下載:wordpress-Diaspora.zip (主題解壓后,重命名文件夾為 Diaspora 才可以使用)


想在手機閱讀更多Wordpress資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems