Twitterでのツイートをアメブロの記事に埋め込む方法 | 札幌カラーセラピー色育教室で自分らしくしあわせな毎日になる

札幌カラーセラピー色育教室で自分らしくしあわせな毎日になる

色の通訳師 花緒里のアメブロです。カラーセラピーと色育の資格が取れる教室運営とセラピストが個人発信するためのアメーバオウンドを使ったホームページの作り方と効果的なSNSツール(ツイッター、インスタグラムなど)の使い方を教えています。

昨日の記事に怖くない加藤さん関連Twitterを埋め込んだところ

 

埋め込む方法を教えて下さい!!!と

桃さんからコメントいただきました^^

 

ありがとうございます^^

 

札幌*ボディケアセラピスト:山田桃世さん

 

まず、初期設定としてフリープラグインに以下を貼り付けます。

<script async src="//platform.twitter.com/widgets.js"></script>

1度貼り付けたら、次回からはこの作業は必要ありません。

 

アメブロのサイドバーにTwitterのタイムラインを表示させている場合は、

この初期設定は必要ありません。

 

桃さんのブログのサイドバーにはTwitterのタイムラインが設置されているので

この初期設定は必要ありません^^

 

 

 

次に、Twitterのツイートをアメブロの記事に貼り付けます。

 

 

アメブロの記事に表示させたいTwitterのツイートを選びます。

「…」をクリックして、ツイートをサイトに埋め込むという部分をクリックします。

 

 

貼り付け用のコードが表示されるのでコピーします。

 

記事編集画面でHTML表示を選び、コピーしたコードを貼り付けます。

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

最後の行のこの部分を削除します。

 

 

記事を保存して完了です^^

 

 

 

パソコンの画面で見たときは、Twitterに表示されている通り

画像もそのまま表示されています。

 

 

スマホから見るとこんな感じで

画像は表示されず、テキストのみの表示になっています。

IMG_3365.png

 

記事に直接貼ると、気になるハッシュタグをクリックしてみることもできます^^

#だわよ

 

気になりません?

最近ブームのハッシュタグです(笑)

 

WAになって #だわよ #札幌20160605

 

SNSだからこそ楽しんでWAになれる

ルールやマナーも大切にしながら

おもしろがれる、SNSのお祭りが札幌であります。

6月5日()

空条れいれいさんをお迎えし、

最強のパーソナル発信セミナー

お申込みはコチラから。

 

 

 

Twitterでのツイートをアメブロの記事に埋め込む方法で

参考にさせていただいたのは、

アメブロカスタマイズと読者を増やすブログ運営、松本さんのブログ。

Twitterのツイートをアメブロの記事に貼り付ける方法です。

 

 スマホでの表示の際の見た目を改善する方法も書かれています。

ぜひ、挑戦してみてください^^

 

 

色の通訳師 花緒里でした。

受付中の講座
カラーセラピーと ヴィジョンスパイラルセッションのご予約はこちらから

◼︎AmebaOwndコラボ講座◼︎ 会場:中央区
申し込みたくなるメニューをAmebaOwndで作る講座 次回は5月予定
詳細はコチラです。

AmebaOwndがわかる勉強会 (4月下旬予定)
受付中の講座の詳細はコチラ 

札幌市厚別区の子育て中のママの悩み相談はカラーセラピー色育サロンへ

◆ヒールウィングス お子様連れOK◆
営業時間:10:00~16:00 土・日曜定休(土日ご相談ください)
場所:札幌市厚別区大谷地東3丁目 自宅サロン
◆MENU
◆ご予約状況
お問合せ・ご予約はこちら
地下鉄東西線 大谷地駅より徒歩5分