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

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

stinger3カスタマイズ区切り線

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

今回カスタマイズしたところは、TOPページの記事と記事の間に、「区切り線」を追加!

少し見づいかなぁ。と思いましたので。

 

オリジナリティを出すためにどんどんカスタマイズしていきます!

参考にしたサイト

参照:[凛]WordPressテーマ”Stinger”カスタマイズ初心者編!点線で見た目を可愛くしよう!|りんろぐ。

 

カスタマイズ手順

それでは、カスタマイズ手順を紹介致します。

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

 

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

ファイル名:style.css

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

 

2.style.cssを修正する

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

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

 

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

■修正前

.entry {
     margin-bottom: 20px;
     padding-top: 10px;
}

■修正後

.entry {
     margin-bottom: 20px;
     padding-top: 10px;
     border-bottom: 1px solid #000000;
}

4行目に記述している「border-bottom: 1px solid #000000;」追加する。

[solid]と指定していますので、区切りは「線」になります。点線にしたい方は、[solid]を[dashed]にすればOKです。

[#000000]は黒色なので、好きな色を指定してください。

 

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

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

※何度も言いますが、バックアップは必ず取ってくださいね。

 

以上で修正は完了です。

これで、「区切り線」が表示されているはずです。

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

 

失敗したらすぐ戻す!これが鉄則です。

 

スポンサードリンク

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

関連記事

st3

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

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

記事を読む

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

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

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

記事を読む

st3

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

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

記事を読む

stinger3カスタマイズ画像

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

LOGO

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

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

記事を読む

スポンサードリンク

Comment

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 ↑