サポート » テーマ » GK Portfolio

  • 解決済 pkei

    (@pkei)


    お世話になります。
    投稿記事のSNSボタンGoogle+をInstagramに変更したいのですが、
    カスタマイズできません。
    ご指南いただけますと助かります。
    よろしくお願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • こんにちは

    Instagram には外部サイトをシェアする機能はないなので、シェアボタンはありません。
    Google+ のシェアボタンを削除する場合は、テーマの functions.php の portfolio_social_button() を子テーマにコピーして、下記の4行を削除することで消すことができます。

    <a class="gk-social-gplus" href="https://plus.google.com/share?url='.urlencode($permalink).'"
       onclick="window.open(this.href, \'google-plus-share\', \'width=490,height=530\');return false;">
        <span class="social__icon--hidden">Google+</span>
    </a>
    pkei

    (@pkei)

    ishitakaさま

    いつもありがとうございます。
    すみません。
    InstagramではなくてLineでした。
    https://social-plugins.line.me/lineit/share?url={シェアしたいURL}
    をGoogle+を削除した場所に貼り付けたのですが、
    Google+が表示されてしまいました。
    恐れ入りますが、
    こちらもご指南いだだけると助かります。
    よろしくお願いしますm(_ _)m

    pkei

    (@pkei)

    こちらです。よろしくお願いします。

    • この返信は3週前にpkeiが編集しました。

    下記のようなコードではどうでしょうか。

    <a class="gk-social-line" href="https://social-plugins.line.me/lineit/share?url='.urlencode($permalink).'"
         onclick="window.open(this.href, \'line-share\', \'width=500,height=500\');return false;">
         <span class="social__icon--hidden">Line</span>
    </a>

    上記コードでは、クラス名を仮に「gk-social-line」としましたが、これは定義されていません。テーマ内に LINE のアイコンがないので、別途用意する必要があります。

    ishitakaさま

    いつも大変お世話になっております。
    大変恐縮ですが
    別途用意する方法も教えてください。
    すみません。お手数をおかけいたしますが、
    よろしくお願いしますm(_ _)m

    下記のようなスタイルで表示できると思います。

    .gk-social-line::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(./square-grey.png); background-size: contain; vertical-align: middle; }

    画像は、この辺からダウンロードすることができます。

    なお、このフォーラムは WordPress のフォーラムです。WordPress というより HTML+CSS についてのご質問に見受けられます。他のフォーラムなどの方が回答が得やすいと思います。

    ishitakaさま

    いつもお世話になっております。
    おかげさまで解決いたしました。
    本当に助かりました。
    勉強不足の私に丁寧に教えていただきまして、
    感謝いたします。
    ありがとうございましたm(_ _)m

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。