authorの書いた記事一覧ページにSNSリンクを追加したい

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

    【お使いの Snow Monkey のバージョン】 15.18.0
    【お使いの Snow Monkey Blocks のバージョン】 13.7.3
    【お使いの Snow Monkey Editor のバージョン】 6.2.1
    【お使いのブラウザ】 Chrome
    【当該サイトのURL】 https://webfare.hikaru-portfolio.com/

    ### 実現したいこと

    このトピックを参考にユーザーの記事一覧に写真と紹介文を載せることができました。

    さらに追加でSNSリンクも載せたいです。

    このように追加したいと思っております。

    <div class="profile__description">
      <?php echo wp_kses_post( $description ); ?>
    </div>
    
    <div class="profile__sns">
      <?php echo wp_kses_post( $?????); ?>
    </div>

    追記PHPを教えていただけますでしょうか?

    よろしくお願いいたします。

    ### 発生している問題

    ### 試したこと

    0
    いいねをした人: 居ません
    #94790
    アバター画像キタジマ タカシ
    参加者
    2421

    「SNS リンク」というのは、ダッシュボード → ユーザー → プロフィール → 連絡先情報で入力された SNS の情報のことでしょうか?

    0
    いいねをした人: 居ません
    #94879
    参加者
    2

    はい、そうです。
    Facebook、Twitter、インスタグラム、Youtube、tiktok,LINEが表示できればと思っています。

    0
    いいねをした人: 居ません
    #94883
    アバター画像キタジマ タカシ
    参加者
    2421

    TikTok は入力欄が無いのでまずそれを追加する必要があります。

    // TikTok の入力欄を追加
    add_filter(
    	'inc2734_wp_profile_box_sns_accounts',
    	function( $accounts ) {
    		$accounts['tiktok'] = '<i class="fab fa-tiktok"></i> TikTok';
    		return $accounts;
    	}
    );

    あとはこんな感じで取得できると思います。

    $user      = get_queried_object();
    $twitter   = get_the_author_meta( 'twitter', $user->ID ) );
    $facebook  = get_the_author_meta( 'facebook', $user->ID ) );
    $instagram = get_the_author_meta( 'instagram', $user->ID ) );
    $line      = get_the_author_meta( 'line', $user->ID ) );
    $tiktok    = get_the_author_meta( 'tiktok', $user->ID ) );
    0
    いいねをした人: 居ません
    #94991
    参加者
    2

    ありがとうございます。
    確かに取得できたのですが、URLが表示されましてこれをアイコンにするにはどうしたら良いでしょうか?

    0
    いいねをした人: 居ません
    #94996
    アバター画像キタジマ タカシ
    参加者
    2421

    その辺は Snow Monkey ではなく HTML の領域になりますね(Snow Monkey 特有のやり方というのはないです)。

    FontAwesome は使えるので

    <i class="fab fa-twitter"></i>
    

    のような HTML でアイコン表示できます。

    0
    いいねをした人: 居ません
    #95058
    参加者
    2

    ありがとうございます!

    実装できました!

    解決しましたのでトピックを閉じさせていただきます。

    1
    いいねをした人:
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「authorの書いた記事一覧ページにSNSリンクを追加したい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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