[chong]

【お使いの Snow Monkey のバージョン】バージョン: 27.0.4
【お使いの Snow Monkey Blocks のバージョン】バージョン 22.0.0
【お使いの Snow Monkey Editor のバージョン】バージョン 10.0.4
【お使いのブラウザ】chrome　バージョン: 128.0.6613.121（Official Build） （64 ビット）
【当該サイトのURL】https://dnamatrix.jp/

### 実現したいこと

ソーシャルナビゲーションでLINEのアイコン表示に対応してほしい

以下質問に対する回答（2020年7月28日 5:41 PM）で v11で対応予定とありましたが

現時点可能になっていますでしょうか？

ソーシャルナビゲーションに『LINE』『note』を対応させて欲しい

このトピックには5件の返信、2人の参加者があり、最後にキタジマ タカシにより4年、 1ヶ月前に更新されました。…

snow-monkey.2inc.org

 

### 発生している問題

地球マークになっております。

### 試したこと

Font Awesomeのアイコン挿入（クラス指定：<i class=”fa-brands fa-line”></i>）するも機能せず。

♥ 0

Who liked: No user

[キタジマ タカシ]

現時点可能になっていますでしょうか？

はい、現時点では LINE の公式ドメインである

– https://line.me
– https://lin.ee

が対象になっています。

♥ 0

Who liked: No user

[キタジマ タカシ]

今言われているのは、https://xxxxx.autosns.app/ のドメインのリンクについてでしょうか？

そうだとして、これは LINE の公式ドメインでは無いと思うので、フックを使って独自にカスタマイズしてもらうのが良いかなと思います。

/**
 * ソーシャルナビゲーションの xxxxx.autosns.app ドメインのリンクを LINE アイコンにする
 */
add_filter(
	'snow_monkey_social_nav_item',
	function( $new_item_output, $item_output, $args, $item ) {
		if ( preg_match( '|^https?://([^\.]+?\.)*?autosns\.app?|', $item->url ) ) {
			$new_item_output = str_replace(
				$args->link_before,
				'<i class="fa-brands fa-line"></i>' . $args->link_before,
				$item_output
			);
			$new_item_output = str_replace( '<a ', '<a data-icon="line" ', $new_item_output );
		}
		return $new_item_output;
	},
	10,
	4
);

♥ 1

Who liked:

[chong]

キタジマ様

早々のご返信ありがとうございます。

仰せの通り、LINE公式のドメインではなかったため、ご提案のフックで無事実現できました。

ありがとうございます。

♥ 0

Who liked: No user

[キタジマ タカシ]

解決できて良かったです！ トピックのクローズをお願いします。

♥ 1

Who liked:

[投稿者]

投稿