WordPress

WordPress Twitter:フォローボタンと埋込タイムライン

更新日:

自分のブログ、サイトのサイドバーに
Twitterのフォローボタンとタイムラインウィジェットを設置します。

さらに埋め込まれた、タイムラインの背景を透明にする方法も解説します。

私のサイトでの設置で説明します。

フォローボタンの設置

サイドバーに自分のアカウントにフォローしていただく、
フォローボタンを設置します。

1.Twitterにログインし 上部の、
[プロフィールアイコン]をクリック

2.プルダウンメニューから設定とプライバシー選択

3.左のメニューから[ウジェット]選択し、右の[新規作成][プロフィール]を選択

4.自分のアカウント(@・・・)を入力し[→]をクリック

 

5.右側を選択

6.左側を選択

7.下図の赤枠をクリック

8.下図の枠にJapaneseを入力し、[UpDate]をクリック

•Would you like to simplify the button text?
「Hide Username」ユーザー名が非表示
•How would you like the button displayed?
「Large Button」大きなボタン
•What language would you like to display this in?
「Japanese」(言語)

10.コードをコピー

 

9.WordPress管理画面の[外観][ウィジェト]でサイドバーメニューに上記コードを貼り付け

 

スポンサーリンク

マナブ記事広告g1




 

タイムラインの設置方法

次は、タイムラインを設置します。

1.上記フォローボタン設置手順の1.~4.まで同じ操作

2.左側を選択

3.項目を入力

  • What size would you like your timeline to be?
    長さと幅を指
  • How would you like this to look?
    「Light」→ホワイトベース 「Dark」→ブラックベースのいずれかを選択、リンク色を指定
  • What language would you like to display this in?
    「Japanese」(言語)を選択

4.コードをコピーし、WordPress管理画面の
[外観][ウィジェト]でサイドバーメニューに上記コードを貼り付け

スポンサーリンク

マナブ記事広告g1




 

タイムラインの背景を透明にする方法

ブログの中には背景をデザインされている方も多いと思います。

その中で、Twitterタイムラインの背景も透明にすることが可能です。

前述のコードの中に、

「https://twitter.com/"アカウント名"」を探し、その後に

「data-chrome="transparent"」を追記します。

形は、

「~href="https://twitter.com/hinamismph"data-chrome="transparent"」

となります。

 

 

マナブ記事広告g1




マナブ記事広告g1




-WordPress

Copyright© なぞなぞとPHP開発 , 2018 All Rights Reserved.