賢威7で『続きを読む』をオリジナル画像にカスタマイズする方法!

こんにちは、chiakiです。

 

賢威7のデフォルト状態の

続きを読む」ボタンが

少し寂しく思えますよね。

 

「続きを読む」だけですから・・・(笑)

 

 

なので、少しでも賢威7を

おしゃれにするためにも「続きを読む」を

カスタマイズしていきましょう!

賢威7で『続きを読む』をオリジナル画像にカスタマイズ

 

上記の画像が

デフォルト状態の「続きを読む」。

 

今回はコチラをオリジナル画像に

カスタマイズしていきます!

 

 

 

まず、Wordpressにて

『外観⇒テーマ編集⇒cont.php』へと進みます。

 

そして、cont.phpの最下部あたりにある

以下(↓)のCSSを変更して下さい。

 

デフォルト状態のCSS↓

 

変更後のCSS↓

 

 

コチラの『画像のURL』に

設定される画像のURLを埋め込めば、

「続きを読む」のカズタマイズは終了です^^

 

  • CSSを変更しても反映されない時はコチラをどうぞ!

参考:WordPressのCSS編集後に反映しない時の対策

 

画像URLの取得方法

 

画像URLの取得方法が

不明の方はコチラも合わせてお読み下さい。

 

 

WordPressにて

『メディア⇒新規追加』へと進みます。

 

 

そして、

使用する画像をアップデートし

「編集」へと進みます。

 

 

編集ページにて、

右側に掲載されている

「ファイルのURL」が画像URLなので、

コチラをCSSにコピペして下さい。

 

 

以上のことで

賢威7の「続きを読む」が

カスタマイズさせたはずです^^

 

 

デフォルトよりは

おしゃれなボタンになりましたね!

 

 

このように、

賢威7のカスタマイズは

非常に簡単になっていますので、

 

お好きな箇所を

ドンドン変更して下さいね!

 

関連記事

  1. 賢威7でグローバルメニューの色を変更【文字・背景・マウスオーバー】

  2. 賢威7でファビコンをたった1分でカスタマイズ!

  3. 賢威7で見出しをカスタマイズ!おしゃれデザイン6選【コピペ】

  4. WordPressでCSS編集前の注意点!エラーの対策をしよう

  5. 賢威7でアイキャッチ画像のサイズをカスタマイズする方法!

  6. WordPressのCSS編集後に反映されない時の対策

  7. 賢威7で関連記事を記事下に自動表示させるカスタマイズ!

  8. 賢威7でグローバルメニューを設置する方法について解説

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。