*

カテゴリー別のまとめバナーをサイドバーや記事下にいれてリンク

公開日: : 最終更新日:2020/11/29 WordPress

同じような分類の記事が増えてきたので、まとめを作りました。
バナーでリンクできるようにしてみようと思いさっそくバナー作り。

以前タイトルバーの下に全記事一覧や、特定カテゴリへのリンクを作ったものの応用?になります。
すぐ忘れるのでこれも備忘録的に記事にしてみました(^^;

スポンサーリンク

 

バナーを作る

1.画像を用意する。

じぶんで描いてもいいし、無料素材を利用して写真やイラストを使うというのもある。
今回は無料素材から写真をダウンロードして使用。
その画像にスクリーンショットで撮ったExcelのアイコン画像をプラスしてみた。
ペイントだとどうもうまくいかないので、今回はExcelを利用。

 

バナー画像の作り方

写真+画像+文字

①最初の写真をExcelに挿入(リボンの「挿入」⇒「図」で画像を選択する)

②スクリーンショットの画像は保存したら余白が白いままだったので背景を透過して再保存。
透過するにはこちらを参照 WordPressのタイトルロゴ作成 PCにあるソフトで作るwebで透過も

③これもExcelに挿入。
2枚を重ねて配置してから文字を挿入。
文字はワードアートで(挿入⇒ワードアート)

④トリミングなどして全体を整えたら1枚の画像として保存する

1枚の画像として保存するには?
⇒まず、1つの画像をクリックしたら次に重ねた画像をShiftキーを押しながらクリック。
文字(ワードアート)もSiftキーを押しながらクリック。

すると全部の画像にハンドルがついて、複数選択の状態になるのでこれをコピーする。

複数画像の選択

 

ペイントを起動して貼りつける。
それをペイントで保存する。
これでバナー用画像のできあがり。

作った画像は、WordPressのダッシュボードで「メディアライブラリ」に新規追加しておく

・この時メディアライブラリに追加した画像をクリックすると添付ファイルの詳細画面になるので、

この画像のURLをメモしておく。

 

バナー保存

 

バナー(画像)の準備ができたので、サイドバーと記事下に設置してみます。
 

スポンサーリンク

 

 

サイドバーにバナーを表示する

バナーからリンクするための一覧を固定ページに作ります。

方法はShortcodes Ultimateの投稿から一覧を作る方法を参照してください。

「Shortcodes Ultimate」プラグインで簡単画像つき一覧ページを作る

・固定ページの一覧⇒編集で図のようになればOK。

固定ページ

 

できたら公開します。
ここでURLをメモしておきます。

・ダッシュボードの「外観」⇒「ウィジェット」をクリック

・ウィジェットの「テキスト」をサイドバーにドラッグします。

・ドラッグした「テキスト」をクリックすると入力画面が表示されるので「内容」に次のように入力します

<a href=”固定ページのURL”>

<img src=”メディアライブラリに保存した画像のURL” /></a>

 

ウィジェット

 

・保存をクリックします。 サイトを表示してサイドバーに表示されていれば完了です。

 

スポンサーリンク

 

 

記事の最初や最後にバナーを貼る

・投稿記事のバナーを入れたい場所に画像を挿入します。
投稿画面で「メディアの追加」⇒ライブラリから画像を選択

・画像を選択してリンクを挿入で固定ページのURLを入力します。


 

複数のページに同様のバナーを貼りたいときは、テキストモードの方でコピーして、他の投稿ページに貼りつけると簡単です。

そのほか、

固定ページをヘッダーに登録するのはこちらを参照してください

サイトマップをグローバルメニューに表示するⅡ設定

簡単に画像の編集をするには(1枚の写真に文字をいれてリサイズするだけなど)PhotoScapeが便利です

PhotoScapeで画像を編集
 

波空
今回の作業は一度やってることばかりだけど復習かな(^^;

猫にゃん
ですな、すぐ忘れるし

 

文字だけのリンクでもいいけど、画像があるとわかりやすいですね、
時間の余裕がある時に、サイドバー用と記事用と別の画像にしたり、いろいろ工夫してみたいと思います。
少しでもお役にたてればと思います<(_ _)>

 
前の記事 FTPソフト|初心者にも使いやすいFileZillaのDLと設定
次の記事 お名前.comからXserverにドメイン移管 | 完了まで

WordPress一覧へ

 
 


にほんブログ村


日々の出来事 ブログランキングへ

スポンサーリンク




スポンサーリンク




Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


Windows11がでるって!Windows10が最後というのは嘘だった?!

Windows10が嫌いでいまだにWindows7を使っているけど

よく耳にすることわざや口をついて出ることわざ それってあっている?

人と話している時や何か目の前で起きたことに、つい口をついて出ること

超便利!「どっちもUSBハブ」で快適PC作業!USBハブならこれ!

パソコンを使っているとUSB機器が増えて足りなくなることがあります

2021年夏のカレンダー オリンピックで祝日が移動!もう変更ない?

2020年はオリンピックで祝日が移動となっていましたが、2021年

ぬいぐるみってなんだろう?捨てられないわけは

日々思い出したようにしている断捨離。ここのところ手が止まっていまし

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくて
    アフィリエイトにチャレンジ中
    好きなものは・・・アニメ・漫画・ゲーム・お絵描き・
    映画を観ること・パソコンで遊ぶこと
    やりたいことは・・いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。日々どうしたらできるか考えながらリアル仕事に追われています。

  • BTOパソコン・パソコン関連商品がお買い得!パソコン工房のセール

  • 手軽に雑誌が読める!
    楽天マガジン

PAGE TOP ↑