Blogger|Google Blogger RWD 四大主題樣式-Soho

Blogger Soho主題
Blogger Soho主題

測試用 Google Blogger RWD 四大主題樣式套出來的樣子
這網站之前的圖片沒有統一尺寸,所以我的主部落格沒選這主題,這網站的主題是 Contempo Light ,文章前附的小圖是無法點連結進入文章內容的(後來有在 HTML 處理了一下,可以點縮圖進入文章了🎉)

Soho Dark主題

重點 以圖片作主軸 文章圖片尺寸測試最佳為 1660*800像素, 2:1 也行
若同時有圖片比 1:1 / 2:1 主頁版面會看起來較亂
soho樣式圖片尺寸不同 牆面會不統一

PS:為了把內容完整,及做一個 Demo 示範網站,發現原來試的圖片已經不同,或許是官方又有修改範本。下面的範本是 2022/5/3 重新代的圖片尺寸
SohoDemo Featured Articles

SohoDemo-CeliaSu-guides
  • 精選文章:拉輔助線上 67px,下 886px (輔助線的值)
  • 文章圖片:1228*960px
SohoDemo-CeliaSu

1. 除文章標題,圖片也可以連結看文章內容,沒有引出內文及繼續閱讀(精選文章才有)
2. 首頁是精選文章,再來最新文章
3. 蒐尋的網頁文章,下方會帶熱門文章(帶出大圖)
4. 網誌文章只帶圖示,沒帶入部份文章內容,所以文章首圖要能表達文章主要內容。
5. 個人資訊關於作者 24吋桌機 100%就會直接show在左側
    (我15吋筆電要縮放至 80%才會跑出來)

6. 圖片尺寸統一 ,首頁照片牆會比較好看


延伸閱讀:

留言

  1. 同時按下 Ctrl + F 開啟[搜尋框] 找到 ~~ <div class='snippet-thumbnail'> ~~

    改成以下醬,點按摘要小圖連結就可以進入文章內容 了😜

    <div class='snippet-thumbnail'>
    <a expr:href='data:post.url'>
    <b:include data='{ image: data:post.featuredImage ..... 這一行是原來的圖片顯示 ... }' name='responsiveImage'/>
    </a>
    </div>

    回覆刪除
    回覆
    1. 太感謝了,我來試試
      但每篇文章都要改哦?

      刪除
    2. 不是文章啦!!
      是板型範本的 XML,大概有3處,一個是熱門文章,一個是精選文章
      另一個是文章摘要...

      刪除

張貼留言

這個網誌中的熱門文章

Google|表單封面及內圖尺寸

KTJ大榮貨運託運單列印及軟體操作運費說明

剪映|新版支援繁體中文及導出SRT做CC字幕

【檔案下載】大榮貨運單列印託運單下載

字型|可商用免費的字型載點來源

【LINE@官方帳號】主頁|訊息項目-圖文訊息版型尺寸