極簡文藝風博客wordpress主題Diaspora

Diaspora主題採用全屏頭部Banner圖、一欄圖文交錯式排版，響應式結構，支持文章壁紙Gallery、文章音樂、無刷新加載等多種功能以及交互效果，瀏覽體驗非常棒。根據Github的更新記錄，是款老模板，非常優秀。此外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應用