vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間13万PV〜。

[Stinger5] デフォルトのツイートボタンからブログ名を含めて投稿する

      2017/01/31

LINEで送る
Pocket

wp-stinger5-tweet-blog-name
こんにちは、okutani(@okutani_t)です。Stinger5では初めから記事下に各種SNSボタンが設置されています。ここから記事をツイートすると、「記事タイトル + URL」がツイートされます。

今回、ツイートの内容を「記事タイトル + | ブログ名 + URL」に変更してみます。とてもかんたんなので、是非参考にしてください。

スポンサーリンク

sns.phpにブログ名を記述

まずはデフォルトでツイートすると、どのように表示されるか確認してみます。

wp-stinger5-tweet-blog-name2

このように「記事タイトル URL」が並んでツイートされます。この間に「| ブログ名」を入れたツイートができるようにしていきましょう。

ツイートの設定は「sns.php」からおこなうことができます。

私はStinger5の子テーマを作成して構築しているので、sns.phpを親テーマから子テーマに移動(コピー)させて設定しました。

子テーマを利用している方はあらかじめ移動させておきましょう。

sns.phpを開くと3行目あたりに下記のような記述があると思います。それを下のように、「data-text」内に縦線とブログ名を追記しました。

<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a>

↓

<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?> | vdeep">Tweet</a>

このようにブログ名を追記することで、追記した文章が含まれたツイートをおこなうことができます。

ブログ名が含まれているか確認

では、きちんと設定できたか確認してみましょう。

wp-stinger5-tweet-blog-name3

ブログ名がツイートに含まれているのが確認できました!

まとめ

sns.phpにブログ名を追記するだけなので、とてもかんたんにできました。

また、ブログ名だけでなく、一緒に載せたい情報を追記してみても面白いと思います。是非参考にしてみてください。

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

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
試しに下にあるツイートボタンを押してみてください。ブログ名が含まれているかと思います。あ、そのまま拡散していただけるとokutani喜びます。。!

 - Stinger5

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

[Stinger5] 関連記事の見出しを任意の文字に変更する

こんにちは、okutani(@okutani_t)です。 このサイトはWordP …

Pocketボタンをサイトに設置してみよう!Stinger5編

こんにちは、okutani(@okutani_t)です。今回はサイトのSNSシェ …

Simplicity,Stinger5で超簡単にアイコンを使う方法

こんにちは、okutani(@okutani_t)です。あ、もう一度言いますね。 …

[Stinger5] 固定ページにSNSシェアボタンを追加する

こんにちは、okutani(@okutani_t)です。私はWordPressテ …

Stinger5にファビコンを設置する方法

こんにちは、okutani(@okutani_t)です。本記事ではWordPre …

[Stinger5] リード文下のAdSense広告をPC・スマホ用サイズに分岐して表示する

こんにちは、okutani(@okutani_t)です。AdSenseの広告サイ …

[Stinger5] スマホのブログタイトルを画像に変更する

こんにちは、okutani(@okutani_t)です。WordPressのテー …

Stinger5にiPhone用のアイコンを設置する

こんにちは、okutani(@okutani_t)です。iPhoneのホーム画面 …

[Stinger5] スマホレイアウトのナビメニューをカスタマイズしてみよう

こんにちは、okutani(@okutani_t)です。Stinger5のスマー …

Stinger5で文字色が変更できない!テーマカスタマイザーの削除で解決しました

こんにちは、okutani(@okutani_t)です。先日、Stinger5で …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。