2011-11-02 54 views
0

當談到PHP時,我對PHP有點新鮮,但知道足夠了解並且想知道這是否可以完成。 sample在Wordpress頁面中使用包含標題的列

我想打破我的WordPress的頁面成2列,但也想在第1列....與其他文字的標題。我不想讓頭浮兩列結束了...

第二列將容納圖像只...

這可能嗎?在我的腦海中它是有道理的,但是當我嘗試解決它時,我只是不確定...

而我只是想...我的主頁靜態滑動滑塊它,現在會導致更多的悲傷。

任何幫助,建議或指針將不勝感激。

在此先感謝

回答

0

這是更多的CSS/HTML比PHP,但是這很好。你需要做的第一件事是瞭解how to make a two column layout。然後,你將需要有文章標題中的第一列,這樣的事情:

<article> 
    <div id="col1"> 
     <h1>Post Title</h1> 
     Lorem ipsum dolor sit amet... 
    </div> 
    <div id="col2"> 
     <img src="" /> 
    </div> 
</article> 

要到WordPress這一點,你當然會需要添加WordPress的標籤:

<div id="col1"> 
    <h1><?php the_title(); ?></h1> 
    <?php the_content(); ?> 
</div> 

最後,在右側添加圖像。它可以很容易地使用WordPress' built in functionality來完成,如果你只需要一個形象:(請注意,你將不得不在你的主題functions.php文件添加一些東西爲per the WordPress Docs

<div id="col2"> 
    <?php 
    if (has_post_thumbnail()) { // check if the post has a Post Thumbnail assigned to it. 
     the_post_thumbnail(); 
    } 
    ?> 
</div> 

要添加多張圖片,它變得更加複雜,你將不得不開始尋找一個插件來實現這個目標。

+0

謝謝,我會試試看。 –

+0

感謝尼克,這似乎有伎倆,雖然我在我在col2的位置,並希望有多個圖像,因爲它會是一種投資組合類型的交易...我希望有2 - 那邊有4張圖片。 你不會知道任何可以實現的插件嗎? –

+0

[多文章縮略圖](http://wordpress.org/extend/plugins/multiple-post-thumbnails/),[安裝章節](http://wordpress.org/extend/plugins/multiple-post-thumbnails /安裝/)進入如何將其包含在您的網站上。正如一個側面說明,[在StackOverflow上,如果您使用答案,您應該單擊該問題旁邊的複選標記。](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-回答工作) –

相關問題