アフィピク登録

【賢威6.2カスタマイズ】記事の上部にアイキャッチ画像と抜粋を表示させる方法

賢威6.2で、記事の上部にアイキャッチ画像を記事の抜粋を表示させる方法をご紹介しています。こうすると、記事の内容が一目でわかるので、ユーザビリティアップに一役買ってくれますよ。

ららです。



ららのブログのテンプレートは「賢威6.2」なんですが、
ちょこちょこを手を加えて、自分好みにしております^^

中でも気に入っているのが、
記事の最初に、アイキャッチ画像と記事の説明文を表示させているところです。

こんな部分です。



そしてさらに、
記事本部との境目をつけるために、ラインを入れています。



記事の最初に、記事の抜粋が載っていると、
どんな記事なのか一目でわかるので、訪問者さまにも優しいですしね。

それのやり方をご紹介します。



記事の上部にアイキャッチ画像と抜粋を表示させる方法

ワードプレス管理画面の「外観」→「テーマ編集」より、
single.phpを選択します。



直に編集せず、
いったん、もとの文章を全部メモ帳にコピーして
バックアップとして保存しておきましょう。

そのあと、もう一度、
別のメモ帳にコピーして、そこで編集を行います。

なぜならその方が、
該当箇所を探すために検索機能が使えるのと、
行番号がふってあるので、わかりやすいからです。



このような場所を見つけてください。

※クリックすると拡大します。


31行目の下に空白を空けてください。
ここに文章を追加します。

※クリックすると拡大します。


こんなふうにします。

※クリックすると拡大します。

コピペ用

<div class=”left”><p id=”entry-top-eyecatch”><?php the_post_thumbnail(array(150,150)); ?></p></div>
<p id=”entry-top-description”><?php echo the_excerpt_keni(); ?></p>


意味は考えずに貼りつけてください(笑)

ただし、この中の「150,150」というところは、画像の大きさを表しています。
もう少し画像を小さくしたいと思ったら、この数字を小さくしてみてください。



ついでにラインも貼りつける

次に、ラインを貼りつける方法もご紹介します。



ラインの画像は、ネット上のどこかから無料のものを手に入れてください。

「ライン イラスト」で検索するとたくさん出てきます。
利用規約をよく読んで、ダウンロードしてくださいね。

たとえばココなんか可愛いですね。



ダウンロードしてきたラインの画像を表示させるのですが、
そのコードはここに貼り付けます。

※クリックすると拡大します。


ららの場合はこうなってます。
ピンクの部分には、画像のURLを入れてくださいね。

※クリックすると拡大します。

コピペ用

<div align=”center”><img src=”■画像のURL■” width=”300″ height=”20″ style=”margin-right:0px;margin-bottom:30px”/></div>

画像の余白やサイズはお好みで調整してください。



以上で完了です。

こんなブログが



こんなふうになりました。

※クリックするとブログに飛びます。


どうぞマネしてみてくださいね^^

あなたがもし、オレンジメール有料版のユーザーなら。
あなたがもし、オレンジメールを有料版にしようと思っているのなら…。
ぜひこの記事を読んでから帰ってください。
そうじゃないと、きっと損すると思いますよ☆

 

無料オファー攻略レポプレゼント

この記事を読んだあなたには、こちらの記事もオススメです☆

 




最後まで読んでいただき、ありがとうございました。
このブログを「いいな」と思ったら、
下の白いボタンを、1回クリックしてくださいね。
ららに一票入って、人気ブログランキングに飛びます
↓ ↓ ↓

ありがとうございます☆ あなたの1票が、励みになってます^^

 

↑ この動くアバターは、こちらで作っていただきました。
あなたのアバターに命を吹き込む「四次元アバター」

 

「記事が書けない」「ネタが浮かばない」「手が止まってしまう」
そんなあなたへ。
このままだと、せっかくの稼げるチャンスを失ってしまうかも。
そうなる前に、記事の書き方を勉強してみませんか?
満足度98%、ブログ初心者さん向けのライティング教材が好評です。
>>関連記事はココをクリック

 

コメントを残す

サブコンテンツ

プロフィール

情報商材アフィリエイト

ららです。
高校生と中学生の2人の子供がいる、40代主婦です。
主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、
日給10万円を達成することができました。

あなたと同じ目線の、安心できるブログを目指してます。
お気軽にメールくださいね。

詳しいプロフィールはこちら




応援よろしくね♪

メールはお気軽に


ららに相談したいことなどがありましたら、お気軽にどうぞ。
些細なことでもアホらしいことでも、大歓迎です♪
>>ららにメールを送る

相互リンクについて

2015年10月をもちまして、相互リンクのページは終了いたしました。
理由は
・昨今のSEO事情では、相互リンクが有益ではないこと
・リンク先の閉鎖が相次ぎ、機能を果たさなくなったこと
です。
相互リンクしていただいたブログ様、長いあいだありがとうございましたm(_ _)m

カテゴリー

このページの先頭へ