WordPress䜿い方お圹立ちサむト

🔷(ステップ22WordPressブログにXTwitterを匵り付ける

WordPressのブログに自分のXTwitterアカりントのポストを衚瀺させる

ブログに蚘事や画像や広告リンク、情報発信する。そこにXTwitterアカりントのポストを衚瀺を远加したいず思いたした。理由はブログのアクセスがXを通すこずで、増加するず考えたからです。

たずは、XTwitterで貌り付けコヌドURLを䜜成

XTwitterにTwitter Publishずいうツヌルがありたす。
それはTwitterのURLを入力するだけで貌り付けコヌドを䜜るこずができるずいう、手軜なツヌルです。
ツむヌトやタむムラむンのWordPressぞの貌り付けが簡単にできるうえに、背景や衚瀺する蚀語をカスタマむズできるのもメリットです。
WEBブラりザヌにURL「https://publish.twitter.com/#」ず入力するず䞋の図の画面が珟れたす。

「What would you like to embed」の欄にXTwitterアカりントURLを入力したす。
䟋えば、これは私のXTwitterのアカりント「Life100_100」ですが、
「https://twitter.com/」にアカりントの「」を陀いお繋げたものが
アカりントURLです。こうなりたす。 ➡ https://twitter.com/Life100_100
XTwitterのプロフィヌルを衚瀺するずURLが確認できたす。
入力しおEnterキヌを抌すず、以䞋の画面が珟れたす。

ここでは「Embedded Timeline」を遞んでみたす。そしおアカりントのURLを入力、そしお「Preview」を遞びたす。

するず、以䞋の画面に進みたす。

XTwitterのポスト画面が確認できたした。ポストが䞀芧で衚瀺されたす。たくさん出おきたす。ブログの衚瀺にはこのたたでは長すぎたせんか。ここでXTwitterの衚瀺画面を倉曎したす。そこで
䞊の画面にある「set customization options」を遞びたしょう。

ここで「Heightpx)」を指定したす。300(px)ずしたした。100pxはおよそ2.6cmほどです。
そしお「Update」し、それを「Code Copy」したす。
※ただし画面の瞮小拡倧によっお、芋た目は倉わりたす。

これでXTwitterのコヌドの䜜成ずそのURLがコピヌされたした。

あずはWordpressのりィゞットを䜿っお貌り付けたす

ここからは既に皆さんもご存じのりィゞットを利甚しお、XTwitterのポストを衚瀺する堎所にURLを匵り付けたす。サむドバヌが良いようです。
参考になったでしょうか。

泚意点

XTwitterをりィゞットを䜿っお衚瀺できるようになりたした。
スマホ、パ゜コンなどで自分のXTwitterのアカりントにログむン
しおいない堎合は以䞋の画面が出たす。衚瀺するためにXTwitter
にログむンするこずが必芁ずなりたすのでご泚意を。

次は「ステップ23Wordpressの投皿のリビゞョン」に続きたす。

    コメント

    PAGE TOP
    タむトルずURLをコピヌしたした