修改使用wpsho網站的celebrate主題...

這裡紀錄一下商品網站使用的celebrate主題...
1.在側邊區塊欄位使用了wp-recentcomments外掛，大頭照尺寸改為32x32的做法是修改此外掛的css樣式。
完成圖如下:

作法:打開此外掛wp-recentcomments，找到css資料夾下的wp-recentcomments.css檔案
修改此行語法

.rc-item .rc-avatar{background:#FFF;padding:1px;border:1px solid #999;width:32px;height:32px;}/* 20180523加入大頭照大小尺寸 */

2. 修改單篇文章的縮圖顯示尺寸，修改content-page檔案，替換如下語法

get_the_image(array('size'=> 'thumbnail'));
// 20180521 將預設的'size'=> 'large'，改為'size'=> 'thumbnail'

 接著修改style.css檔案，加入下面語法

/* 20180521 自己加入單篇文章小縮圖的樣式*/
img.size-thumbnail {

width:130px;
height: 110px;
padding:15px 0px;

}

3.修改首頁呈現的摘要文字顯示，參考下圖

作法:打開functions.php檔案，找到function celebrate_excerpt_length( $length )下的return 修改為28

/*下面在20180522日改為首頁摘要以40字數呈現 */
function celebrate_excerpt_length( $length ) {

return 28;

 4.修改首頁特色圖檔的尺寸大小，預設只有寬度值，修改為如下(讓每張圖檔呈現相同大小尺寸顯示)

作法:打開style.css檔案，找到img修改如下

img {

width: 100%;
height: 300px;/* 20180521自己加入首頁文章縮圖樣式 */
object-fit: cover;/* 20180521自己加入首頁文章縮圖樣式 */

/* max-width:100%;

width: inherit;

height:auto !important;*/

}

5. 修改標題名稱過長影響版面不一的方式:

 修改style.css檔案，找到如下.entry-title 標籤，修改如下即可..(參考註解說明)

.entry-title {

font-size:24px;

color:#232323;

line-height:32px;

margin:0 0 4px;

word-wrap: break-word;

-ms-word-wrap: break-word;

/* 下面的兩樣式是自己加入 20180603 */
overflow: hidden; /*將超出範圍的 xxx 直接被隱藏 */
display: -webkit-box;/* 元素會以區塊方式呈現 */
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* 顯示行數 Chrome&Safari 這例如:1行*/
height: 32px; /*height，是當Firefox或IE瀏覽器，就將文字自動隱藏並出現。 */



}