ブログのサイドバーにツイッタを設置するやり方

2019年6月23日

ぽん助です

 

ブログのサイドバーに、ツイッタのタイムラインを埋め込むやり方を説明します。

 

比較的、難しい事ではないのでチャレンジしてみてください。

Twitterタイムラインの埋め込み方法

 

下記URLを参考にしてください。

https://publish.twitter.com/#

 

自分のTwitterURLをコピー&ペーストで貼り付けます。

 

 

 

「埋め込みタイムライン」をクリックします。

 

 

「カスタマイズオプションを選択する」をクリックします。

 

 

 

Height(px):縦の長さを決められます。

Width(px):横の長さを決められます。

光(ダーク):背景色のモード変更が出来ます。

▢:カラーを選択可能、サイトに合う色も決めれます。(カラーコードも貼り付けられます)

「変更」をクリックします。

 

 

 

 

 

「コードをコピー」をクリックします。

次にワードプレスを開きます。

 

 

 

ワードプレスの設定

「ダッシュボード」➡「外観」➡「ウィジェット」をクリックします。

 

 

先程ツイッターの「コードをコピー」したのを貼り付けて「保存します」をクリックすれば完了です。

 

これで完了です。

 

もし縦が長い場合は、ツイッターのカスタマイズで縦や横など調節して下さい。

埋め込む配置位置は、サイドバーだけではなく好きな位置に配置も出来ます。

 

設置位置の注意点

 

フッターの右サイドに設置した場合、使用しているテーマによっては、ツイッターを設置したことで、画面が横スクロールしてしまう場合があります

 

当サイトでフッターに設置した場合、

Aの画像とBの画像を参考にして下さい。

 

これはBの画像で説明してる様に、横スクロールしてしまってます。

 

これは訪れたユーザーにとっては、不愉快なズレになるのでWEBユーザビリティ的には好ましくありません。

 

(説明する為に、右側にオレンジの線をいれてます。)

A:  

 

 

PCにて設置した後には、必ずスマホで一度は確認しましょう。

尚、サイドバーウェジットなどに設置する場合も、一度はスマホ等で確認はした方が良いです。

 

-ワードプレス
-, ,

© 2020 副業ブログ運営