Diaspora主題採用全屏頭部Banner圖、一欄圖文交錯式排版,響應式結構,支持文章壁紙Gallery、文章音樂、無刷新加載等多種功能以及交互效果,瀏覽體驗非常棒。根據Github的更新記錄,是款老模板,非常優秀。此外Diaspora是一款文藝氣息很濃厚的wordpress主題,更準確地說Diaspora主題的使用博客是個文藝氣息很濃厚的博客,推薦!
主題使用說明
網站圖標相關
網站需要 3 個 logo 圖片,分別是:
images/logo.png
(124×52) 網站首頁 logoimages/logo_black.png
(124×52) 網站彈出菜單時候的深色 logoimages/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 才可以使用)