ゆるゆる稼いで生きる「ぐぅたらいふ」
「無意味な人生」と就職面接官に笑われた僕が自身の月収を超えた月23万円をPC一台で稼ぎ出し自由を手にしたブログ 僕が今までの経験をもとに作り上げ、現在44人が実践中の月収10万円講座は↓から手に取ってみてください。
WordPress

HP記事一覧の上部に画像を差し込むやり方

Pocket

どうも、koitiです。

この記事はWordpressテーマ「JIN」を使って以下の画像のように記事上のスペース、HP記事一覧の上部に画像を差し込みたい!

↓のようなページを作ることを目的としてきます。

simplicityでも似た手順で配置はできると思いますが行う場合は自己責任でお願いいたします。

ではまずWordpressの記事作成画面「+新規」ボタンを押し追加したい画像を用意しましょう。

↓僕のようにリンク先を指定したいときは画像の鎖のマークを画像選択した状態で押しリンク付けをした状態の画像を作成しましょう。

できましたら今度は画面右上の「ビジュアル」項目から「テキスト」項目へと切り替えましょう。

すると画像のテキストコードが出てきました、これをコピーして使うわけですね。

ここで気を付けたいのはコードの最初の<p>と最後の</p>は必要ないので消す必要があるということです。

最初の<p>と最後の</p>を消してテキストコードをコピーしましょう。

できましたね?

では挿入する箇所に向かいましょう、今度は外観→テーマエディターへ

するとめっちゃ複雑そうな文字の羅列が出てきます。

下手に触るとヤバいので慎重にいきましょう。

ここで右のテーマファイルから投稿ページを選びましょう。

その後

<main id=”main-contents” class=”main-contents <?php is_animation_style(); ?>” itemscope itemtype=”https://schema.org/Blog”>

という項目の一行後、僕の場合は59行目にリンクを貼り付けます

その後貼り付けただけだと見栄えが悪くなってしまうので貼り付けたコードのお尻に<br>をつけましょう、段落を一つ開けることができます。

できたら「ファイルの更新」を押して更新しましょう。

そして自身のHPを確認しこんな感じになっていれば成功です。

Pocket

当サイト訪問者様には下記バナーからメルマガ登録を行うことで今なら

「どこにも就職できない」

と言われた僕がPC1台だけで家から出ずに月収20万を達成した道のりをマニュアル化した、ぐぅたらものマニュアル(動画30本超)をメルマガと一緒に無料プレゼント中!

今なら↑マニュアル僕の講義メルマガ↓を同時にGET!