アニメ聖地巡礼(舞台探訪)も...。2018.12.29【当サイトの画像を著作権法第32条ならびに第48条の規定を満たさない状態での無断転載を禁じます】どうも、はうやし(@hauyashi)です。wordpressのテンプレート「Simplicity2」において、バイラルタイプのSNSシェアボタンを横一列に並べるカスタマイズ方法をご紹介いたします。SimplicityでバイラルタイプのSNSシェアボタンを使っていると、表示させるボタンを4個もしくは8個以外に設定した場合、上記のようにシェアボタンが不揃いな形に表示されると思います。なると「ボタンを横一列に並べることはできないのか?」とデザインの修正をしたくなりますよね。そんなお悩みを解決しましょう!今回はこの不揃いなボタンの配置を解消して、ボタンを横一列に並べる方法をご紹介いたします。以下でご紹介するCSSコードをコピー&ペーストするだけで、シェアボタンを横一列に並べることができます。作業を始める前に次のことを確認してください。外観→カスタマイズから、SNSメニューの「シェアボタンのタイプ(PC)」「シェアボタンのタイプ(モバイル)」が「バイラルタイプ」になっていることを確認してください。均等にボタンを配置することが可能になります。}これで横並びになりました。デフォルト時と比べてボタンの横幅が短くなったため、TwitterやFacebookなどと書かれたボタンの名称が圧迫されて見づらくなってしまいました。そこで今度は、ボタンの名称を非表示にします。(ボタンのアイコンだけを表示する設定に変更します。使って非表示にします。none;}これでアイコンのみが表示されるようになりました。二段で不揃いだったボタンがスッキリしましたね。以上でシェアボタンを横並びにする一連の作業はおしまいです。簡単な作業でしたね、お疲れ様でした!自分の好みにカスタマイズ余裕のある方は自分の好みにあわせてデザインを変更してみましょう。私の場合は「この記事が気に入ったらいいね!しよう」「著作情報(この記事を書いた人)」とデザインを統一させました。(背景色を付け、文字のセンタリングを行いました。)関連コンテンツ写真をメインに扱ったコンテンツを200記事以上執筆しています。カテゴリーや関連記事から他の記事もご覧いただければと思います。D800で写真を撮っています!最近ではダムを巡ってダムカードを集めることにはまっています。当サイト内のキャプチャ画像は著作権法第32条に基づき比較研究を目的として引用しています。映像・画像の著作権は各著作物の権利者に帰属します。Now!はうやしはうやし報告記(仮)関連記事ブログ運営10万PV突破!写真ブログ初心者が運営した1年間のアクセス数(PV)を大公開!当ブログがライブドアブログから移転してきて数年が経過しました。記事を多く取り上げてきましたが、最近では「廃墟」「珍スポット・B級スポット」「DEEPスポット」「航空機」「ダム巡り」などなど...ブログ運営ロリポップ!のエコノミープラン(月額100円プラン)でWordPressを動かす方法ロリポップ!のエコノミープラン(旧・コロリポプラン)を利用して、月額100円でワードプレスを動かす方法をご紹介いたします。当サイトも利用している人気レンタルサーバー「ロリポップ」には、4つのプランが設けられています。私のブログ『はうやし報告記(仮)』をご覧いただきありがとうございます。いう方に向けて、まず最初に読んでほしいオススメの記事をご紹介しています。これを...ブログ運営Googleアドセンス「関連コンテンツユニット」設置方法とデザインをカスタマイズする方法つい最近、Googleアドセンスの「関連コンテンツユニット」が使用制限が開放されていることに気が付きました。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿はできません。サードシーズンヤマノススメ関連イベント取材のんのんびより一週間フレンズ。パパのいうことを聞きなさい!あの日見た花の名前を僕達はまだ知らない。最近、妹のようすがちょっとおかしいんだが。(埼玉県在住)写真撮影が趣味で、撮った写真を「はうやし報告記(仮)」で紹介します。廃墟やB級スポットが中心。更新を続ける限りブログ名から(仮)は外れません。サードシーズンヤマノススメ関連イベント取材のんのんびより一週間フレンズ。パパのいうことを聞きなさい!あの日見た花の名前を僕達はまだ知らない。最近、妹のようすがちょっとおかしいんだが。"https://blog.hauyashi.com/wp-content/plugins/table-of-contents-plus/front.min.js-end");タイトルとURLをコピーしました。