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

♥ 0

いいねをした人: 居ません

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

6件の投稿を表示中 - 1 - 6件目 (全6件中)

投稿者

投稿
2020年7月26日 5:34 PM #54547
Shingo Sasaki
参加者

♥ 8
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】10.10.8
【お使いのブラウザ】クローム
【当該サイトのURL】https://okome.tv/

===

ソーシャルナビゲーションに、下記SNSアイコンを対応して頂くことは可能でしょうか？
- note（https://note.com/）
- LINE（https://line.me/ja/）
急ぎではありませんので、お手すきの際にご検討いただけますと幸いです。
何卒、よろしくお願いいたします。

♥ 0

いいねをした人: 居ません
2020年7月26日 9:59 PM #54555
Kmical Lights
閲覧者

♥ 234
LINE は既に（ https://line.me/ja/ ）のアドレスでもLINEのアイコンで表示される対応がされていると思いますが、また別のアイコンとなるのでしょうか？

noteの方はFontAwesomeに含まれていないブランドのアイコンの為、リソースなどの調整が大きい事から、Snow Monkey v11リリース後の対応になるのではと予想しています。
一応、お急ぎでしたら my snow monkey で、note をアイコン表示に追加する断定的な方法を記載しておきますのでお使いください。
※ 断定対応なので、公式にアイコン対応された際はコードを削除してください。
```
add_filter(
	'snow_monkey_social_nav_item',
	function ( $_new_item_output, $_item_output, $_args ) {
		if ( false !== strpos( $_item_output, 'https://note.com/' ) ) {
			$_new_item_output = str_replace( $_args->link_before, '<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Shape" transform="matrix(0.0849025,0,0,0.0849025,-8.9805,-8.9805)"><path d="M180.389,169.697L180.389,155.318C180.389,152.698 180.524,151.824 180.928,150.48C182.006,146.785 185.646,144.03 189.959,144.03C194.271,144.03 197.91,146.852 198.988,150.48C199.393,151.824 199.529,152.698 199.529,155.318L199.529,177.491C199.529,178.835 199.529,180.178 199.259,181.388C198.518,184.747 195.485,187.772 192.115,188.51C190.902,188.779 189.554,188.779 188.206,188.779L165.967,188.779C163.339,188.779 162.462,188.644 161.114,188.241C157.475,187.166 154.645,183.538 154.645,179.238C154.645,174.937 157.475,171.309 161.114,170.234C162.462,169.831 163.339,169.697 165.967,169.697L180.389,169.697ZM259.643,270.215L140.357,270.215L140.357,165.464C140.357,164.12 140.829,162.978 141.773,162.037L172.706,131.196C173.649,130.256 174.795,129.786 176.143,129.786L259.643,129.786L259.643,270.215ZM273.189,106.134C272.583,106.067 271.774,106 270.224,106L172.975,106C171.898,106 170.82,106.067 170.078,106.134C165.629,106.537 161.653,108.62 158.486,111.778L122.295,147.86C119.129,151.019 117.039,154.982 116.636,159.417C116.567,160.155 116.5,161.23 116.5,162.305L116.5,280.763C116.5,282.309 116.567,283.116 116.636,283.72C117.174,288.759 121.756,293.327 126.811,293.865C127.418,293.933 128.226,294 129.776,294L270.224,294C271.774,294 272.583,293.933 273.189,293.865C278.244,293.327 282.826,288.759 283.366,283.72C283.432,283.116 283.5,282.309 283.5,280.763L283.5,119.237C283.5,117.691 283.432,116.884 283.366,116.28C282.826,111.241 278.244,106.672 273.189,106.134Z" fill="#41C9B4" /></g></svg>' . $_args->link_before, $_item_output );
		}
		return $_new_item_output;
	},
	10,
	3
);
```
note のアイコン仕様は

+ ブランドアイコンカラーコード : #41C9B4
+ ロゴデータ – ダウンロード先 : https://help.note.com/hc/ja/articles/360000235582-ロゴデータ

としています。

♥ 2

いいねをした人: 居ません
2020年7月27日 10:44 AM #54564

Shingo Sasaki
参加者

♥ 8

Kmical Lights様

ご回答ありがとうございます。

■LINEについて

すでに対応済みとの事、ご教授いただきありがとうございます。
URLがline.meから始まる場合はソーシャルナビにアイコンが表示されることを確認しました。

ただ、私が設定した際にLINEのアイコンが表示されず困っていました・・・

設定したいURLは、LINE公式アカウントの友達追加URLです。

・https://lin.ee/8RgOiEX

URLがlin.eeから始まる場合は、アイコンが表示されないのですね・・・

こちらのURLでも、LINEアイコンが表示されるようになると良いなと考えておりました。

■noteについて

こちらもご教授頂きありがとうございます！
内容、承知しました。

my snow monkeyに頂いたコードを実装し、無事に表示ができました。
snow monkeyがnoteに対応したら削除いたします。

♥ 0

いいねをした人: 居ません

2020年7月27日 12:02 PM #54571
Kmical Lights
閲覧者

♥ 234
＠Shingo Sasakiさん

URLがlin.eeから始まる場合は、アイコンが表示されないのですね・・・

LINEに、そんなショートドメインのURLが存在してたんですね。
lin.ee は Snow Monkey v10 ではアイコン表示に対応していないので、v11以後に対応されると思います。
とりあえず、こちらも断定的な対応コードを載せておきます。お急ぎでしたらお使いください。
```
add_filter(
	'snow_monkey_social_nav_item',
	function( $_new_item_output, $_item_output, $_args ) {
		if ( false !== strpos( $_item_output, 'https://lin.ee/' ) ) {
			$_new_item_output = str_replace( $_args->link_before, '<i class="fab fa-line"></i>' . $_args->link_before, $_item_output );
		}
		return $_new_item_output;
	},
	10,
	3
);
```
♥ 2

いいねをした人: 居ません
2020年7月27日 12:59 PM #54577

Shingo Sasaki
参加者

♥ 8

頂いたコードで無事に実装できました！
丁寧な回答ありがとうございました！

♥ 0

いいねをした人: 居ません

2020年7月28日 5:41 PM #54617

キタジマタカシ
参加者

♥ 2253

@Kmical Lights さん、ありがとうございます！

@Shingo Sasaki さん

– lin.ee の追加
– https://note.com/ の追加

は v11 で対応したいと思います！

♥ 2

いいねをした人: 居ません
投稿者

投稿