WordPress上如何建立一個相冊,無需使用插件
如何不用外掛程式在WordPress上建立一個相簿
通常,人們會使用像NextGen Gallery這樣的外掛來實現這種效果。除了使用第三方外掛外,還可以利用WordPress自帶的功能來達到相同的效果。但在此之前,我們需要對WordPress和HTML/CSS有一定的了解。
相簿最終效果
在開始之前,讓我們先確定一下最終的效果:
使用者點擊相簿頁面時,頁面以網格狀展示不同的封面以表示不同月份的相簿。我們每個月會創建一個相冊,當月所有照片都會包含在其中。
如果使用者點擊相簿封面,就會看到一個相簿的專屬頁面,在那裡你可以寫一點背景信息,同時把這個相簿裡的所有照片都列出來。
如果使用者點擊單張照片,就可以去到每張照片各自的頁面,在那裡他們可以看到每張照片的標題,拍攝者的信息和相關連結。
如果整個網站就是用來展示相冊,那麼大家可以使用預設格式的post。但要是你還有個博客,那麼這時就需要用自訂的post類型了。
讓我們來創建一個相簿吧
首先你要建立一個網站專屬外掛(甚至是專案專屬外掛程式)。
如果你要用自訂的post,那你應該產生一個程式碼,再把它貼到網站專門的插件中去。
為了製造網格效果,接下來你需要在WordPress中設定一下附加圖像的尺寸。
例如:設完圖像尺寸之後,我們也要為媒體上傳目錄新增欄位。這樣你就可以在上傳每個影像的時候加上攝影者的名字和他們的URL了。
一旦做完這一步,我們就可以繼續加入相簿了。把所有你想要加到相簿裡的圖上傳上去。然後再附上一張不同的照片封面,把它設為主圖。大家可以在post的內容欄裡寫上背景資訊。
既然大家已經在後台加好了幾個相冊,我們就可以加上程式碼讓它運作了。假設你的自訂post類型叫做albums,那麼你就會新建一個叫做archive-albums.php.的範本資料夾。貼上你想要的程式頭和尾,側邊欄和其他設計元素,然後新建一個post loop。
在那個PL中,我們將會列出同個post中的所有附件,但不包含超連結到單一頁面的縮圖。
我們也會分別加上主post縮圖(即相簿封面),再把它超連結到單一的post頁面上去(即相簿頁面)。
我們打算用清單的方法來製作網格圖像。這段程序是這樣的:
對於主要的CSS風格,大家真正要考慮的問題是相簿網格分類這樣我們就可以把每張圖片都放在網格中合適的位置,以達到我們想要的風格了。
接下來大家需要新建一個單一附件的範本。這將會是今後用戶看到的頁面,以便他們可以看到每一個圖像。用戶會在這裡看到圖像的標題,攝影者的名字和他們的連結。大家可以隨意調整自己喜歡的單一模板。
現在還有最後一件事要做,還是假設你的自訂post類型叫做album,你需要新建一個single-albums.php文件,把所有程式頭、尾,工具列或其他你想要的設計元素都複製一下。
在loop元素裡做一些和存檔相簿模板裡基本上同樣的處理。不過在加入主圖像和附件之前,你還需要加上相簿標題和描述。這一步透過加入程式碼就可以完成了,像這樣:
好了!大功告成!
wordpress怎麼做頁面偽靜態
WordPress會自動產生真實存在的靜態頁面設定方法:
方法很簡單只需要下載安裝一個名為cos-html-cache的wordpress外掛。
COS-HTML-Cache是一個非常有效的WordPress頁面快取插件,使WordPress網站回應速度更快。基於URL重寫,該外掛程式將自動產生真正的HTML文件,當有使用者或搜尋引擎蜘蛛來存取你的偽靜態頁面時,該外掛程式會自動更新HTML文件及其相關的文章修改。
可以在wordpress後台選擇插件>安裝插件,輸入cos-html-cache然後搜尋安裝,最後在啟用即可。或到wordpress網站下載cos-html-cache壓縮包,解壓縮後用FTP上傳到/wp-content/plugins/目錄下面,然後在背景啟用。
外掛程式安裝成功生效以後,並不會馬上產生html靜態文件,當下次使用者進入或有蜘蛛造訪的情況下,它才會自動產生或更新html文件。如果想快速產生html檔案看下效果,可以使用站長工具裡面的死連結偵測,並模仿蜘蛛來存取自己的網站即可。
以上是WordPress上如何建立一個相冊,無需使用插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

