「Stinger3カスタマイズ」続きを見る(続きを読む)を右側へ移動させる方法

公開日: : 最終更新日:2013/09/22 Stinger3, WordPress

stingerカスタマイズ「続きを見る」

WordPress無料テーマである、「Stinger」シリーズの「Stringer3」のカスタマイズを行いました。

カスタマイズした場所は、TOPページの記事毎にある「続きを見る」を右側へ移動させました。

個人的に「続きを見る」が左にあると、違和感がありましたので・・。

修正は、とても簡単です。

 

参考にしたサイト

参照:【Stinger2】「続きを読む」ボタンを右下に設定する方法|Oh-Blog

 

カスタマイズ手順

カスタマイズ手順を紹介致します。

※バックアップは必ず行ってください。

1.修正するファイルを開く

ファイル名:style.css

「style.css」をテキストエディタで開きます。

 

2.「続きを見る」で使用しているクラスを検索する

style.css」から「 .motto a 」というクラスを探す。

「.motto a {」というワードで検索すると、すぐに見つかります。

 

こちらがstyle.cssの修正するソースの場所です。

■修正前

.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;
}

■修正後

.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;
     float: right;
}

14行目に記述している「float: right;」追加する。

 

3.FTPソフトを使い、修正したソースファイルをアップする

修正したソースを、FTPソフトを使いサーバーへアップし完了です。

※バックアップは必ず取ってくださいね。

 

これで、「続きを見る」が右側へ移動しているはずです。

以上、私のカスタマイズ方法でした。参考程度にどうぞ。

 

 

スポンサードリンク

  • このエントリーをはてなブックマークに追加
  • Pocket

関連記事

st3

今話題のSEOに強いWordPressのテーマ「Stinger3」をカスタマイズしてみる

SEOに強い「Stinger3」というテーマをカスタマイズしようと考えていおります。

記事を読む

WordPressビジュアルリッチテキスト表示されない

WordPress初心者にたまにある「ビジュアルリッチエディタ」が表示されなくて焦った

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというち

記事を読む

st3

Stinger3をカスタマイズしている私が、テーマをアップデートされた際の差分インストール方法を紹介

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 St

記事を読む

Stinger3カスタマイズ、マウス続きを読む

「Stinger3カスタマイズ」続きを見るの上にマウスを置いたら変化するようにしてみた

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

LOGO

「Stinger3カスタマイズ」ブログのシンボルであるファビコン(favicon)を変更する方法

WordPress無料のテーマである、「Stinger3」のカスタマイズを行いました。 今回は

記事を読む

stinger3カスタマイズ区切り線

「Stinger3カスタマイズ」トップページを見やすく!記事と記事の区切り線を追加する方法

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

stinger3カスタマイズ画像

「Stinger3カスタマイズ」サイト名をテキストから画像へ変更

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカスタマ

記事を読む

Stinger3カスタマイズ、SNSボックス

「Stinger3カスタマイズ」画面下へ付いてくる、SNSボックスを削除する方法

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

スポンサードリンク

Comment

  1. […] 参考にさせて頂いたサイト様:Leeway’s Life Log […]

Message

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


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

スポンサードリンク

写真 2016-05-29 12 23 33
超簡単!MacでBluetoothスピーカーに接続する方法

MacにBluetoothポータブルワイヤレススピーカーに接続

写真 2016-05-29 13 10 57
MacBookと相性抜群!BluetoothスピーカーのオススメはSONY「SRS-X55」で決まり!

SONY「SRS-X55」   どうもこ

wraplus for Macbook Air
ノートPCにオススメ!おしゃれなMacBookAir&Proケース10選

MacBook AirやProは、シルバーカラーのスタイリッシュな

MacBookステッカー
MacBookAirと一緒に買うと良いオススメアイテム5つ紹介!

こんにちは!メインPCをWindowsからMacに変えてからも

退職したい
退職したい人の背中を押すための記事

  ある検索キーワードで私のブログを訪れる方た

→もっと見る

  • @leeway
    はじめまして。当ブログ管理人のLeewayと申します。
    20台後半の元サラリーマンです。現在はフリーで活動中。 書きたいことを自由に書いております。
    更新情報などつぶやきますので、よかったらフォローお願いします。


    follow us in feedly
PAGE TOP ↑