会員サイトをリニューアルしました! 新サイトはこちら

トップ画面サイドバーへのnote記事リンク先の貼付につきまして < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

トップ画面サイドバーへのnote記事リ...
 
通知
すべてクリア

[解決済] トップ画面サイドバーへのnote記事リンク先の貼付につきまして

6 投稿
2 ユーザー
1 Likes
1,155 表示
やす
(@yasu)
New Member
Topic starter
 

いつもお世話になっております。

ブログトップ画面のサイドバーにnoteのアクセス先を貼付したく

外観>ウィジェット>共通サイドバー から

[SWELL]SNSリンク/[SWELL]プロモーション/[SWELL]広告コード

等を試してみたのですが、note記事のURLを貼付すると添付のようにURLが直接表示されてしまい、うまくリンクが張れません。

誠に恐れ入りますが、方法につきご教示いただけますと幸いです。

どうぞよろしくお願いいたします。

 
投稿済 : 16/12/2020 1:37 pm
しらこ
(@96ssbike)
Prominent Member
 

こんばんは。まずリンクを貼るための手順が異なるのですが、やすさんがどのようなデザインでリンクを貼られたいのですか?何か「こういう感じにしたい」という、画像なりURLで、サンプルを示してもらえますか?

にゃーん .

 
投稿済 : 16/12/2020 3:26 pm
やす
(@yasu)
New Member
Topic starter
 

しらこさま

おはようございます。ご返信いただき、ありがとうございました。

やり方自体が違うとのことで承知いたしました。イメージを添付の通り、送付申し上げます。

ご確認いただけますと幸いです。よろしくお願いいたします。

 
投稿済 : 16/12/2020 9:26 pm
しらこ
(@96ssbike)
Prominent Member
 

いただいたものを元に、2つの選択肢があるかな?と思いました。

その2つの選択肢どちらも共通のやり方ですが、ブログパーツ機能を使用して、ブログパーツには

[blog_parts id="○○"] ※○○の中には自動的に発行された数字が入る

というショートコードを使用します。

具体的な中身は、以下の画像のようにブログパーツ機能を使って自作していきます。

やり方(アプローチ方法)は、以下の2つの選択肢です。

①完全に自作する方法

ブログパーツ内に、画像(+リンク)+記事タイトル(+リンク)+簡単な解説(+リンク)+SWELLボタン(+リンク)を用意してリンクを用意する方法

②ブログパーツ内に、SWELLブロック>関連記事ブロックを作成するなど行う方法(ボタンが必要であればSWELLボタン(+リンク)などを追加する)

デザインが標準のままでは気に入らない場合、少し高度なやり方にはなりますが、高度な設定(画像下部の通り)に任意のCSSクラスを当てて、カスタマイザー>追加CSSからCSSをカスタマイズしてデザインを整えていくこともできます。

ここでの②のやり方ですと、画像+記事タイトルなどは、自動的にnoteから引用され(読み込まれ)ます。

①のやり方ですと、noteにある情報とは連動しないわけです。タイトルなどが変更されたら、WordPress側も都度修正が必要になります。

にゃーん .

 
投稿済 : 17/12/2020 12:38 am
しらこ
(@96ssbike)
Prominent Member
 

追記)ブログパーツのショートコードをどこに貼るのか?を書いていませんでした。

ウィジェットに、カスタムHTMLのウィジェットを貼り付けて、その中に先ほどのブログパーツのショートコードを書きます。

にゃーん .

 
投稿済 : 17/12/2020 12:47 am
やす
(@yasu)
New Member
Topic starter
 

しらこさま

おはようございます。

ご返信いただき、ありがとうございました。

対応できました。ご多用中、ありがとうございました。

 
投稿済 : 17/12/2020 10:44 pm
共有: