.simplemap-content{display:none}N★Typeブログダム・車・日常・開発メモなど、いろいろ書き残しています。2014.08.12この記事は約6分で読めます。スポンサーリンクだつえん!ブログで紹介されていた、Simplicityで記事タイトル下にソーシャルシェアボタンを表示するカスタマイズを読みながら、あー確かに上のボタンたまに使う事あるよなーと思ったので、参考にして上にもボタン付けました。PC版で上のボタンにバルーンがあるのはタイトルと本文の間が少し長すぎるな。感じたので、バルーンなしのものを作ってそれを表示することにしました。目次バルーンなしのPC版を作る(sns-buttons-top.php)子テーマのstyle.cssに追記スマホ版のSNSボタンも一応作る(sns-buttons-s-top.php)single.phpに追記バルーンなしのPC版を作る(sns-buttons-top.php)sns-buttons.phpをコピーして新規にsns-buttons-top.phpを作成します。Simplicityの作者さんの作り方は、同じことを繰り返さない。同じことはテンプレートを分けて、それぞれ実装している感じなので、本来ならsns-buttons.phpをうまいこと何かしてやる方が良いんだと思います。ソースコードが長いので、弄った部分だけ説明していきます。IDが下に表示するSNSボタンの所と被るので、新規で作ってるしせっかくなので変更します。id="sns-buttons-top">適当に-topを付けてみました。以下のコードは、「シェアする」の文字を表示している部分なので、タイトル下に配置するボタンにはそれは要らないかな。思うのでバッサリ削除。clearfix">t付けただけって言ういい加減なやり方wあとは、各ボタンをバルーンなしの物に変えます。Twitterdata-count="none"verticalをnoneに変更。Facebook&amp;layout=button&amp;show_faces=false&amp;width=70&amp;action=like&amp;colorscheme=light&amp;height=20src=の所のlayoutをbox_countからbuttonに。width,heightをそれぞれ変更。transparent;"styleの所も20pxに変更。※20140817のバージョンでFacebookのいいね!ボタンのコードが変わっていました。新しい修正方法はこちらGoogle+data-annotation="none"を追加しました。はてなブックマークdata-hatena-bookmark-layout="standard-noballoon"vertical-balloonをstandard-noballoonに変更。Pocketdata-pocket-count="none"verticalをnoneに変更。20px;”となっていて謎なことに。治し方が分からないから、無理やり80pxに。class="hatena-standard-noballon">hogehoge</div>サイズはスタイルシートでいじることにして、はてなブックマークの所を<div>で囲んでおくことに。-1.0emは、投稿日とかの下にマージンが1.7emとられていて、ボタンを配置すると少しマージン多すぎるなぁと思ったんで、追加しました。マージンが気にならなければstyle.cssに追加はいりません。hatena~の所が、無理やり80pxにしている部分。コレであってるのかは???適当に書いてみたらうまく表示出来たので、コレでいいかなーって言う適当っぷり。間違ってたら教えて貰えたら嬉しいです。スマホ版のSNSボタンも一応作る(sns-buttons-s-top.php)PC版と同じく、IDの変更と「シェアする」の削除、classの変更をしました。スマホ版は元からアイコンだから「シェアする」だけ気にならなければ、新たに作らなくてもいいんじゃないかなと思う。id="sns-buttons-top">PC版同様に-top付けただけ。新しくソースを作っているので、-topの付いたテンプレートを指定します。?></div>完成イメージ画像のように、バルーンなしのボタンだけシェアボタンが付きました。記事の下の所は標準のバルーン付きのままにしています。※Simplicity20140822(開発版)から横向きバルーン付きですが、タイトル下にSNSボタンを付けることが標準で可能になったようです!Simplicity20140822公開。タイトル下に小さなSNSボタン追加機能、メニューの不具合修正他。WordPressスポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーねっす~をフォローするねっす~N★Typeブログ関連記事WordPressサーバーの負荷率が大変なことに。プラグインの見直しと自動保存、リビジョン設定を変更ここ最近、サーバーの負荷率が高い状態が続いているのでプラグインの見直しなどをしています。今借りているレンタルサーバーは、コアサーバーのプランAです。年間5,142円と安いので使っています。現状この...2015.02.09WordPressWordPressをインストールサーバーの容量が余りまくってるし、mixiで日記書いたりもしているのですが、身内限定にする必要のない日記をmixiで書いてても仕方ない。facebookのノートも使いにくい、ブログサービスを使うと何時サービスが終了するかわからない。2018.08.23WordPressブログテーマをSimplicity1.9.3から2.1.0に更新しましたブログのテーマにはSimplicityを利用させていただいています。Simplicity2の最初の安定版が出ていたので更新しました。これまではSimplicity1系の最終安定版1.9.3を利用してい...2016.03.19WordPressFacebookの「いいね!」ボタンが下にずれたお盆前に更新したばかりのSimplicityのテーマ。20140817)しました。Error(500)になってしまいました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト日本語が含まれない投稿は無視されますのでご注意ください。コメントデータの処理方法の詳細はこちらをご覧ください。温泉銭湯スポンサーリンクタイトルとURLをコピーしました。