「Simplicity編」ブログのサイドバーに@Twitterボタン追加手順を1から

この記事は約3分で読めます。

初心者ブロガーさん向けの記事です。

 

サイドバーに「@Twitterボタン」をつけて見ようと調べしましたが、自分にあった情報が無かったので記事にしてみました。

 

  1. Twitterコードを取得する
  2. Simplicityのウィジェットに貼る
  3. ブログにTwitterボタンが表示

この様な内容になっています。

 

わたしがTwitterコードを取得してブログに貼り付けた手順

1)Twitterコードを取得する

▼まずはコード取得するサイトにアクセスしましょう。
リンクTwitter

 

 

下の方にスクロールする

わたしは「Twitterボタン」を選択しました

 

「Twitterアドレス」を入力をします。

アドレスを知る方法は以下の通りです。

 

2)自分のTwitterアドレスを調べる方法

アイコンをクリックする。

 

プロフィールから設定を開く

 

Twitterアドレスをコピペする

 

■コードを取得る手順に戻ります。

 

Twitterアドレスを入力したら「レビューボタンを押す」

↑上記の「https://~」は、わたしのアドレスです。自分のを入力しましょう。

すると、ブログに貼れるソースコードが表示される。

 

「カスタマイズオプションを設定する」をクリック

詳細をカスタマイズする

初期状態では「日本語」ではなく「自動」になっています。

わたしは「日本語」に変換しましたよ。

 

表示されたコードを一旦コピーして置く

 

「コードをコピーする」ボタンを押すと以下の表示になる

よく分かりませんが、何やら登録された感じです。

 

3)ブログのテーマSimplicityにTwitterコードを貼り付ける

  1. 「ダッシュボード」から
  2. 「外観」
  3. 「ウィジェット」へ進む

 

 

  1. 左下の方にある「テキス」トをドラッグ&ドロップで
  2. 右上の方にある
  3. 「サイドバー」に表示させることが出来るエリアに持っていく
パソコンのみ表示させたい場合は?
(「S」パソコン用テキストウィジェット)を使ってTwitterコードを貼る。

 

 

サイドバーの好きな位置に持っていく

この並べた順番でサイドバーに表示されます。

テキストの右側の「▼」を開く。

 

「テキスト」に切り替えてからコードを貼り付ける

左の「ビジュアル」側ではありません。右の「テキスト」です。

 

「保存」を押して終了です。

 

 

お疲れ様でした。こんな感じになります。

 

おわりに

この記事を書いた時点ではTwitterのことはまだよく理解していません。

まずは使って覚えていきたいと思います。

タイトルとURLをコピーしました