【賢威6.2】記事の冒頭にアイキャッチ画像と抜粋を表示させる方法

当ページのリンクには広告が含まれている場合があります。また、記事の内容は作成時のものになります。
  • URLをコピーしました!

ららです。

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

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

こんな部分です。

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

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

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

目次

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

カスタマイズに慣れていない場合は、必ずこの記事に目を通してください。
カスタマイズの基本的なことが書いてあります。
>>カスタマイズの手順と注意点

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

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

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

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

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

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

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

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

こんなふうにします。

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

コピペ用

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

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

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

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

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

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

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

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

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

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

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

コピペ用

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

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

以上で完了です。

こんなブログが

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

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

 

「賢威」は、あなたのブログを今風のスタイリッシュなブログに変身させます。
詳細はこちらをご覧ください。
賢威らら流レビューと特典のご案内

賢威にまつわる記事をもっと読みたい場合はこちら
賢威の記事をもっと読む

お問い合わせはこちらからお気軽に♪

応援してくれたら嬉しいです

記事が役に立ったら、ここをクリックして応援をお願いします。

私が稼げるようになった教材

アンリミテッドアフィリエイト
ごくごく普通の主婦だった私が、累計800万円以上稼げたのは、この教材を購入して作業をしたから。
詳細は、こちらのページでご紹介しています。
>>アンリミテッドアフィリエイトらら流レビュー
私がここまでたどった経験を元にした特典と、濃厚すぎるサポートも差し上げています。

無料レポートを書かずにメルマガ読者を全自動で集める方法!

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

ららです。
2人の子供はもう成人した50代主婦です。10年ほど前から、主婦業・母親業の隙間時間でアフィリエイトに挑戦。パート時代の約6倍の月収を達成することができました。

超マイペースで超怠惰で超食いしん坊の私でもできたその秘密は、とにかく諦めないこと!
これから始めるあなたに私の経験をお伝えするため、ブログ・メルマガで情報を配信するとともに、サポートやコンサルを行っています。常に初心者さん目線を忘れない安心できるブログを目指してますので、どうぞ何でもご相談くださいね。

コメント

コメントする

目次