Leeway's Life Log

札幌でWebデザイナーしてます。Mac、ガジェット情報など好きなこと書いていきます。

Stinger3 WordPress

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

投稿日:2013年9月21日 更新日:

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ソフトを使いサーバーへアップします。

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

 

以上で修正は完了です。

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

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

 

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

 

スポンサーリンク

-Stinger3, WordPress

執筆者:


comment

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

*

関連記事

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

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというちょっとしたアクシデントが発生しました。   現在使用しているリッチテキストエディターのプラグインは …

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

SEOに強い「Stinger3」というテーマをカスタマイズしようと考えていおります。 「Stinger3」は、無料のテーマで、こちらのサイトからダウンロードすることができる。 SEO対策に強い無料Wo …

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

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 Stinger3のカスタマイズを行っている方はやはり気になるんではないでしょうか。私は他の方がどうやっているのかすごく …

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

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタマイズ記事です。修正した内容は、画面下部へ付いてくるSNSボックスを削除するように修正致しました。 SN …

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

WordPress無料のテーマである、「Stinger3」のカスタマイズを行いました。 今回は、サイトのシンボルであり顔である、ファビコンを変更してみました。 Stinger3の初期のファビコンは、W …

@LEEWAY

@leeway

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


follow us in feedly