ネットビジネス,物販アフィリエイト,サイトアフィリエイト
yaji-010yaji-010
苗字/ニックネーム可
メールアドレス
※登録後30秒以内にメールが届かない場合は迷惑メールフォルダをご確認下さい。


賢威6.2 トップページ『続きを読む』をボタン画像にする方法

続きボタン元

 

賢威トップページでは各記事の情報として

『記事タイトル』『日付』『タグ』

『アイキャッチ画像』『記事文章の抜粋』とあり右下に

『「●●(記事タイトル)」の続きを読む』

という文字リンクがあります。

 

 

この箇所がクリックされるかどうかで

実際に記事ページに行って詳細の情報を

訪問者が見るかどうかが決まるので、

非常に重要な場所ですね。

 

 

そこで

文字リンクではなくボタンにした方がクリック率が上がり、

記事を見てもらえるケースがあるので、

 

 

この文字リンクをボタンや、押してもらいやすいような

画像にする方法を今回は紹介していきます。

 

 

 

トップページ『続きを読む』をボタン画像にする方法

続きボタン完

 

ワードプレス管理画面より

『外観』『テーマの編集』とすすみ

『メインインデックスのテンプレート(index.php)』をクリックします。

 

 

そして、

 

のコード中の

という箇所を

とすることで、

『「●●(記事タイトル)」の続きを読む』

という文字リンクが画像になります。

賢威でURLの取得方法はこちら

 

 

そして、

このままですと文字リンクの横についていた

矢印のアイコンが残っていますので、

『外観』『テーマ編集』と進み

『design.css』の中の

 上記3行目の箇所を消すことで、

矢印のアイコンも消えて、

ボタン画像だけになります。

 

 

設定はこれで完了です。

 

 

 

 この『続きを読む』の文字リンクは

ボタンにしたほうが良い場合もありますし、

文字リンクのままのほうが良い場合もあります。

 

 

これは、

そのボタンのデザインやメッセージの内容、

どのような属性の人が訪問者になっているのかなど

様々な要素で変わってくる部分ですので、

ぜひ色々なパターンを試しながらあなたのサイトに

ベストな形にしてみてください。

 

 

また、

賢威6.2の全パーツカスタマイズ一覧まとめページを作成しましたので、

他の箇所をカスタマイズされたい場合は一度見てみて下さいね。

 

賢威6.2【全カスタマイズを一覧まとめ】ワードプレステンプレート

 

 

 

ネットビジネス,物販アフィリエイト,サイトアフィリエイト
yaji-010yaji-010
苗字/ニックネーム可
メールアドレス
※登録後30秒以内にメールが届かない場合は迷惑メールフォルダをご確認下さい。

このページの先頭へ