web-dev-qa-db-ja.com

カスタム管理メニューを介してテーマにソーシャルアイコンを追加する

カスタムヘッダーコントロールパネルを介してリンク付きのソーシャルアイコンを設定するオプションを使用してテーマを作成することは可能ですか?

私はそれをグーグルしました、そして私を助けることができるものは何も見つけませんでした、そのトピックに関するどんな援助でも非常に高く評価されるでしょう

UPDATE
私が達成しようとしているのは、テーマコントロールパネル(できればheaderパネルの中で、外部プラグインを使わずに)で、どのソーシャルアイコンを表示するかを設定して設定できるということです。

2
ilyo

私はしばらく前に自分のサイトで同様のことをしました。私はあなたがあなたのニーズに合うようにそれを微調整できると確信しています。

各記事の下には、自分のアカウントにリンクしているソーシャルメディアのアイコンがある著者ボックスがあります。

content-single.php

<?php if ( get_the_author_meta('Twitter') ) : ?>
    <a href="http://www.Twitter.com/<?php the_author_meta('Twitter'); ?>" title="Twitter"><img src="<?php bloginfo( 'url' ) ?>/images/Twitter.png" /></a>
<?php endif; ?>
<?php if ( get_the_author_meta('facebook') ) : ?>
    <a href="http://www.facebook.com/<?php the_author_meta('facebook'); ?>" title="Facebook"><img src="<?php bloginfo( 'url' ) ?>/images/facebook.png" /></a>
<?php endif; ?>
<?php if ( get_the_author_meta('gplus') ) : ?>
    <a href="http://plus.google.com/<?php the_author_meta('gplus'); ?>" title="Google Plus"><img src="<?php bloginfo( 'url' ) ?>/images/google.png" /></a>
<?php endif; ?>
<?php if ( get_the_author_meta('linkedin') ) : ?>
    <a href="http://www.linkedin.com/in/<?php the_author_meta('linkedin'); ?>" title="Linkedin"><img src="<?php bloginfo( 'url' ) ?>/images/linkedin.png" /></a>
<?php endif; ?>

functions.php

function social_media_icons( $contactmethods ) {
    // Add social media
    $contactmethods['Twitter'] = 'Twitter';
    $contactmethods['facebook'] = 'Facebook';
    $contactmethods['gplus'] = 'Google Plus';
    $contactmethods['linkedin'] = 'Linkedin';

    return $contactmethods;
}
add_filter('user_contactmethods','social_media_icons',10,1);

これにより、ユーザープロファイル設定に追加のフィールドが追加されます(wp-admin/profile.phpまたはwp-admin/user-edit.php?user_id = 1)。記入するとソーシャルメディアのアイコンが表示されます。フィールドを空白のままにすると、何も表示されません。

お役に立てれば!

3
Paul T.

テーマオプションからソーシャルボタンのリンクを管理することは良い選択ですが、ワードプレスクエリループに添付できるショートコードを使用してソーシャルシェアボタンを追加できます。私はあなたが望むようにどこにでも追加できるソーシャルシェアボタンを処理できるショートコードを見つけました。本当に役立つこのリンクをたどってくださいこのリンクをチェックしてください http://nrtechwebsolution.com/custom-social-share-for-wordpress-post/

0