「任意のアイコンと色と名前で任意のSNSを追加可能になる」

これは便利そうですね。

実装はすごーく面倒そうですが…。

Discordのアイコンって添付画像のものでいいんですかね。

「任意のアイコンと色と名前で任意のSNSを追加可能になる」

これは便利そうですね。

実装はすごーく面倒そうですが…。

これは結構面倒かもですね。設定項目が結構必要そうなので。

イメージとしては、添付画像のような感じですかね？

添付画像のものを作るために、「sns-follow-buttons.php」を少々いじりマウスオーバー時のtitleも変更、CSSに多少追記をしました。

WordPressの設定にあるプロフィール内で「使っていないURL入力項目」があったため実装は簡単そうでしたが、全部使ってると厄介そうかもしれませんね…

自力でカスタマイズするならいいかもしれませんが、Cocoonの設定などから簡単に切り替えられるわけでもないので、万人向けではありません。

CodePenのURL部分でテストしたので、以下のような形にsns-follow-buttons.phpを書き換え、CSSを追記し表示させてみました。

PHP

<?php if ( get_the_author_codepen_url($user_id) )://CodePenフォローボタンを表示するか ?>
<a href="<?php echo esc_url(get_the_author_codepen_url($user_id)); //CodePenフォローURLの取得 ?>" class="follow-button discord-button discord-follow-button-sq" target="_blank" title="<?php _e( 'Discordに接続', THEME_NAME ) ?>" rel="nofollow noopener noreferrer"><span class="icon-discord-logo"></span></a>
<?php endif; ?>

CSS

a.discord-button {
	background-color:#8c9eff;
}
.icon-discord-logo {
	content:"\f392";
}

もっとスマートにカスタマイズすることもできるかもしれませんが、一応、上記添付画像のような動作はします。

はるさんも、わいひらさんも結構面倒とおっしゃっていますので、こんな感じでカスタマイズするのもありかもしれないですね。

キャッシュが残っておりました、失礼。

PHP

<?php if ( get_the_author_codepen_url($user_id) )://CodePenフォローボタンを表示するか ?>
<a href="<?php echo esc_url(get_the_author_codepen_url($user_id)); //CodePenフォローURLの取得 ?>" class="follow-button discord-button discord-follow-button-sq" target="_blank" title="<?php _e( 'Discordに接続', THEME_NAME ) ?>" rel="nofollow noopener noreferrer"><i class="fab fa-discord"></i></a>
<?php endif; ?>

CSS

a.discord-button {
	background-color:#8c9eff;
}

簡単にFont Awesome呼び出すために、こんな感じとか？