【SWELLカスタマイズ】WordPressテーマSWELLのSNSシェアボタンの前に文字を追加する方法

こんにちは、当ブログはWordPressテーマ「swell」を使用しています。

SWELLはとっても優秀なテーマで、一躍WordPressテーマ界のトップ集団に入ってきましたね!(私調べ)

そんなSWELLですが、今回はSWELLのプチカスタマイズ記事を書きたいと思います。

目次

「この記事をSNSでシェアする」という文字を付けるとシェアしてくれるかも?!

下の図のように、SNSシェアボタンの前に\ この記事をSNSでシェアする /という文字がでていますね。

この方が、ブログの記事をシェアしてくれる人が増えるかもしれません、以下やり方を書いてみます。

SWELLのSNSシェアボタンの前に「この記事をSNSでシェアする」という文字を付ける方法

ワードプレス管理画面から、外観→カスタマイズにすすんで、追加CSSの項目をクリックします。

追加CSSに以下の文字をコピペしてみてください。

/* SNSシェアボタンの上にテキスト追加 */

.c-shareBtns:before {
  content: "\ この記事をSNSでシェアする /";
  font-size: .9em;
  color: #555;
  font-weight: bold;
}

.c-shareBtns {
  text-align: center;
}

\ この記事をSNSでシェアする /の文字のところはお好みで変えてみてください

font-sizeは文字の大きさ、colorは文字色、font-weightは文字の太さを表しています。

基本的なCSSについてはサルワカさんのサイトなどで調べてみてくださいね。

以上ワードプレステーマSWELLのプチカスタマイズでした。

この記事が気に入ったら
フォローしてね!

\当サイトで使用中/

WordPressテーマ「SWELL」


SWELL

「Gutenberg対応」先進的ワードプレステーマ「SWELL」

初心者から慣れた方までおすすめ

高機能かつ圧倒的な書きやすさ

SWELL公式ページ

Profile

3歳の女の子を育てながら本と雑記のブログを書いています。記事が皆様のお役に立てれば幸いです。

目次
閉じる