「Facebookのいいね!ボックス」を「SNSのフォローボックス」に変更したい

0
いいねをした人: 居ません
  • このトピックには10件の返信、2人の参加者があり、最後にHiROEにより3年、 3ヶ月前に更新されました。
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • 投稿者
    投稿
  • #59652
    HiROE
    参加者
    46

    要望のような提案のような感じなのですが、

    現在記事下に配置できる「Facebookのいいね!ボックス」ですが、この部分を、「SNSのフォローボックス」にできたらいいなぁと思っています。(または「SNSのフォローボックス」設定を追加)

    これは個人的にですが、最近「Facebookのいいね!」はあまり利用されていないと感じています。

    それよりはInstagaramやTwitterの方がフォローしてもらいやすいイメージがあるので、記事下では各種媒体に応じたSNSフォローの訴求ができるのが良いのではと思いました。

    Snow Monkeyではフッター上部にSNSリンクは設置できますが、特にスマホの場合は、記事を読んだあとそこまでスクロールしない場合も多いと思います。(これはこれでPCのときに全ページでわかりやすいので好きですが・・・)

    なので、「Facebookのいいね!ボックス」を、下記のような「SNSのフォローボックス」に置き換えたらどうでしょう?という要望兼ご提案です。

    (タイトル説明は任意のものを入力できたらより嬉しいです・・・、フックで変更も可)

    ご検討頂けたら嬉しいです!

    0
    いいねをした人: 居ません
    #59794
    キタジマ タカシ
    参加者
    2234

    置き換えとなると使っている方に影響が大きいので、やるとしたら追加になるかと思います。

    この参考例のページのURLを教えてもらうことはできますか?

    0
    いいねをした人: 居ません
    #59845
    HiROE
    参加者
    46
    #59953
    キタジマ タカシ
    参加者
    2234

    ありがとうございます! そろそろ WP5.6 対応の準備をしないとなので、少し時間がかかってしまうかもしれませんが、issue に入れておきますね。ご提案ありがとうございます!

    0
    いいねをした人: 居ません
    #60028
    HiROE
    参加者
    46

    WP5.6!WordPressも進化が早くて対応が大変ですね・・・

    いつでも良いタイミングでよいので検討いただけたら嬉しいです!気長にお待ちしております〜

    0
    いいねをした人: 居ません
    #62279
    キタジマ タカシ
    参加者
    2234

    1ヶ月以上おまたせしてしまいました、すみません!

    まだベータ版なのですが、Snow Monkey v12 で機能を追加します。もしテスト環境をお持ちでご都合がつくようでしたらテストしていただけるとうれしいです(正式リリース後でも全然大丈夫です)。

    ダッシュボード → 外観 → メニュー → メニューの位置 → フォローボックスに、Twitter や Facebook などのカスタムリンクを追加すると、記事の下部にフォローボックスが表示されます。フォローボックスのタイトルや説明文はフックでカスタマイズできるようにしています。

    add_filter(
    	'snow_monkey_get_template_part_args_template-parts/content/follow-box',
    	function( $args ) {
    		$args['vars']['_title'] = 'タイトル';
    		$args['vars']['_lead'] = '説明文';
    		return $args;
    	}
    );
    0
    いいねをした人: 居ません
    #62423
    HiROE
    参加者
    46

    返信遅くなりました!
    機能追加していただき、ありがとうございます。

    テストサイトで試してみたところ、いい感じで設定できました。フックでタイトルなどの文字情報も変更してみましたが、問題ありませんでした!

    このままで使えそうです!ありがとうございます!

    1点だけ質問です。(特に急ぎません)
    サイトの雰囲気に合わせて、背景画像のマスクの色や透明度を変更したい場合は、追加CSSに記述する感じで対応可能でしょうか?

    デベロッパーツールでCSS見ていると.p-follow-box__innerで文字色は変更できそうだったのですが、画像の部分の変更方法が見つけられませんでした・・・。

    .p-follow-box__inner {
        color: #454545;
    }
    0
    いいねをした人: 居ません
    #62437
    キタジマ タカシ
    参加者
    2234

    このままで使えそうです!ありがとうございます!

    良かったです!

    サイトの雰囲気に合わせて、背景画像のマスクの色や透明度を変更したい場合は、追加CSSに記述する感じで対応可能でしょうか?

    .p-follow-box__figure:afterbackground-coloropacity を上書きしてみてください。

    デフォルトだとちょっと暗すぎないかな?と思っているのですがどうですかね?

    2
    いいねをした人: 居ません
    #62454
    HiROE
    参加者
    46

    .p-follow-box__figure:after の background-color と opacity を上書きしてみてください。

    できました!ありがとうございます!

    デフォルトだとちょっと暗すぎないかな?と思っているのですがどうですかね?

    そうですね〜。単体だと気にならないのですが、その下に表示される前後の投稿と並ぶと、ちょっと暗いかな?と思っておりました。

    下記のような感じで、合わせてしまっても良いかもですね。シンプルで統一感もありますし。

    フォローボックスを強調したいのであれば現状でも良いと思いますが、それこそCSSで調整できますので・・・

    0
    いいねをした人: 居ません
    #62467
    キタジマ タカシ
    参加者
    2234

    スクショありがとうございます! 確かにこうみると揃っていたほうが良さそうですね。揃えます、ありがとうございます!

    0
    いいねをした人: 居ません
    #62797
    HiROE
    参加者
    46

    正式バージョンにもアップデートして確認しました!

    早速使っていきます。WP5.6対応、お疲れ様でした!
    このトピックは解決したので閉じておきます〜

    1
    いいねをした人: 居ません
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • トピック「「Facebookのいいね!ボックス」を「SNSのフォローボックス」に変更したい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。