• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • タイプ
    • 日記
    • 読書
    • 買物
    • ドラフト
    • 記事
    • まとめ
  • トピック
    • PCスマホ
    • 金融
    • 家事子育
    • 働き方
    • メンタル
    • ブログ
    • 未分類
    • 作業標準化
    • ドラム
    • 生活
    • リストアップ
    • その他

金融系エンジニア日記

金融系エンジニアがいろいろなものをテクノロジーで効率化する備忘録

現在の場所:ホーム / トピック / ブログ / WordpressのSNSシェアボタンとフォローボタンを小さくした

WordPressのSNSシェアボタンとフォローボタンを小さくした

SNSボタンが邪魔だった話と、スッキリ解決した方法

■ ストレスの原因

自分のブログに設置しているSNSのシェアボタンやフォローボタン。

これがとにかく大きい。
スマホでもタブレットでも主張が強すぎて、正直ちょっと邪魔に感じていた。

「見てほしいコンテンツより目立ってどうするんだ…」という状態。


■ 解決の方向性

最初は「いっそ全部消してしまおうか」と思ったものの、
やはりSNS導線は残しておきたい。

そこで、「小さくできないか?」と調べてみたところ、
ちょうど良いカスタマイズ方法が見つかった。


■ 実際にやったこと

参考にしたのはこちらのページ。

https://wp-cocoon.com/community/customs/%E3%83%95%E3%82%A9%E3%83%AD%E3%83%BC%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E5%B0%8F%E3%81%95%E3%81%8F%E3%81%97%E3%81%A6%E3%80%81%E3%82%B7%E3%82%A7%E3%82%A2%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AB%E4%B8%A6/

内容はシンプルで、CSSを追加してボタンサイズを調整するだけ。


■ ちょっとハマったポイント

記事の通りに進めようとしたところ、

「外観 > テーマの編集」が見当たらない…

という問題に遭遇。

調べてみると、原因はテーマ。


■ 正しい手順

  • テーマを「Cocoon Child」に変更
  • 「外観 > テーマエディタ」を開く
  • style.css にカスタマイズ内容を追記
  • 保存

これで無事、SNSボタンがコンパクトに。


■ やってみた感想

かなりスッキリした。

  • コンテンツに集中しやすくなった
  • 見た目のノイズが減った
  • それでもSNS導線はちゃんと残る

ちょうどいいバランスに落ち着いた感じ。


■ 余談

そういえば「Cocoon Child」って、いつ作ったんだろう…?
昔の自分が用意してくれていたらしい。

詳細は謎だけど、とりあえず結果オーライ。

The following two tabs change content below.
  • この記事を書いた人
  • 最新の記事
Twitter のプロフィール

フリーダム

金融系システムエンジニアが、業務効率化や日常の工夫を発信しています。 日々の作業を少しラクにするアイデアやツールを記録しています。 忙しい中でも役立つヒントになればうれしいです。
Twitter のプロフィール

最新記事 by フリーダム (全て見る)

  • Android個人開発、最後の壁は「テスター12人」だった話 - 2026-04-04
  • 【保存版】テニススクールで学んだことまとめ|3年間の気づきと上達のコツ - 2026-03-29
  • OpenAIのAPIキーを使って利用する方法 - 2025-08-20

共有:

  • X で共有 (新しいウィンドウで開きます) X
  • Facebook で共有 (新しいウィンドウで開きます) Facebook

いいね:

いいね 読み込み中…

最初のサイドバー

Googleでサイト内検索

固定ページ

  • このサイトについて
  • ストレスから自由になる日記のホームページ
  • ストレスから自由になる日記の投稿ページ
  • 新着投稿一覧

最近のコメント

  • パスワード入力が必要な認証付きプロキシの内側のLANでmattermostクライアントとVisua lStudioCodeを使う に iloveadachi より
  • パスワード入力が必要な認証付きプロキシの内側のLANでmattermostクライアントとVisua lStudioCodeを使う に kaakaa より
  • 泣かせっぱなしにするクライングコントロールで、九ヶ月の子供が、三日間で朝の六時まど寝た。 に クライングコントロールのその後 夜中にまた起きるようになった。 – 金融系なんちゃってSEの日記 より

最近の投稿

  • Android個人開発、最後の壁は「テスター12人」だった話
  • 【保存版】テニススクールで学んだことまとめ|3年間の気づきと上達のコツ
  • ある日、突然おかしくなった【朝の一歩目が激痛】かかとの骨にヒビが入ったと思って整形外科に行った話
  • Excelしか知らない人へ:VLOOKUP・XLOOKUPで頑張っているなら、DataFrameを使わないと正直もったいない
  • PythonでOracle接続にハマった話(64bit問題とtnsnames.oraの落とし穴)

感想、要望などコメントをください

Footer

Feedly でフォロー

follow us in feedly

はてなブックマーク でフォロー

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

トップページへのリンク

ストレスから自由になる日記 トップページ

%d