ヘッダー画像
ブログ作成日記

初めて1ヶ月のワードプレス初心者もリンクボタンを使えちゃうよ!!JIN編

うっほっほ〜〜〜い

たぬきでぇ〜すうう!!!!

とちょっとテンション高めに始めました今回の記事は!!

リンクボタンを設置した〜〜〜〜〜い!!というお悩みに応えてまいりたいと思いますよ〜〜〜!!

題して!リンクボタンを設置したーい!!

っていうか、リンクボタンなのボタンリンクなの???ていう疑問はさておいて、

本当のタイトルはめっちゃ、SEOを意識した題名にしてみたことは内緒です。

赤ちゃん部長

ええっと、一言で言うなら、うざいな。

さてさて、ブログテーマ 

JIN

を使ったボタンリンクの設置です。

まあ、テーマを使えばボタンリンクだろうが、吹き出しだろうが簡単ですってこと。

たぬき

ちなみに吹き出しはこちらをご照覧あれ!!

みんなボタンリンク設置したいでございましょう??

CSSとかHTMLとかのやり方は今のたぬきじゃ無理無理ってことで、テーマを使ったボタンの設置です。

アイコンを選択するだけでできちゃうから超簡単便利です。

たぬき

さあ、やっていきますぞ!!

リンクボタンて何??

たぬき

とりあえずリンクボタンてナンジャラホイ??

赤ちゃん部長

みた方が早いよ、これの事

たぬき

よくある、よくある!!!

このボタン見たいのをポチりっとクリックすると他のページにいってもらったりすることができたりするボタンのこと!!

赤ちゃん部長

こんなふうなのよく見るだろ

たぬき

見る!見る! 使ってみたい!!

大丈夫使えます!!

リンクボタンどう使うの??

赤ちゃん部長

リンクボタンの使い方はシンプル

リンクボタンの使い方はとってもシンプルです。

ボタンにリンクさせたい先のURLを貼り付ける。

そして読者がこのボタンを押すとその先に行くことができちゃう!!!

う〜ん素敵なボタン!!

こんなことが、

ブログ初めて1ヶ月のそこのあなた!!!!

あなたにもできちゃう!!!!

たぬき

おいらにもできた!!

リンクボタンの使い道!!

たぬき

リンクボタンはどんなことに使うの?

赤ちゃん部長

そうだな〜。

商品の紹介のページに誘導するときとか

商品を詳しく説明してるページに誘導するときとか

誘導先をわかりやすく表示してあげたいときだな。

リンクボタンは、読者を分かりやすく誘導してあげる時にとっても便利なんです。

初めて1ヶ月のワードプレス初心者もリンクボタンを使えちゃうよ!!JIN編

よりも

の方が素敵に見えませんか?

赤ちゃん部長

リンクボタンの方が押しやすくなるだろ

たぬき

押しやすい。押すのにワクワク感が出る。

そう、ついつい押したくなっちゃうんです。

ちなみに

赤ちゃん部長

下のような、リンク先がわかるようなリンクの仕方もあるぞ

内部リンクの貼り方

外部リンクの貼り方

上記興味があったら見てください。

で、

今回はボタンリンクの貼り方。

設置の仕方!!

設置

設置の仕方は、JINなら簡単にできます。

まずは例によって左上の+ボタンを押す。

そうしたら、下にスクロール!!

JINブロックから

シンプルボタン、リッチボタン、ランキング、横並びボタンを見つけてね!!

こんな感じに設置できます。

リッチボタンの場合、

設置できたら

ボタンにカーソルを合わせてポチッとクリックすると

右側のブロック設定に

  • ボタンの種類
  • ボタンの色
  • ボタンをグラデーションにする

という設定項目があらわれます。

さらに下にスクロールすると・・・

  • ボタンを押した時の動き
  • ボタンの丸さ具合、の変更
  • ボタンのテキスト(なまえ)変更
  • ボタンを押したときにどこのリンク先に飛ぶのかという、リンク先のURLを貼り付けるところ

が、出てきます。

ということで、このブロック設定でいろいろ作り込めちゃうんですよ

そして、シンプルボタンの設定は

外観からカスタマイズを押して、

カスタマイズの中の

ボタンデザイン設定に進みます。

すると、デザインの変更ができます。

ボタンのデザインや、色、丸み

下にスクロールすると

横幅や高さを

変更することができますよ。

JINにおけるリンクボタンの種類

たぬき

どんなボタンが作れるの??

赤ちゃん部長

じゃあ、JINでできるボタンを見てみるぞ

シンプルボタン

シンプルボタンの変更は、上記の通り、外観→カスタマイズ→ボタンデザイン設定で色などを変更できます。

シンプルボタン

シンプルボタン

リッチボタン

リッチボタンは、光ったり、ふわふわさせたり、バウンドさせたり、

とっても、お可愛くできます。

おかわいいでございましょう??

リッチボタンのボタンの種類

リッチボタンのホバーアクションの種類

リッチボタンのホバーアクションの動きも変えられます。

たぬき

ちょいちょい!!ホバーアクションて何?

赤ちゃん部長

リンクボタンを押した時の動き方のことだぞ!!

ホバーアクションとは、リンクボタンを押した時の動きのこと。

  • 押し込まれるような感じに動いたり
  • ふくらむように動いたり
  • 持ち上がったり

動きが違うとおもしろいよね!!

赤ちゃん部長

みんなも下のボタンを押してみてな!!

たぬき

おお〜〜、おもしろい!!

横並びボタン

横並びボタンもシンプル、リッチどちらでも設定できます。

詳細ページ、公式ページと書かれているのは一例です。

よくこーいう並び見ますよね。

たぬき

よく見る、よく見る!

赤ちゃん部長

ついつい押したくなるだろ!?

たぬき

押したくなるなる!!

ランキングボタン

ランキングはボタンをつけることも付けないこともできます。

点線の四角の枠にASPの広告タグを入れることができます。

ランキング1位は金色
ランキング2位は銀色ボタンは非表示にもできちゃいますよ。
こんなふうに
ボタンを消せます。

まとめ

ブログを始めて1ヶ月目だって、テーマを使えばボタンリンクを設定できちゃいますよ!!

そして、リンクボタンがあると、読者を誘導しやすいし、読者はどこに行けばいいかわかりやすい。

そして見た目もかわいかったりするから、サイトの印象が華やかになるよね!!

これが1ヶ月のブログ初心者にだって設置できちゃうってんだから。

ほらほら、どうだ!!

押したいだろ!!!

シンプルボタン

あなたのブログにも今すぐ設置だ!!!!!

それでは、

ばーいちゃっ!!!!!

ブログランキング・にほんブログ村へにほんブログ村

たぬきのたくらみ - にほんブログ村

ABOUT ME
たぬき
そこそこおっさんです。 3人の娘とかわいい妻がおります。 いわゆる、外食サービスに勤務してます。 ブログはもちろんTwitterなどSNS全般初心者です。