賢威7カスタマイズ

賢威7クール版の「続きを読む」をオリジナルボタンに変更に挑戦しました。

まずは、作成した「>続きを読む画像」をアップします。

WordPress管理画面から「メディア→新規登録→フアイル選択」と進みます。

編集をクリックします

画像URLをコピーします。

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

F3キーで検索入力に下記コードを入力して探します。

<p class=“link-next”><a href=<?php the_permalink() ?>><?php _e(‘see more’, ‘keni’); ?></a></p>

赤枠の部分を以下のコードに変更します。

<p class=“link-next”><a href=<?php the_permalink() ?>><img src=“画像のURLを貼付け”></a></p>

 

スポンサーリンク

 

このままですと、リストのアイコンの「この記事の続きを見る」

が残ってしまいますので、これを削除します。

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

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

background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;

赤枠の部分を削除します。

はい、出来ました。

まとめ

前回参考に、させて頂いたサイトでは、うまくいきませんでしたが今回は賢威7コーポレート版を参考にさせていただきました。コードを見ると微妙に違いまがありますから、お気をつけください。賢威7.0クール版では、以上のコード変換で出来ましたので、参考にして頂ければと思います。ではm(__)m。

 

スポンサードリンク