ブログを始めました #4【Ｘフォローボタンを付けました】

プロフィール欄にＸフォローボタンが欲しい

いろんな人のブログを見てると、プロフィール欄には必ずと言っていいほど　Ｘ@〇〇さんをフォロー　ってボタンが付いてるぞ。

これがすごく格好良く見えてきた、自分のページにも欲しい。

調べてみたらＸのヘルプセンターに作り方が書いてあった。

１．ブラウザでhttps://publish.twitter.com/に移動します

２．ドロップダウンを使って、どの種類のコンテンツを使うかを選びます
その後、ポップアップ表示されるHTMLコードをコピーします

３．そのコードを、ウェブサイトのソースコードの適切な箇所に貼り付けます

ここに自分の名前を入れて

X Button を押せば

ボタンの完成

コードをコピーして、１と２まではなんとか出来たけど、ここから先が全然わからん。

こんな文字の羅列にしか見えないものを、どうすればいいだ？
適切な箇所ってどこですか！？

Ｘフォローボタンが付いた

きっとどこかに挿入するんだろうけど、文字の羅列にしか見えてないから全然分からない。

試しに適当なところに挿入してみたら変なところにボタンが出来た！？
やり方は合ってるみたいだから、やっぱり挿入する場所が大切なんだね。

変なところに挿入したらエラーになってビビッた、ちゃんと考えないといけないんだな。

profile欄に入れたいんだから、以前、『詳細プロフィールを表示』のリンクを消したあたりに挿入すればいい気がする。HTML編集にして、ずーっと見ていたら profile って言葉がいっぱい出てくる行があった。

行をずらして何回か試行錯誤しているうちに、思いどおりの位置にボタンができたよ！！　嬉しい！！

Ｘフォローボタンを中央にしたい

なんか見た目が変だなと思っていたら、このボタンだけ左寄りだからだ。
なんとか中央にしたい。

やっとのことで見つけたこちらのブログ。
WordPress用だから少し違うみたいだけど、大変参考にさせていただきました。
ありがとうございます。

タグで囲ってクラスをつけて中央表示にしてあげてくださいって、意味が分からないけど、例も載っていたので試行錯誤でできました。

ボタン一つでこんなに大変なんて、ホームページ作っている人ってどんな頭してるんだか、記号の一つずつの意味がわかってることでしょ、凄いね。

まあ、できてよかったよ。