我正在使用WordPress爲一個想在線展示她的產品但不想通過網絡出售它們的客戶的網站工作。我有一個簡單的照片畫廊,設置了NextGEN Gallery插件。點擊圖庫視圖中的縮略圖,而不是簡單地在Lightbox或他們自己的頁面中顯示它們,我想爲每張照片添加一個「詳細信息」頁面 - 類似於購物網站上的各個產品頁面,但沒有任何購物功能。是否有可能使用NextGEN gallery或其他插件來做到這一點,還是我必須從頭開始(以及我將如何做到這一點)?向NextGEN Gallery添加「詳細信息」視圖?
回答
因爲NextGen實際上並沒有創建一個WordPress'Page'來鏈接單個圖像,所以使用內置的WordPress圖庫(您可能會看到[gallery]簡碼)會更好。當您將圖片上傳到頁面或帖子時,WordPress會將該圖片作爲帖子存儲在wp_posts表中,與您的所有其他帖子和頁面一起存儲......以post_type爲「附件」,並將其添加到「圖庫」中帖子或頁面。您可以通過單擊文本編輯器上方的「添加媒體」圖標來管理任何頁面或帖子的當前圖庫。儘管[gallery]短代碼非常有限,但您可以在主題中使用代碼來隨意顯示圖庫和圖像。
如果是我,我會在'產品'的子頁面上創建'產品'頁面和個人'產品'頁面(或者如果您想要更大的靈活性,請使用產品的custom post type),然後上傳所有產品照片放入「產品」頁面圖庫(爲每個產品創建圖庫) - 並將主圖像設置爲每個產品頁面的'Featured Image'。然後在你的「產品」頁面模板(頁products.php)我會做一個循環來顯示所有的個別商品頁的featured images ..像..
<?php
//Add this to your 'Products' page temaplte, page-products.php
$products = new WP_Query(array(
'post_parent' => $post->ID,
'posts_per_page' => -1
));
while ($products->have_posts()) : $products->the_post() ; ?>
<a href="<?php the_permalink() ?>" title="<?php the_title() ?>">
<?php the_post_thumbnail() ?>
</a>
<?php endwhile;
?>
,將創建特色產品列表圖像,並且您可以使用CSS來調整顯示 - 每個精選圖像都會鏈接到單個產品頁面。
然後在你的具體的產品頁(您可以使用page template瞄準所有的),則可以顯示各個產品圖庫(如產品的細節鏡頭)使用get_children()或再次使用the_post_thumbnail(),以顯示更大特寫主要照片的後續版本。當然,你可以用你的個別商品頁的帖子內容顯示的信息文本的每一張照片,像這樣:
<?php
/* Template Name: Individual Product */
while (have_posts()) : the_post();
the_post_thumbnail();
the_content();
endwhile;
?>
把它另一步,您可以添加其他各種數據關於具有custom meta boxes的單個產品,並將它們顯示在頁面的某一側或類似於「產品尺寸」,「顏色」,「Foo」,「酒吧」......任何其他內容。希望有所幫助!
- 1. SugarCRM在詳細信息視圖中添加其他詳細信息圖標
- 2. 詳細信息視圖DropDownLists
- 3. 詳細信息視圖C#
- 4. 將詳細信息視圖添加到UITableView
- 5. 如何在詳細信息視圖
- 6. Crystal Reports詳細信息詳細信息
- 7. Android主詳細信息詳細信息
- 8. 動態添加TemplateField到詳細信息視圖
- 9. 將評論塊添加到Campaign詳細信息視圖vtigerCRM
- 10. 示例主詳細信息視圖 - 詳細信息片段更改內容
- 11. MasterView詳細信息與樹視圖
- 12. 詳細信息視圖註釋
- 13. DevExpress的詳細信息視圖從ASPxGridView
- 14. 在ASP.NET中的詳細信息視圖
- 15. 呼叫詳細信息視圖
- 16. devexpress aspxListBox詳細信息視圖驗證
- 17. MVC3「詳細信息」視圖中的HTML.Checkbox
- 18. 添加詳細信息鏈接結構
- 19. CakePHP的主/詳細信息添加
- 20. iPhone AppStore iOS 6詳細視圖(詳細信息,評論,相關)
- 21. 主詳細界面中詳細信息的多重視圖
- 22. 地圖位置詳細信息附加照片和其他詳細信息
- 23. Django視圖不會重定向到詳細信息頁面
- 24. Lucene:通過向其添加IR信息輸出詳細數據
- 25. JavaScript - XHR - 向請求添加SSL證書詳細信息
- 26. 向webapi不記名令牌添加額外的詳細信息
- 27. PushViewController詳細信息?
- 28. UISplitViewController更改主窗口和詳細信息視圖窗體詳細信息視圖
- 29. 詳細信息sql
- 30. UITableView詳細信息
我在哪裏放置單個產品模板的代碼,以及如何告訴我的產品頁面使用該模板? – Scooter
滑板車,看看這裏:http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates – James
謝謝詹姆斯。我的客戶改變了主意,不再想要這個,但我學到了一些東西。 – Scooter