Excel 网页版功能增强,提升效率!虽然 Excel 桌面版功能更强大,但网页版在过去一年中也得到了显著改进。本文将重点介绍五个关键提升: 轻松插入行和列: 在 Excel 网页版中,只需将鼠标悬停在行或列标题上,点击出现的“ ”号即可插入新行或列。无需再使用容易混淆的右键菜单“插入”功能。此方法更快捷,新插入的行或列会继承相邻单元格的格式。 导出为 CSV 文件: 现在,Excel 网页版支持将工作表导出为 CSV 文件,方便数据传输和与其他软件兼容。点击“文件”>“导出

Excel 的 LAMBDA 函數:創建自定義函數的簡易指南 在 Excel 引入 LAMBDA 函數之前,創建自定義函數需要 VBA 或宏。現在,借助 LAMBDA,您可以使用熟悉的 Excel 語法輕鬆實現。本指南將逐步指導您如何使用 LAMBDA 函數。 建議您按順序閱讀本指南各部分,先了解語法和簡單的示例,再學習實際應用。 LAMBDA 函數適用於 Microsoft 365 (Windows 和 Mac)、Excel 2024 (Windows 和 Mac) 和 Excel 網頁版。 E

在Excel中,利用時間軸篩選器可以更有效地按時間段顯示數據,這比使用篩選按鈕更便捷。時間軸是一個動態篩選選項,允許您快速顯示單個日期、月份、季度或年份的數據。 步驟一:將數據轉換為數據透視表 首先,將原始Excel數據轉換為數據透視表。選擇數據表中的任意單元格(無論格式化與否),然後點擊功能區“插入”選項卡上的“數據透視表”。 相關:如何在Microsoft Excel中創建數據透視表 別被數據透視表嚇倒!我們會教你幾分鐘內就能掌握的基本技巧。 相關文章 在對話框中,確保選中整個數據范圍(

Excel的PERCENTOF函數:輕鬆計算數據子集占比 Excel的PERCENTOF函數可以快速計算數據子集在整個數據集中的佔比,避免了創建複雜公式的麻煩。 PERCENTOF函數語法 PERCENTOF函數有兩個參數: =PERCENTOF(a,b) 其中: a (必填) 是構成整個數據集一部分的數據子集; b (必填) 是整個數據集。 換句話說,PERCENTOF函數計算子集a佔總數據集b的百分比。 使用PERCENTOF計算單個值佔比 PERCENTOF函數最簡單的用法是計算單

Excel 溢出範圍運算符 (#) 讓公式能夠自動調整以適應溢出範圍大小的變化。此功能僅適用於 Windows 或 Mac 版 Microsoft 365 Excel。 UNIQUE、COUNTIF 和 SORTBY 等常用函數可與溢出範圍運算符結合使用,生成動態的可排序列表。 Excel 公式中的井號 (#) 也稱為溢出範圍運算符,它指示程序考慮溢出範圍中的所有結果。因此,即使溢出範圍增大或縮小,包含 # 的公式也會自動反映此變化。 如何列出和排序 Microsoft Excel 中的唯一值

Excel中使用公式型條件格式處理溢出數組 直接對Excel中溢出數組進行格式化可能會導致問題,尤其當數據形狀或大小發生變化時。基於公式的條件格式規則允許在數據參數更改時自動調整格式。在列引用前添加美元符號 ($) 可以將規則應用於數據中的所有行。 在Excel中,您可以對單元格的值或背景應用直接格式化,以使電子表格更易於閱讀。但是,當Excel公式返回一組值(稱為溢出數組)時,如果數據的尺寸或形狀發生變化,則應用直接格式化將導致問題。 假設您有此電子表格,其中包含PIVOTBY公式的溢出結果,
