修改佈景主題中的blockquote

目前在部落格上建置了許多不同的布景主題,
讓參觀的人可以自由選用。
但是每個部落格中的blockquote的設定不同,
其中我很喜歡ShadedGrey中的blockquote,
但是在Big Blue及Architec此兩個佈景主題中的blockquote皆只有縮排,
Twentyten的blockquote則是縮排加斜體字,看起來很累很辛苦,
且皆無任合的圖示和底色做區別,
很難讓人感覺出來這是引用別人的文章,
於是我決定將ShadedGrey的blockquote搬過來使用。

首先要先把ShadedGrey內的blockquote.png檔分別搬到各個佈景主題的資料夾中。
開啟Big Blue的CSS檔案,
尋找

1
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:590px;}

下一行加上

1
2
3
4
5
6
7
.post blockquote{
	background: #EEE url(images/blockquote.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
}

開啟Architec的CSS檔案,
尋找

1
.post h3 { padding: 30px 0px 5px 0px;}

下一行加上

1
2
3
4
5
6
7
.post blockquote{
	background: #EEE url(img/blockquote.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
}

開啟Twentyten的CSS檔案,
尋找

1
2
3
4
5
6
7
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}

刪除
尋找

1
2
3
4
5
6
7
8
9
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

刪除
尋找

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

刪除
尋找

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}

下一行加上

1
2
3
4
5
6
7
.post blockquote{
	background: #EEE url(images/blockquote.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
}

即可將ShadedGrey內的blockquote搬到Big Blue、Architec及Twentyten中使用。

本篇發表於 部落格架設。將永久鍊結加入書籤。

修改佈景主題中的blockquote 有一則回應

  1. Richer 說道:

    你使用 WP-postviews plus 的問題,我無解。

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>