Blogger｜Google Blogger RWD 四大主題樣式-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
重新代的圖片尺寸
Soho Demo
- 精選文章：拉輔助線上 67px，下 886px （輔助線的值）
- 文章圖片：1228*960px
1.
除文章標題，圖片也可以連結看文章內容，沒有引出內文及繼續閱讀（精選文章才有）
2. 首頁是精選文章，再來最新文章
3. 蒐尋的網頁文章，下方會帶熱門文章（帶出大圖）
4. 網誌文章只帶圖示，沒帶入部份文章內容，所以文章首圖要能表達文章主要內容。
3. 蒐尋的網頁文章，下方會帶熱門文章（帶出大圖）
4. 網誌文章只帶圖示，沒帶入部份文章內容，所以文章首圖要能表達文章主要內容。
5.
個人資訊關於作者 24吋桌機 100%就會直接show在左側
(我15吋筆電要縮放至 80%才會跑出來)
6. 圖片尺寸統一 ，首頁照片牆會比較好看
(我15吋筆電要縮放至 80%才會跑出來)
6. 圖片尺寸統一 ，首頁照片牆會比較好看
看影片-套用 SOHO主題樣式（舊版尺寸）
延伸閱讀：
- 福宴台南風味小館 （原始範本）
- Canva｜行銷｜理財 （有另外加 CSS）
同時按下 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>
太感謝了，我來試試
刪除但每篇文章都要改哦？
不是文章啦!!
刪除是板型範本的 XML，大概有3處，一個是熱門文章，一個是精選文章
另一個是文章摘要...