ボタンで表示切替(【かくす】←→【表示する】)の方法 - アフィリエイトで脱サラ (ニートが月15万円稼ぐブログ)

インフォメーション

オレ11.png オレ11.png
イラスト作成依頼受付中 【料金一覧】イラスト、GIFアニメ
無料メールマガジン発行中 『ふみさと・自由人マガジン』登録ページ
挫折しないネットビジネス教材 「ディスカバリーアカデミー」

ボタンで表示切替(【かくす】←→【表示する】)の方法

クリックすると記事が変化するボタンの作り方
↓↓



★【隠すボタンの文字】をクリックすると表示される文章★
★隠したいときは何も書かないで空白にする★











この記事のコメントで、

画像を表示したり、隠したりする、こういう技術は素晴らしいですね。テクニック教えてください。と書かれていたので、


やり方を解説
HTMLの意味を知らなくても、コピー&貼りつけ(以下、コピペ)して、
必要なところを書き換えればすぐに使えるようにしたファイル

↓ブログ用のコピペファイル(※自動的に改行される場所にコピペする用)
ブログ用

↓HTML用のコピペファイル(※<br>で改行している場所にコピペする用)
HTML用


そのままコピペすると、この記事の一番上みたいになる
↓↓




★【隠すボタンの文字】をクリックすると表示される文章★
★隠したいときは何も書かないで空白にする★




あとは、
「★」と「★」で挟まれている文字適当な文字に書き換えると

表示が変化する記事の完成

例えば・・・

★【表示するボタンの文字】★
→ 画像を表示

★【隠すボタンの文字】をクリックすると表示される文章★
 → 何も書かない(空白)

★【隠すボタンの文字】★
 → かくす

★【表示するボタンの文字】をクリックすると表示される文章★
 → 画像

に変更するとこんな感じ↓↓









「★XXX01★」とか「★XXX02★」は何かというと、
開いたり閉じたりする文章の「目印」みたいなもので、

例えば
記事の中に複数のボタンをつけるときに、「目印」を別のものに変更しないと、

自分が思っている場所とは別の部分の表示が切り替わったりするので、


ボタンを複数つけるときには、
それぞれのボタンごとに「XXX」の部分を適当なアルファベットに書き換えて使います


何か「分からなかったり」「うまくいかなかったり」したら、
コメント欄にでも書いてくれれば解説します

Alice.PNG 挫折しないネットビジネス教材 「ディスカバリーアカデミー」

"実用重視"の「ふみさとオリジナル特典」つきで販売中(9月30日まで割引)
【特典1】「イラスト&GIFアニメ」オーダーメイド
【特典2】自分の言葉で文章を書くマニュアル
【特典3】購入者限定メルマガ「ウザくないサークル」
もっと詳しく
この記事へのコメント
はじめまして、アルトと申します。

このボタン面白いですね。
何度も何度も、
飽きるまで遊んでしまいました!

どこに設置しようか、悩んでいます。

教えていただいて、ありがとうございました。

Posted by アルト at 2016年12月10日 18:02
ふみさとさん、おはようございます。
わ、私の為に、有難うございます!!
感激しました。早速、どこかで使おうと思います。これからも、色々とお世話になりますが、よろしくお願いします。
Posted by トシカズ at 2016年12月11日 07:35
>アルト さん

はじめまして、コメントありがとうございます(^^)

記事の中にクイズを出して、
読者に考えてもらってから答えを表示したいときとか、

何かの「Before」と「After」の写真の切り替えとか、

アイデア次第でいろいろ使えますね

Posted by ふみさと@管理人 at 2016年12月12日 14:24
>トシカズ さん

いつもコメントありがとうございます(^^)

自分が書いた記事を、
ただ読者に読んでもらうだけじゃなくて、

読者のほうも、
何かアクションを起こすような記事にすると、記事の内容が印象に残りやすくなったりもするので、

ぜひ、いろいろ工夫してみてください(^^)
Posted by ふみさと@管理人 at 2016年12月12日 14:28
ふみさとさん、こんにちは。
こんなことができるのですね。
勉強になります。
これは工夫次第でいろいろと使えそうですね。
一度使ってみたいです。
どこに使おうかな?
ありがとうございました。
Posted by 蒼士 at 2016年12月13日 22:10
>蒼士 さん

いつもコメント&応援ありがとうございます


「専門用語の解説」とか、

知っている人はいちいち説明されるのがまどろっこしいし、
知らない人は解説が必要なときに、

ボタンを押したら解説が表示されるような文章を書くこともできますね

自分にあった使い方を探してみてください

Posted by ふみさと@管理人 at 2016年12月15日 15:52
こんばんは。
なかなか面白いボタンですね。
こういったボタンを使うとブログにもいろいろな変化をつけられていいですね。
Posted by QooAIBO at 2016年12月21日 20:30
>QooAIBO さん

いつもコメントありがとうございます

「いろいろ使えてしまう」ので、
使いこなせるかどうかは使う人次第ですし、

結局使わないままになってしまいますね


「いろいろ使える」からこその欠点ですね
Posted by ふみさと@管理人 at 2016年12月22日 12:06

コメントを書く

お名前:

メールアドレス:

ホームページアドレス:

コメント:

ランキングバナー