【WordPress】Simplicity 記事トップにSNSボタン追加、他

★記事が気に入ったらシェアお願いします★

snsbutton0

SimplicityのSNSボタンに関するカスタマイズ

よく他の方のブログで見かける、SNSボタンの上にある“気に入ったらシェアして下さい”“フォローして下さい”などの文字を入れたくて探しました。

そしたら何と、Simplicityでは標準でその機能が付いているようなんです!

何て多機能なんだ!!

って言うか私が知らなかっただけ?

とりあえず併せて他の機能も紹介しておきます。

今回紹介するのは

  1. SNSボタンの上に好きな文字を入れる
  2. 記事のトップ(タイトルの下)にSNSボタンを入れる
  3. SNSボタンのアイコンの変更

の3つです。

1.SNSボタンの上に好きな文字を入れる

今回のメインです。
SNSボタンの上に“シェアして下さい”などを入れる方法です。

こちらはめちゃめちゃ簡単!

“ダッシュボード→外観→カスタマイズ”でカスタマイズ画面を開きます。

 

真ん中辺りに「シェアメッセージ」の欄があります。
ここに好きな文字を入力すると、その文字が下の様にSNSボタンの上に表示されます。

また、その下の「フォローメッセージ」に入力すると、フォローボタンの上に文字が入力されます。

snsbutton12

デフォルトで文字が入っていますが、そのままだと空欄になってしまいます。

 

2.記事のトップ(タイトルの下)にSNSボタンを入れる

こちらはさっきの方法を探してたらついでに発見しました(笑)

先ほどの「シェアメッセージ」の欄を少し上の方にさかのぼると“タイトル下にシェアボタンを表示”という項目があります。

ここにチェックを入れると下の様に記事の最初にSNSボタンが表示されます。

snsbutton13

 

3.SNSボタンのアイコンの変更

こちらもついでに♪

記事最初と記事最後のSNSボタンのデザインを変更出来ます。

 

デフォルト
snsbutton3

snsbutton4

 

テーマカラータイプ
snsbutton5
snsbutton6

 

Twitterタイプ
snsbutton7
snsbutton8

 

パイラルタイプ
snsbutton10

 

パイラル白タイプ
snsbutton11

パイラルタイプとパイラル白タイプは記事の最初と最後のボタンが同じものです。
なので記事の最初には少し大きいかも。

以上でSimplicityのSNSボタンカスタマイズの紹介を終わります。

他のテーマを使用しているとCSSを使ったり、プラグインを使用したりとちょっと手間だったりしますが、Simplicityはこんなに簡単に変更できるんです♪

ぜひぜひ自分のサイトに合わせてカスタマイズしてみましょう!

Facebookで“いいね”
スポンサーリンク

★記事が気に入ったらシェアお願いします★

★フォローはこちら★

onlineshop-banner-moba

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です