Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
fontawesomeにリンクを付けた...
 
通知
すべてクリア

[解決済] fontawesomeにリンクを付けたい

9 投稿
3 ユーザー
14 Likes
715 表示
mikan
(@mikan)
投稿: 13
メンバー
Topic starter
 

ありそうで色々検索したのですが過去になかったので申し訳ないですが質問お願いします。

別でSNSのウィジェットを使ったりすることができる素晴らしい機能がありますがLINEを使いたいので
icon class="icon-line"
fontawesomeのこちらのコードにリンクを付けたいと思っております。
HTML編集からa href=""を挟んだり色々試したのですがうまくいかず、、、
皆さんどうやってリンクを付けているのでしょうか?
よろしくお願い致します。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
バージョン: 2.5.6.2
利用中のWordPressバージョン
WordPress 5.8.2
利用中のプラグイン一覧
This topic was modified 2年前 by mikan
 
投稿済 : 09/12/2021 5:50 pm
つぶ reacted
しらこ
(@96ssbike)
投稿: 834
メンバー
 

具体的にどこに付けたいのでしょうか?

URL・画像・説明(←説明の場合、自分の言葉ではなくできるだけ正式名称でお願いいたします)なりで説明いただければ幸いです。

もしかしたら、誰かから良い答えが出てくるかもしれませんが、理想と異なる回答をしてお互い微妙な時間を過ごす可能性があるので、上記の情報をお知らせいただければ幸いです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 09/12/2021 6:06 pm
つぶ reacted
mikan
(@mikan)
投稿: 13
メンバー
Topic starter
 

@96ssbike 

お返事ありがとうございます。

すみません、どこにというのはリンクの付ける箇所のことですか?(LINEのアイコンに友達登録できるURLを付けたいです)
それともLINEのアイコンをどこに配置するかという意味でしょうか?(カラムの中に設置予定です)

意味が違いましたら申し訳ございません。
よろしくお願いします。

 
投稿済 : 09/12/2021 6:20 pm
つぶ reacted
つぶ
(@tbshiki)
投稿: 2
メンバー
 

横から失礼します🙇‍♂️

HTMLを編集ということであれば特定のブロックやテキストウィジェットと想定できました。

[icon class="icon-line"]

 というショートコードでLINEのアイコンを表示することができるので、このショートコードにクリップのようなアイコンからリンクをつけていただければいいと思います!

 

……

このフォーラムの投稿だとショートコードが消えてしまうので

icon class="icon-line"

を[]で囲んでください。

Font Awesomeを使う場合はSWELL設定でFont Awesomeを有効にしていだきたいです。
LINEのアイコンはFont Awesomeではなく了さんが設定してだいている独自アイコンだったと思います。

通常テキストなどにリンクをつける方法と同じでショートコード自体にリンクを設定することが可能です。
画像ではリンク済みになっているので黒くなってしまっていますが、ピンクで囲んでいるのと同じアイコンです。

2021 12 09 18h28 54

 

もしわからなければご返信ください。
しらこさん、失礼しました(; ・`ω・´)

This post was modified 2年前 5回 by つぶ
 
投稿済 : 09/12/2021 6:29 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

付ける位置の話です。

そもそもLINEのアイコン自体がSWELLに含まれているのでFont Awesome使う必要がないと思いますが、

<a href="https://swell-theme.com/"><i class="icon-line"></i></a>

ではまずいですか?

もしどうしてもFont Awesomeということであれば、予めFont Awesomeを読み込む設定を行った上で

<a href="https://swell-theme.com/"><i class="fab fa-line"></i></a>

とかでしょうか。

リンクしたことで色などが変わってしまう場合は、ご自身でCSSなどで調節してください。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 09/12/2021 6:30 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

あっ、つぶさんのほうが楽で良いですね…!

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 09/12/2021 6:31 pm
mikan and つぶ reacted
mikan
(@mikan)
投稿: 13
メンバー
Topic starter
 

@tbshiki 

コメントありがとうございます。

テキストにリンクをつける方法はショートコードにも使えるのですね!
やってみたところ無事できました。とても参考になりました!!

ありがとうございます。

 
投稿済 : 10/12/2021 10:22 am
つぶ reacted
mikan
(@mikan)
投稿: 13
メンバー
Topic starter
 

@96ssbike 

お返事ありがとうございます!

すみませんLINEはfontawesomeで表示(LINEがないため)したいのではなく、ショートコードで、でした。
大変失礼しました。

 

 HTML編集からしたところ出来ました。ありがとうございます!

This post was modified 2年前 by mikan
 
投稿済 : 10/12/2021 10:30 am
つぶ reacted
つぶ
(@tbshiki)
投稿: 2
メンバー
 

@mikan ありがとうございます!

無事実装していただけたようで安心しました✨

 
投稿済 : 10/12/2021 3:58 pm
mikan reacted
共有: