>WordPressStinger7『SNSソーシャルボタン』を横幅に合わせて広げる投稿日:2016年4月2日テーマ『スティンガー』のカスタマイズをしているサイトを、よく見掛けます。『7』でのカスタマイズ情報が少ないので、旧テーマを参考に色々試しています。通用するものもあれば、ダメなものあります。今回はSNSソーシャルボタンのカスタマイズ表示の確認が出来たので、記述したいと思います。トップページ(記事一覧)のボタンも変更したい変更シミュレーションデフォルト表示は、こんな感じです。それが、こうなります。こちらは『iPhone』での表示です。横幅を縮小したり液晶を縦から横に切替えた際には、上記のような表示になることもありますが、基本的に安定感は抜群です。sns.phpコード『外観』⇒『テーマの編集』⇒『sns.php』へと進みます。現在表示されているソースコードは、コピーして保存して下さい。カスタマイズしている方は、消してしまわぬよう注意が必要です。?></a></li></ul></div><?php}56行目の真中辺りに『自分のアドレス』という記載があります。ここには『自分のドメインURL』と入替えて下さい。『ファイルを更新』をクリックします。stile.cssコード続いて『外観』⇒『テーマの編集』⇒『stile.css』へと進みます。現在表示されているソースコードは、コピーして保存して下さい。カスタマイズしている方は、消してしまわぬよう注意が必要です。---------------------------------*/123/*--------------------------------SNS---------------------------------*/まずは上記のコードを『stile.css』内から探して下さい。発見したら、その直ぐ下に下記のコードを追記します。{padding-left:10px;margin-left:10px;}『ファイルを更新』をクリックします。これで、記事ページの記事下部分のソーシャルボタンが、変更になりました。トップページ(記事一覧)のボタンも変更したい現在の状態だと、記事ページのボタンは変更されましたが、トップページはデフォルトのままなので変更します。続いて『外観』⇒『テーマの編集』⇒『sns-top.php』へと進みます。現在表示されているソースコードは、コピーして保存して下さい。カスタマイズしている方は、消してしまわぬよう注意が必要です。).'</span>';}}?></a></li></ul></div><?php}83行目の真中辺りに『自分のアドレス』という記載があります。ここには『自分のドメインURL』と入替えて下さい。『ファイルを更新』をクリックします。これでトップページのソーシャルボタンも、変更になりました。変更して直ぐはキャッシュの影響だと思いますが、ズレて表示されることがあります。端末はズレてしまいましたが、少し経つと正しく表示されましたので、焦らず待ってみて下さいね。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)関連記事WordPressWordPress:現在の使用バージョンを確認して脆弱性の危険を回避する先日『さくらインターネット』より、ワードプレスのバージョンによる脆弱性について注意を促すメールが届きました。...WordPressWordPress『ギャラリー』:標準装備の写真一覧機能がページごと落ちる話ワードプレスの難しさは、バージョンアップによる更新のバグです。大元がやればプラグインも対応せざるを得ない訳で、作ってサヨナラは通用しません。これってどうやったの?』と思うことがあります。Everything』サイト内検索の範囲を選択するワードプレスで記事を書くのは、実は『自分で読み直す』のが目的だったりもします。簡単に言ってしまえば『メモ帳』なのです。...WordPressWordPress:『Jetpack』プラグイン連携・パブリサイズ共有が出来ない時に知るべきことワードプレスのサイト構築は、もはや完了したと思っていました。それで最近はブログ書きのみに集中出来ていた訳ですが、やはりそう簡単には行きません。