ワードプレステーマ「JIN」の設定方法
使い方 解説blog
JINのカスタマイズ

JINでSNS(シェア)ボタンのデザインやカラーのカスタマイズ

JINでSNS(シェア)ボタンを搭載する方法

JINでは、プラグインなしで簡単にSNS(シェア)ボタンを搭載することができます。

まず最初にさっくりとSNSボタンの設定方法を解説したいと思います。

トップページ上のカスタマイズから、「記事のデザイン」を選び、下にスクロールしていくと「SNSボタンを表示しない」という項目があるのでチェックを外しましょう。

あとは「公開」を押せば完成、記事の上下にSNSボタンが表示されます。

記事の最後にだけSNSボタンを表示させたい場合は、「ページ上部のSNSボタンのみを表示しない」にチェックを入れます。

SNSボタンのデザインやカラーをカスタマイズする方法

ちょっと難しい(と言ってもコピペするだけ)ですが、SNSボタンのデザインを変更する方法を紹介したいと思います。

SNS(シェア)ボタンのデザインを、簡単にモノクロや枠ありなどにカスタマイズができます。

テンプレートは、JINの公式サイトに載っています。

気に入ったデザインの下にあるコードをコピーし、先ほどと同じように「カスタマイズ」から、今度は「追加CSS」を選択し、空いている場所に貼り付けましょう。

基本簡単にできるのですが、一点だけ、変更しても「反映されない」ケースがあるので注意しましょう(別にエラーではありません)。

JINのサイトでは、パータン1とパターン2に分かれています。

もし、パターン2のデザインを使用したい場合は、「カスタマイズ」から「SNS設定」に進み、「スタイル1」と「スタイル2」があるので、「スタイル2」を選択しましょう。

そうすれば反映されるようになります。

また、モノクロの色を薄くしたり、自由にカラーを変更したいときは、CSSの以下の数字の部分(#444)をWEB色見本などを参考にお好みで変えてみましょう。

color: #fff
background-color:#444;
border:2px solid #444;

以上、JINのSNSボタンのデザインやカラーを変更する方法でした。

ABOUT ME
めたもん
めたもん
2015年頃からワードプレスでブログを書いています。最近「JIN」を使い始めました。不器用にもがきながら模索中、ワードプレスのこと、JINの設定方法、また過去に脚本家を目指して教室に通っていたこともあるので文章についても書いていきたいと思います。

アフィリエイトにおすすめのASP

ASPとは、アフィリエイト広告とアフィリエイターを繋ぐ仲介業者のことです。アフィリエイト広告を貼る場合、まずはASPに登録します。

ここでは、アフィリエイトにおすすめのASPを紹介したいと思います。

どのサイトも無料登録なので、とりあえず最初に一通り登録しておくとよいでしょう。

おすすめ1、A8.net

言わずと知れたASPの大手。満足度ランキング7年連続1位とにかく提携企業(広告)が多いことがメリットです。

ひとまず「ここ」というASP。健康や美容関連にも強いです。

A8.net 公式サイト

 

おすすめ2、もしもアフィリエイト

もしもアフィリエイトは、Amazonも通りやすいので、Amazon関連のアフィリエイトを使うならもしもアフィリエイトは登録しておくとよいでしょう。

もしもアフィリエイト 公式サイト

 

おすすめ3、バリューコマース

バリューコマースのメリットは、スマホのオーバーレイ広告があることと、メルカリなど意外とバリューコマースにしかない案件がある点です。

バリューコマース 公式サイト

 

基本的には、この三つのASPを活用しています。

アフィリエイトは、この三社と、Amazonアソシエイト(Amazonは上記のASP三社でも提携が可能です)、グーグルアドセンスがメインとなっています。

どれも登録無料なので、複数あればリスクヘッジにもなりますし、各社で扱っている案件も違うので、ASPは登録だけでも行っておくとよいでしょう。

その他、afb(アフィb)も有名どころで評価の高いASPです。

その他サービス

クラウドワークス

在宅ワークで家にいながら記事のライティングなどの仕事を受けることができます。手続きも簡単で、お金をもらいながらブログ記事執筆の基本を学ぶことができます。

CrowdWorks(クラウドワークス) 公式サイト

ココナラ

自分ではちょっと不安なワードプレスやサーバーの設定、アイコンのデザインから翻訳まで、それぞれ得意なひとが格安で代行してくれる「スキルのフリマ」です。

無料登録後、必要なスキルを検索しましょう。取引は匿名で、自分で「出品」も可能です。

ココナラ 公式サイト