前言介紹
- 這款 WordPress 外掛「WP Tiles」是 2012-10-14 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 6000 個安裝啟用數。
- 上一次更新是 2016-06-07，距離現在已有 3253 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.6 以上版本才可以安裝。
- 有 69 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
外掛標籤
grid | tiles | display | gallery | shortcode |
內容簡介
WP Tiles 是一個 WordPress 外掛程式，讓任何人都能建立美麗的網站圖塊配置。
使用 WP Tiles，您可以：
在完全自訂和響應式的網格佈局中顯示最新的部落格文章
顯示任何文章類型、分類或其他分類法的圖塊式檔案彙整
使用 WP Media Uploader 建立美麗的圖塊式圖庫
要親自體驗使用 WP Tiles 建立網格的簡單程度，請查看我們網站上的 網格設計師。
使用方法
顯示文章：使用 WP Tiles 最簡單的方式是將 [wp-tiles] 短代碼放置在您的任何頁面或文章中的任何位置。只需在文章中加入 [wp-tiles] 即可查看預設的圖塊。然而，WP Tiles 極其靈活，您可以指定顯示圖塊上的內容，是否顯示背景圖片，或跳過沒有精選圖像的文章等，還有更多其他功能。
建立圖塊式圖庫：您可以使用 WP Tiles 取代預設的 WordPress 短代碼。只需創建一個圖庫，然後選擇要使用的網格就可以了。圖像可以連結到附件頁面、圖像檔案，或使用 Thickbox 或 JetPack 的 Carousel（或 Gallery Carousel without JetPack 外掛程式）打開。
更新: 我們最近釋出了 WP Tiles 的免費 Twenty Fourteen 子佈景主題。請前往 此處 查看。
其他特性
使用短代碼的分頁
短代碼可以自動分頁。此外，外掛程式包括 AJAX 分頁（不重新載入頁面）、上一頁/下一頁導航和頁碼導航。
友善的 SEO
圖塊需要使用 JavaScript 來呈現，但對於不使用 JavaScript 的機器人來說，它們是可讀的，甚至包括基本的 Schema.org 微標籤，並使用乾淨的 HTML5 生成。這意味著您可以放心地將 WP Tiles 用作頁面的主要元素，而不必擔心 SEO。
網格建立器和圖塊設計師
管理介面包括用於網格範本的即時編輯器，因此您可以立即看到網格範本的外觀。圖塊和 bylines 也帶有一系列的懸停效果和一個可調整屬性列表，您可以在圖塊設計師中立即編輯和預覽。
完全自定義的 bylines
bylines 現在使用自訂模板生成，其標記和內容完全由您控制。如果您想要的話，甚至可以開始在圖塊上顯示完整的文章！
完整的說明文檔，請查看 wp-tiles.com 網站。
如果您想協助開發此插件，請訪問 GitHub 存儲庫。
原文外掛簡介
WP Tiles is a WordPress plugin that allows anyone to create beautiful tiled layouts for their website.
With WP Tiles you can:
Display your latest blog posts in a fully customizable and responsive grid layout
Show a tiled archive of any post type, category or other taxonomy
Create beautiful tiled image galleries using the WP Media Uploader
To experience for yourself how easy it is to create grids with WP Tiles, checkout the grid designer on our website.
Usages
Displaying Posts: The simplest way of using WP Tiles is by placing the [wp-tiles] shortcode somewhere on any of your pages or posts. Just add [wp-tiles] to your post to view the default tiles. However, WP Tiles is extremely flexible, allowing you to specify what content you want to display on your tiles, whether to display background images or skip posts that have no featured image, and much much more.
Create a tiled gallery: You can use WP Tiles to replace your default WordPress shortcode. Simply create a gallery and select the grid you want to use, and you are good to go. Images can link to the attachment page, the image file, or be opened using a Thickbox, or with JetPack’s Carousel (or the Gallery Carousel without JetPack plugin!).
Update: We recently released our free Twenty Fourteen child theme for WP Tiles. Check it out here.
Other Features
Pagination using the shortcode
The shortcode can be automatically paginated. The plugin includes AJAX pagination (without page reload), previous/next page navigation and page number navigation.
SEO Friendly
The Tiles require JavaScript to be rendered, but they are readable by bots that don’t use JavaScript, and even include basic Schema.org microtags and are generated using clean HTML5. This means that you can safely use WP Tiles as a primary element on your page without worrying about SEO.
Grid Builder and Tile Designer
The admin interface comes with a live editor for grid templates, so you can immediately see what grid templates look like. Tiles and bylines also come with a collection of hover effects and a list of adjustable properties that you can edit and preview immediately in the Tile Designer.
Completely custom bylines
The bylines are now generated using a custom template, the mark up and content of which you can control entirely. You could even start showing complete posts on tiles if you want to!
For complete documentation, check out the website at wp-tiles.com.
If you want to help develop this plugin, visit the GitHub repo.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WP Tiles」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 1.0 | 1.1 | 0.1.1 | 0.1.2 | 0.1.3 | 0.2.1 | 0.2.2 | 0.3.1 | 0.3.2 | 0.3.3 | 0.3.4 | 0.3.5 | 0.3.6 | 0.4.1 | 0.4.2 | 0.4.3 | 0.4.4 | 0.5.1 | 0.5.2 | 0.5.3 | 0.5.4 | 0.5.5 | 0.5.6 | 0.5.7 | 0.5.8 | 0.5.9 | 0.6.1 | 1.0.1 | 1.1.1 | 1.1.2 | trunk | 1.0-beta1 | 1.0-beta2 |
延伸相關外掛（你可能也想知道）
WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集，您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate，您可以輕鬆地建...。
MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼，以列出最近的文章清單：, [display-posts], , 按類別篩選, 若只想顯示特定類...。
Widget Shortcode 》這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼。如果你想要覆蓋小工具的標題，你可以使用 "title" 參數：, [widget id=”text-1″...。
Woody code snippets – Insert Header Footer Code, AdSense Ads 》需要專業的支援嗎？, 免費獲取支援, 開始獲得高級支援, , 停止反覆使用相同的內容！, 停止插入 function.php 中的 PHP 代碼！, 停止將 Google Analytics、Yan...。
Column Shortcodes 》此外掛提供簡單易用的短碼，在您的文章或頁面中輕鬆創建欄位。有時候，您只需要將網頁切成不同的欄位。使用此外掛，您只需選擇一個欄位的短碼，便可將欄位加...。
amr shortcode any widget 》使用shortcode將小工具或多個小工具或整個小工具區域（側邊欄）插入到頁面中。, 首先在正常的側邊欄中設置小工具。 檢查它是否正常運作。, 然後將所選小工具...。
Shortcode in Menus 》此外掛讓你可以在 WordPress 導覽選單中使用簡碼，以便可以動態生成連結。也可以讓你在導覽選單中添加完整的 HTML 段落。, 使用方法, 查看截圖。, 另外，查看...。
Sidebar Widgets by CodeLights 》❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案：您仍然可以在純文字編輯器中創...。
Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中，同時具有隱藏和修改元素、自動調整高度...。
Insert Pages 》Insert Pages 可讓您使用 Shortcode API，將任何 WordPress 內容（例如，頁面、文章、自訂文章類型）嵌入其他 WordPress 內容。它還包括一個小工具，可將頁面...。
Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼，這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊，加入他們的照片、職位、個人簡介...。
Post Snippets – Custom WordPress Code Snippets Customizer 》, 建立自訂短碼和可重複使用的內容，並將它們插入到您的文章和頁面中。, , 此外掛讓您建立 HTML、PHP 程式碼或常用文字片段的庫。在文章和頁面中，您可以使用...。