賢威7のトップページに表示される記事の「続きを読む」の部分を、
見栄えがいいようにオリジナルの画像に変更する方法をご紹介します。

ワードプレスの管理画面から「外観→テーマ編集→cont.php」を開きます。

cont.php内で以下の箇所をF3キーで探します。

 



keni7tudki (1)


この部分を以下の様に変更します。



続きを読むの箇所に入れたい画像を、新規メディア追加からアップします。

keni7tudki (2)


編集をクリック

keni7tudki (3)


画像URLをコピーします。

keni7tudki (4)


コピーしたURLを「アップした画像URL記入」の箇所に挿入します。

「アップした画像URL記入」は目印ですので削除してからURLを入れて下さい。

keni7tudki (5)


すると、続きを読むが画像に変わりました。

しかし、左側に>マークがあり見栄えが悪いです。

keni7tudki (6)


このままですと、元々のリストのアイコンが残ってしまうので、
それを削除しておきます。

ワードプレスの管理画面から「外観→テーマ編集→base.css」を開きます。

base.css内で以下の箇所をF3キーで探します。

太文字の部分を削除してください。

.link-next a{
padding-left: 13px;
background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}


 

keni7tudki (7)


すると、>マークは消えてスッキリしました。

keni7tudki (8)


変更前の続きを読むは文字だけです。

文字だけですと、デザイン性が劣りますので、
オリジナル画像を使ってカスタマイズした方が良いです。

keni7tudki (9)

こちらが今回使ったオリジナル画像ボタンです。
こちらは、マヒルズが制作致しました。

ご自分でオリジナル画像ボタンを作ってみて下さい。

keni7tudki (10) 




参照:賢威7カスタマイズまとめ一覧