WORDPRESS STINGER3 で「続きを読む」を右配置にする(動画あり)

当ブログは、人気無料テーマ「STINGER3」を使用していますが、ブログ内に設置されている『続きを読む』が左側に配置されております。

2014-08-02_22h00_56

 

それでも問題は無いのですが、デザイン的に右側の方がしっくり来るため、配置位置の変更をしてみました。

369334imxwq2w5id

 

まず、「ダッシュボード」 ⇒ 「外観」 ⇒ 「テーマ編集」

へと進み、スタイルシートの編集に入ります。

 

800行目あたりに、

(変更前)

/*記事を読む*/

.motto a {
	color: #FFF;
	text-decoration: none;
	background-color: #f3f3f3;
	width: 90px;
	color: #666666;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
}

という記述があるかと思います。

この中のfont-weight: normai; を

float: right; という記述に変更します。

2014-08-02_22h04_33

(変更後)

/*記事を読む*/

.motto a {
	color: #FFF;
	text-decoration: none;
	background-color: #f3f3f3;
	width: 90px;
	color: #666666;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	float: right;
}
2014-08-02_22h19_51

変更出来たら、保存し、更新をかけます。

 

ブログでの表示を確認し、変更が出来ていれば完了です。

2014-08-02_22h20_18

上記内容を動画でも撮っておりましたので、公開いたします。

WORDPRESS STINGER3 で「続きを読む」を右配置にする

最後まで記事をお読みいただき、有難う御座います664789c6oez1lkq4

あなたに合格が訪れます様に

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です