*

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

公開日: : 最終更新日:2018/10/04 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

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


WordやExcelでオリジナル年賀状作り!筆まめ素材利用で楽々作成

11月ともなると、そろそろ年賀状作成しなくちゃ・・と思っている方もいま

大掃除で網戸を丸洗い!キッチンの掃除のあとは揚げ物なんてしたくない!

調味料の断捨離から始めた今年の大掃除。 今朝は気になっていたガラ

プルトップとプルタブ?調味料のビンのフタは外して捨てないとだめ?

ビンでも缶でも、最近は道具のいらない便利なフタが一般的になって

消費期限と賞味期限の意味は?大掃除に調味料の断捨離その捨て方

  食品には「消費期限」か「賞味期限」のどちらかが表示

ほどけにくい靴ひもの結び方 イアンとベルルッティ

スニーカーや革靴など、靴ひものある靴で歩いていて紐がほどけて困った

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくて
    アフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・
    映画を観ること・パソコンで遊ぶこと
    ・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に
    走り回りたい・猫を飼いたい・・

    いろいろあるけど、
    まずは資金と自由な時間を確保
    しないと進まない。
    日々どうしたらできるか考えながら
    リアル仕事に追われています。

PAGE TOP ↑