您在這裡

如何做出像奇摩首頁圖文組合效果??

godwin99's 的頭像
godwin99 在 2010-12-31 (週五) 15:52 發表

討論區的朋友們,大家好!
一個思索已久的問題,一直無法得到解答
又來麻煩各位啦~
這是我最近學習views所做出來的頁面 http://purelove.org.tw/class-blog
我的問題是:
如何調整圖片、標題、內文 做出類似像很多首頁(如奇摩)上面的效果?

就是圖 標題 摘要都可以自由搭配組合
我有裝panels 不過一直找不到相關的教學
麻煩各位高手指點一下囉~~

附加檔案大小
Image icon 018.jpg65.18 KB

我用panels做的測試
出來的東西要如何去修整成自己所要的呢??
如圖所示
標題在最左邊 且是直行
希望可以移到最上方左邊
標籤也是不對的
日期則想移到上方右邊
摘要則放在相片底下

我知道也許需要很複雜的說明
所以如果能有網路上相關教學
會對我幫助很大
還有您的一字一句
都會有助於我理解這個問題
請您不吝賜教
謝謝各位了

對了,
祝福大家 新年快樂 兔飛猛進
drupal中文站 鴻兔大展!!

要用文字說明在 panels 中要怎麼調整還真有點不容易。

看了一下你的圖示說明,倒是讓我覺得可以考慮使用 display suite.

在這個圖中,左邊是五個欄位,右邊其實只有一個 node 的 body 欄位。使用 display suite, 可以建立三個欄位的版面,這三欄中要如何放置 fields 是由你決定。fields 也可以隠蔵起來。這個模組比起 panels 簡單多了,設定容易。

display suite 還有一個示範的網站,看過之後,應該很容易理解它的用途。

最近剛好有用到,大概說明一下:
請先用views做出你要顯示的block
在左側的選項裡面,某些『樣式』可使用『Row style』就會出現『Row style』的設定

然後變更『Row style』為『Panel fields』

就會出現設定的部份,選擇你要的『Panel layout』,然後在將各field指定到你想放的位置去

完成的區塊就可以任意使用,要再嵌入某個panel也行

謝謝artt 與 lunderlini的回應
display suite我之前就安裝過
原來它還可以做出這樣的效果!
而views的選項上原來就可以直接設定panels
真是太棒了!
只是不知是否版本問題
我的頁面與 lunderlini的很不一樣
我用drupal6.19 /panels3
在views的style中可以看到有panels的選項(如圖)

可是選了之後 會出現錯誤訊息(如圖)

另外在Row style中 也沒有panels的選項
問題出在哪裡呢??

謝謝lunderlini~
我把錯誤的views刪除 又重新做一個
但是只要我在views的 style中選取 panels任何一個選項
就會出現錯誤訊息

而且即使裝了views bonus pack
結果看到的頁面還是一樣
不知道怎麼做才能夠做到像lunderlini一樣的頁面呢??