2016/01/100 Shares

たったワンクリックでツイッターアカウントリンクを記事本文に作成する方法

フェンスチェーンリンクカエル

こんばんはジョニーです(@jony073)

今日はこの記事でも使用しているツイッターのアカウントリンク(この上のやつ)をワードプレスプラグイン『Add Quicktag』を使用して一発で作成する方法を紹介します。

ブログやサイトの記事内で自身のツイッターアカウントを紹介したり、お勧めのブロガ-さん等を紹介する時にツイッターのアカウントリンクが簡単に作れたら便利ですよね。

毎回タグを撃ち込むのも初心者には大変だし…そんな時はワードプレスでブログのしっぴつには欠かせない『Add Quicktag』を使用しましょう!このプラグインを使えばブログの執筆がめっちゃ捗ります。今日はAdd Quicktagを使ったツイッターアカウントリンクの作成方法を紹介します。

スポンサーリンク

Add Quicktagにタグを登録

まずはツイッターアカウントリンクのタグはコチラです

上のhtmlの○○○にご自身のツイッターアカウントを入力して頂ければツイッターアカウントリンクは完成です

参考(@jony073)

ジョニーのアカウントです。こんな感じになります(良かったらフォローしてください笑)

このhtmlを毎回キーボードで打っているのはめちゃくちゃ素人には大変な作業です。打ち間違いも画一に発生します。

なのでこのhtmlをAdd Quicktagに貴くしていきます。

Add Quicktagの設定

ワードプレスの管理画面のメニューバーより『設定』 ⇒ 『Add Quicktag』へ進みます

クイックタグにアカウントリンク設定

AddQuicktagの設定画面になったら先程紹介したコードにご自身のアカウントを入力し『スタートタグ』の欄に全て貼り付けます。そして
『ボタン名』『ラベル名』『アクセスキー』『順番』を設定して『変更を保存』

クイックタグにアカウントリンク設定2

これでAddQuicktagの設定は完了です

作成したアカウントリンクの使用方法

まずは記事作成画面で先程作成したボタンが設置されているか確認します。
クイックタグにアカウントリンク設定確認

アカウントリンクを挿入したい場所にカーソルを移動させ『ツイッターリンクボタン』をクリックすればアカウントリンクの挿入が完了ですSnapCrab_新規投稿を追加 ‹ 心して使え!コンタクトレンズのトラブルに繋がる10の事 — WordPress - Google Chrome_2016-1-3_19-13-33_No-00

()を付けたりウェブフォントを付けたりするとオリジナリティが出るのでちょっと手をかけてみるのも面白いですね。
SnapCrab_NoName_2016-1-3_19-19-59_No-00

Add Quicktagはこのような使い方もできるので想像力次第でいろいろ使い方が広がります。

想像力を働かせて少しでも作業を簡単にしてガンガン記事の更新をしていきましょうね。

この記事が気に入ったら
いいね ! しよう

Twitter で