2014-02-25 56 views
0

我使用的是穿上了FrontPage相關帖子摘錄本的fishpig代碼: http://fishpig.co.uk/magento/wordpress-integration/services/recent-posts-block/#codeFishpig集成 - 獲取主頁上的特色圖片?

不過,我已經成功地把這個代碼在自定義選項卡CMS塊都在頭版和使用,但我無法弄清楚如何讓特色圖片與節選一起展示。

頭版XML

** 
* Display a list of your 5 most recent WordPress Posts 
* Also include post excerpt, date and comment count 
* 
* {{block type="wordpress/sidebar_widget_posts" name="wordpress.widget.recent_posts"  post_count="5" title="Latest Posts" excerpt="on" excerpt_length="1" date="on" comment_num="on" template="wordpress/sidebar/widget/categoryposts.phtml"}} 
*/ 
--> 
<reference name="head"> 
<action method="addItem"><type>skin_css</type><name>css/custom.css</name></action> 
</reference> 

<reference name="content"> 
    <block type="wordpress/sidebar_widget_posts" name="wordpress.widget.recent_posts" as="recent_posts" template="wordpress/sidebar/widget/categoryposts.phtml"> 
     <action method="setTitle"><title>Latest Posts</title></action> 
     <action method="setPostCount"><post_count>5</post_count></action> 
     <action method="setExcerpt"><display>on</display></action> 
**HELP**--><action method="setFeaturedImage"><display>on</display></action> 
     <action method="setDate"><date>on</date></action> 
     <action method="setCommentNum"><comments>on</comments></action> 
    </block> 
</reference> 

這裏是一個自定義標籤的代碼:

{{block type="wordpress/sidebar_widget_posts" name="wordpress.widget.recent_posts" post_count="5" category_id="19" title="Latest Posts" excerpt="on" excerpt_length="1" date="on" comment_num="on" template="wordpress/sidebar/widget/categoryposts.phtml"}} 

謝謝!

回答

1

要添加圖片,您需要修改最近的帖子模板。下面的代碼說明了如何從一個Post模型顯示圖像:

<?php if ($featuredImage = $post->getFeaturedImage()): ?> 
    <div class="featured-image left"> 
     <a href="<?php echo $post->getPermalink() ?>" title="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"><img src="<?php echo $featuredImage->getAvailableImage() ?>" alt="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"/></a> 
    </div> 
<?php endif; ?> 
+0

所以我會修改wordpress/sidebar/widget/categoryposts.phtml吧? – KoolRiffs

+0

啊。得到它了!使用wordpress/sidebar/widget/categoryposts.phtml 我使用了你給我的代碼並替換了文件中已有的FeaturedImage代碼。我想知道爲什麼你原來在categoryposts.phtml中的代碼不起作用。 – KoolRiffs

+0

顯示圖像的正確的XML操作將是 on。這些行爲並不合理,但這是因爲我複製了WP Category Posts插件(錯誤)。我會盡快改進,但現有的行動將繼續發揮作用。 –

0

請去這個路徑:

/應用程序/設計/前端/基/默認/模板/ WordPress的/側邊欄/小工具/ categoryposts.phtml

並將此代碼替換爲從WordPress獲取精選圖片。

<?php if ($featuredImage = $post->getFeaturedImage()): ?> 
       <div class="featured-image left"> 
        <a href="<?php echo $post->getPermalink() ?>" title="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"><img height="185" width="320" src="<?php echo $featuredImage->getFullSizeImage() ?>" alt="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"/></a> 
       </div> 
      <?php endif; ?> 
0

<action method="setFeaturedImage"><display>on</display></action>應該是<action method="setThumb"><thumb>on</thumb</action>

0
<?php if ($featuredImage = $post->getFeaturedImage()): ?> 
      <div class="featured-image left"> 
       <a href="<?php echo $post->getPermalink() ?>" title="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"><img src="<?php echo $featuredImage->getAvailableImage() ?>" alt="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"/></a> 
      </div> 
<?php endif; ?> 

,您可以:

萬一
$featuredImage->getFullSizeImage(); 

getThumbnailImage() 
getMediumImage() 
getLargeImage() 
getFullSizeImage() 
getPostThumbnailImage() 
getAvailableImage() 
getImageByType($type = 'thumbnail') 
-2

沒有人都注意到了XML的解決方案確實工作。只是上面提供的XML缺少一個「/」

應該是: 上

+2

您的答案完成了嗎? –

0

Post Images in Magento WordPress Integration

WordPress允許您將圖像添加到帖子或網頁,並將此圖像作爲「特色圖像」。然後這個圖像自動調整大小,可以在WordPress管理員中修改。此圖片的縮略圖會自動顯示在您的綜合博客中的帖子中,但是,無論您擁有Post模型,都可以顯示精選圖片。

以下代碼將顯示帖子的精選圖片作爲鏈接到帖子頁面。

<?php // $post is already defined ?> 
<?php if ($featuredImage = $post->getFeaturedImage()): ?> 
    <a href="<?php echo $post->getPermalink() ?>"> 
     <img src="<?php echo $featuredImage->getAvailableImage() ?>" alt="<?php echo $this->escapeHtml($post->getPostTitle()) ?>"/> 
    </a> 
<?php endif; ?> 

首先,將代碼通過調用$post->getFeaturedImage()它返回Fishpig_Wordpress_Model_Image的目的檢索功能圖像模型。代碼然後調用$ featuredImage-> getAvailableImage(),它返回它可以找到的圖像的最小版本。

可以獲得特定大小的圖像,而不僅僅是第一個可用的圖像。

後續的方法:

<?php 

    $image = $post->getFeaturedImage(); 

    // Get the URL of the thumbnail image 
    echo $image->getThumbnailImage(); 

    // Get the URL of the medium sized image 
    echo $image->getMediumImage(); 

    // Get the URL of the large image 
    echo $image->getLargeImage(); 

    // Get the URL of the full size image (this will be the original uploaded image size) 
    echo $image->getFullSizeImage(); 

    // Get the post thumbnail image URL 
    echo $image->getPostThumbnailImage(); 

    // Work through these images and get the first available image 
    echo $image->getAvailableImage(); 

?> 

,你需要肯定的是,帖子已經有特徵的圖像。