田村カツオ田村カツオ

こんにちわ。田村カツオです。

今回はワードプレステンプレート賢威7の「続きを読む」を画像のボタンにカスタマイズする方法について説明していきます。

「続き読む」が目立たないよりは目立った方が絶対良いです。ちょっとの作業で変えられる部分なのでささっとやってしまいましょう!

田村カツオのメルマガ登録ボタン

メルマガ(無料)をやっています。興味のある方はどうぞ!(^^;)

賢威7の続きを読むを画像ボタンにカスタマイズする方法!

田村カツオYouTube公式チャンネルでは賢威7の「続きを読む」を画像ボタンにカスタマイズする方法についで動画で説明しています。文章の説明ではいまいちピンと来ないという方は是非ご覧になってみて下さいね!

チャンネル登録はこちらから!

YouTubeチャンネル登録ボタン

ワードプレステンプレート賢威7の「続きを読む」を画像のボタンにカスタマイズする方法

続きを読むとはコレの事。

まず最初に念の為、続きを読むとは何なのかについて一瞬で説明します。コレです↓

続きを読むとはコレ

ブログのトップページでよく見かけますね。ただ、テンプレートによってはデフォルトではないものもあります。

ここでは賢威7の場合で説明していきますが、他のテンプレートの場合でも応用は出来るはずです。

続きを読むを画像ボタンにカスタマイズする方法。

画像を先に用意しておく。

続きを読むを画像ボタンにカスタマイズする方法ですが、まずボタンとなる画像を作っておきましょう。バナープラスやPhotoScape、ペイント、PhotoShopなどソフトは何もいいです。

大きさで悩むところですが、僕のこのブログでは192×53pxの画像を使用しています。ですので大体その前後の大きさが良いのではないでしょうか?

続きを読むボタン
僕のブログで使っている続きを読むボタンです。

画像を用意したらダッシュボード画面左のメニュー一覧から「メディア」を選んで作った画像を入れておきましょう。

テーマの編集を行う。

ダッシュボード画面左のメニュー一覧から「外観」→「テーマの編集」と進み「テーマファイル」から「cont.php」を選択します。

cont.php

 

cont.phpの中から次の記述を探しだします。

 

上記の記述に下記の記述を上書きします。


<p class="link-next"><a href="<?php the_permalink() ?>"><img src="画像のURL"></a></p>

 

画像のURLの部分に先ほど作った画像のURLを貼り付け上書きして完成です。

「ファイルを更新」ボタンを押すのを忘れずに(^_-)

「ファイルを更新」ボタンを押す。

終わりに。

ワードプレステンプレート賢威7の「続きを読む」を画像のボタンにカスタマイズする方法について説明してきましたが、いかがでしたでしょうか?

簡単な作業ですぐ出来ますし、ブログが賑やかになり、訪問者が記事を読んでくれる可能性も高まります。やっておいて損はないので是非トライしてみて下さいね(^_-)

======================

現在、メルマガ登録者限定で初心者がブログアフィリエイトで月収10万円以上稼ぎ、インターネット上に資産を築く為のオリジナルテキストをプレゼント中です!

自分の部屋でPC1台で楽しく稼いでみたいという人は是非ご覧になってみて下さいね(^_-)

※僕のメルマガは無料で読んで頂く事が出来ますし、必要ないと感じたらいつでもボタン1つで解除が出来ます。