因為有網友在問如何修改幻燈片中那段黑色區塊的高度及透明度,所以就順便PO成文章做做筆記囉~

Arras 1.4的改法:

設定高度
首先開啟arras-theme/css/styles/default.css,在第154行會看到如下這串:

.featured-entry			{ position: relative; top: 165px; overflow: hidden; background: #000; height: 85px; color: #a7a7a7; padding: 0; display: block; opacity: 0.8; filter: alpha(opacity = 80); }

其中height: 85px;就是黑色區塊的高度值,但是你在這邊增減數值時也相對的要在top: 165px;減增回去,比如說我把height設為65px,則top就要設為165+20=185px

設定透明度
一樣也是在那一行中尋找opacity: 0.8; filter: alpha(opacity = 80);,因為為了相容瀏覽器可以顯示透明度所以會有兩種數值,一邊是用小數點另一邊是用整數,如果要改到不透明的話就是設 1 (100) 啦~~

 

Arras 1.5.1.2的改法:

設定高度
也是開啟arras/css/styles/default.css,在約第147行會看到如下這串:

.featured-entry			{ background: #000; height: 85px; color: #a7a7a7; }

此外也開啟arras/css/base.css,在約第105行會看到如下這串:

.featured-entry  { position: relative; top: -85px; overflow: hidden; padding: 0; display: block; opacity: 0.8; }

其中default.cssheight: 85px;就是黑色區塊的高度值,比如說我想要高度為65px則就改為height: 65px!important;,然後base.csstop: -85px;也要相對應其數值改為top: -65px!important;,這樣就可以成功把高度改為你想要的大小了。

設定透明度
一樣也是在base.css的那一行中尋找opacity: 0.8;,如果要改到不透明的話就是設 1 啦~~

作者: Mr. 夫

唯有力量才能制衡一切,沒有力量什麼都保護不了,就連自身也難保...

參與討論

37 則留言

  1. 感激感激…但修改仍然困難重重呢…
    第1-2次試的時間~還是好好的~有效果的…
    但theme的版面壞了…之後delete了default.css再upload原來的backup file上去~
    還原了之後…再改…又沒有反應了…
    救命呀><

    1. 應該是你電腦瀏覽器快取問題,不然正常來說是不會出現這種狀況的 0.0
      看你要不要再整個重新下載後再全部重新上傳看看。

  2. 我用的就是arras的主题,十分喜欢。正在找修改那个黑色带的方法,找到你的文章真好! 另外想请教一下,那个黑色带出现的效果能修改吗?比如说能修改成淡入淡入的效果吗? 我是语言菜鸟,正在学玩wordpress的。

    1. 沒辦法喔~因為我充其量只是改size,改效果算是大改了,原主題作者也沒提供其他效果的設定參數,所以你只能乾脆換其他的幻燈片外掛來用了。

  3. 首先很感激您的教學,這個theme對我來說實在太複雜了,但又覺得好看不肯放棄。
    想問兩個問題,首頁最新文章下方的第幾頁連結,有要裝外掛嗎?我的好像只會秀”order post”,另,這個功能只有”News Posts”有嗎?”Featured Posts”沒辦法顯示?
    再來是”Node Based” summery 是取文章前幾個字嗎?字數在哪裹設定?我的summery 設了margin,可是對下方邊界無效,字都會黏著下面框框,可以改嗎?
    如果問題太笨還請原諒,無論如何,先謝謝您囉。

    1. 1. 那是因為我裝了WP-PageNavi這個外掛才會有這效果
      2. 文章編輯頁面有個摘要欄位,你可以在這輸入內容,然後會改優先顯示摘要的內容,如果還是不行可以用

      來分段顯示。

  4. 你好

    1. 这个幻灯片怎么样设置显示某些特定的文章的特色图片,而不是分类下的。因为分类下有的文章没有图片,幻灯片就已默认的空白图片显示了,很不好看。
    有什么办法解决吗?

    2. 如何设置文章摘要的字数,(就是你首页下注目新闻文章标题下的第一句话)
    我在后台设置的时候总是无法实现,不是几个字,就是全文显示了。。

    1. A1. Arras可以僅顯示置頂類型的文章,你可以利用這點來區隔顯示特定的文章。

      A2. 你可以直接在文章編輯頁面的文章摘要欄位輸入想要的內容即可,我都是這種做法。

  5. 1:那可以讓這個幻燈片隨機顯示文章嗎?

    2:你說的這個摘要欄位我一直沒找到,需要安裝外掛嗎? 我才知道了標簽可以實現摘要。

    3:我按照此文嘗試著修改區塊的高度,但是我的arras是1.5.0.1的,default.css文件中没找到toptop: 165px…

    4: 你首頁最新文章底部的可以選擇第幾頁第幾頁是怎樣實現的,我顯示的是更早的條目,點擊進去就以歸檔的方式顯示了。

    5:歸檔頁用每行的方式顯示,如何讓它顯示時間?

    菜鳥問題較多,麻煩你了。。

    1. A1. 沒辦法。

      A2. 文章右上方有個顯示選項,勾選文章摘要就會顯示該欄位了。

      A3. 我這改法僅限1.4… 1.5的話我這幾天再啃原始碼看看能不能改好了 @@

      A4. 要裝WP-PageNavi外掛,要去後台的Arras Options去改顯示的方式 [ Arras Options -> Home -> Tapestry (Display Type) -> 自己選一選找個自己喜歡的樣式吧

      A5. 這等於要改寫程式碼,不然你可以考慮改用不同的顯示方式 [ Arras Options -> Layout -> Archive / Search -> 自己選一選找個自己喜歡的樣式

  6. 非常感謝你的及時回復。

    1 找到這個摘要欄位了,真是非常好,終於解決了。(為了這個摘要前幾天我還搜索要改代碼,看的我頭疼~~~)

    2,WP-PageNavi外掛我裝了,然後將首頁和歸檔顯示的方式設置成一致就好了。

    非常謝謝你, 再遇到什麽問題我還會來的。(*^__^*) 嘻嘻~

    1. 你裝的WP-PageNavi我印象不用手動加上程式碼就已經自動相容於Arras主題了,或許是設定問題吧~ 可以試看看我的設定套用看看。
      第一個欄位是:
      第 %CURRENT_PAGE% 頁(共 %TOTAL_PAGES% 頁)

      snap

  7. 版主大大你好~
    我依照你的教學方式一步一步的操作
    但是那該死的黑色區塊始終原封不動的在那邊擋住我的圖片
    我希望將黑色區塊的高度設定在只顯示出我的標題的高度
    但我就是沒辦法修改它~請問我到底該如何是好呢?
    感謝大大無私的回覆喔

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *