.simplemap-content{display:none}N★Typeブログダム・車・日常・開発メモなど、いろいろ書き残しています。2014.08.27この記事は約11分で読めます。スポンサーリンクテーマにSNSボタンが最初からついているSimplicity。このブログでも独自カスタマイズをして、SNSボタンを記事タイトルの下につけたり、Twitterのviaを追加するカスタマイズをしています。最近Simplicity開発版で、記事タイトルの下にSNSボタンを設置する機能が実装され、より便利になりました。20140817)を使用しているので、記事タイトル下へのSNSボタンは独自実装です。昔は結構たくさんの人が使っていたように思いますし、自分は今でもmixiでしか繋がっていない人もいるので利用しています。ブログで記事を書いた時に日記のかわりとして、ブログ書いた!って言うのをたまにつぶやいてたんですが、URLをコピペするのも面倒だしボタン付けてみました。(PC画面はイイネ!、スマホ画面はチェックボタンを付けました。)せっかく付けたので、付け方を紹介します。platformを利用するには、パートナー登録が必要です。自分は前にプラグインでSNSボタンをつけてたことがあったので、そのまま利用。パートナー登録についてはmixi公式のこちらを見ると分かりやすいと思います。Pluginの所で新規サービス登録をする必要があります。新規サービス登録を開き、画面の指示に従って各種情報(サイト名、URL、許可ドメインリストなど)を登録するだけなので簡単です。登録完了後の識別キーを使いますので、どこかにメモ。mixiイイネ!ボタンのHTMLタグ発行の所を使って、選択していくと実装用のタグが表示されるのでそれをあとで利用します。外観カスタマイズの所に、mixiボタン非表示、識別キーの設定項目を増やします。ボタンが常時表示されていて問題ない場合は、このカスタマイズは不要です。チェックで表示/非表示を制御できるようにするだけなので。(あと、このカスタマイズ方法が正しいのか、自分自身も少し不安です。)子テーマのfunctions.phpに追記します。));}?>親テーマに直接カスタマイズを入れても良かったのですが、子テーマに入れてみました。セクションを分けて作ろうとしてたんですが、SNS設定の所に入れました。入れましたと言うか、functions.phpのカスタマイズのやり方がわからなくて適当にやってたら入りました。コレで本当に正しいのか不安が残ります。functions.phpは他の子テーマカスタマイズとは違って子→親の順で呼び出されるらしいので、同じ関数名にすると二重定義になってしまうからダメらしいので、-childをつけて別物にしました。項目の並びはpriorityで決まるみたいなので、SNSの設定の最後は「追従SNSボタンの表示」で、priorityが180なのでそれより大きい値に。190とかだと今後被る可能性があるので900と901にしておいた。このカスタマイズで、WordPressの管理画面の外観→カスタマイズに下記画像のような項目が追加されます。準備ができたので、SNSボタンのソースをそれぞれ修正します。sns-buttons.php(PC表示のSNSボタン)HTMLタグ発行で発行されたタグの一部をカスタマイズして、ソースに組み込みます。?>これを、下から4行目くらいに追記します。ボタンが一番右側に表示される。)カスタマイズポイントは、外観カスタマイズで設定を増やしたので、表示/非表示の制御と識別キーの設定です。発行されたタグには識別キーがそのまま設定されているので、外観カスタマイズで項目を増やさない場合は、発行されたタグをそのまま貼り付ければOKです。これで、ボタンが追加されます。mixiイイネ!ボタンは、イイネ!の数とmixiチェックの数の合算がバルーンで表示されるような仕様だそうですが、0件の場合はバルーンが出ません。他のSNSボタンとそろわないからみっともない。mixiに問い合わせてみたけど、仕様だと言われました。改善検討させて頂きます。誰かがイイネ!かチェックしてくれると、バルーンが表示されます。sns-buttons-s.php(スマホ表示のSNSボタン)Simplicityではスマホ画面ではオリジナル画像ボタンになります。mixiイイネ!をオリジナル画像ボタンにすることが出来なさそうなので、mixiチェックのボタンにすることにしました。他のボタンと同じサイズの画像を作らないと行けないので、作りました。Platform)と言うものがあるのですが、その中でロゴは使用目的に「mixiチェック(外部サービス上から興味・関心を持った情報を、簡単に友人・知人に共有できるコミュニケーション機能。)の対象となる情報をmixiへ送信する導線のため」とあるので使ってよさそう。素材を変形・改変すること」としか書いてないので、拡大縮小は問題ないよね?その他注意事項には「アイコン内の「m」の文字は、「透過」ではなく「白色」でご利用ください。」とは書かれているので、mじゃない背景は色を変えてもいいよね?(背景は透過になっているが単色で塗ってもいいよね?)と決めつけて、素材を使って作ったのがコレGIMPで作ったんですが、ファイルサイズが妙に大きいのでTinyPNGと言うサービスを使ってファイルサイズを小さくしました。ダメって言われたら、オレンジべた塗りにmって書いただけのアイコンにします。こちらはHTMLタグ発行で作成したものは使わずに、画像にリンクする形でソースに組み込みます。?>こちらも下から4行目くらいに追記します。(</ul>の上)PC表示と同様に、表示/非表示の制御をして、リンクのパラメータにそれぞれの値を追加しています。)画像ファイルの場所は子テーマにアップロードしたので、get_stylesheet_directory_uri();を使用しています。親テーマの場所にアップロードした場合は、他のボタンと同じget_template_directory_uri();を使います。これでボタンが追加されます。記事タイトル下のボタン(PC表示、スマホ表示)やり方は上で紹介した記事下のボタンとやり方は同じなので、省略します。Simplicity開発版なら記事タイトル下のSNSボタンはサイズ中のバルーン付きにすればOKだと思います。自分はバルーン無しを独自実装しているので、サイズ中のバルーン無しです。SimplePost今回はmixiイイネ!とmixiチェックのボタンを付けましたが、パートナー登録なしで利用できるSimplePostって言うものもありあます。SimplePost技術仕様SimplePostの中に、つぶやきの投稿と言うのがあるのでそれを利用してやればボタンを付ける事も出来ると思います。バルーンがないので、記事下ボタンにはデザイン的に合わないですが・・・。WordPressスポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーねっす~をフォローするねっす~N★Typeブログ関連記事WordPressサーバーの負荷率が大変なことに。プラグインの見直しと自動保存、リビジョン設定を変更ここ最近、サーバーの負荷率が高い状態が続いているのでプラグインの見直しなどをしています。今借りているレンタルサーバーは、コアサーバーのプランAです。年間5,142円と安いので使っています。現状この...2015.02.09WordPress子テーマでやってた事をやらなくて良くなったSimplicity20140812先週からブログのテーマをSimplicityにしてるんですが、更新ペースがとても早いです。導入から2度目の更新になるんですが、simplicity20140812でたくさんの機能が盛り込まれました。Orderを使うことにした最近サーバーの負荷(CORESERVERのアカウントの負荷率の数値)が高くなってきているので、ブログのプラグインの見直しなどをしています。WordPressデバッグモードでエラーや警告を出しているプラグインがあるんじゃないかと思い確...2015.02.04WordPressブログテーマをSimplicity1.9.3から2.1.0に更新しましたブログのテーマにはSimplicityを利用させていただいています。Simplicity2の最初の安定版が出ていたので更新しました。これまではSimplicity1系の最終安定版1.9.3を利用してい...2016.03.19WordPressブログのSSL化(CORESERVER)CORESERVER(コアサーバー)がリニューアルして、無料SSLが使えるようになりました。このブログも現在CORESERVERを利用して運用しているので、さっそくSSL化しました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト日本語が含まれない投稿は無視されますのでご注意ください。コメントデータの処理方法の詳細はこちらをご覧ください。温泉銭湯スポンサーリンクタイトルとURLをコピーしました。