外部ブログカードの内容を任意に設定できますか。 | 要望 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
外部ブログカードの内容を任意に設定でき...
 
Share:
Notifications
Clear all

[解決済] 外部ブログカードの内容を任意に設定できますか。  


m-suzuki4126
 m-suzuki4126
(@m-suzuki4126)
ゲスト
参加: 3か月 前
投稿: 6
2020年4月14日 11:07  

初めまして。
いつもWordPressテーマCocoonを使用させていただいて、
誠にありがとうございます。

私は、WordPressにもCocoonについても全く知識がありませんので、的外れな内容でしたらご容赦ください。

さて、この度お問合せさせていただきますのは、外部ブログカードについてです。
美しいデザインはそのままで、ラベル、画像、タイトル、スニペット、URLを任意に設定することは可能でしょうか。
(画像はメディアライブラリにあるものを使いたいです。)

ブログはこちらになります。
https://memo-husen.com/

不躾なご相談で誠に恐縮とは存じますが、
よろしくお願いいたします。


引用未解決
みるみ
(@mirumi)
Reputable Memberサイト
参加: 9か月 前
投稿: 264
みるみ - Twitter
2020年4月14日 12:25  

こんにちは。

外部ブログカードはリンク先のURLから自動的に内容を取得して表示していますので、毎度毎度好きな内容に書き換える、というのは基本的にできません。

もし「ここだけはどうしても…!」というのがあるのなら、一度ブログカードとして出力したHTMLを全てコピーし書き換えたい部分を手動で編集する、という方法はあるにはあります。その後そのHTML自体をエディタに入力する感じですね。


わいひら 件のいいね!
返信引用
m-suzuki4126
 m-suzuki4126
(@m-suzuki4126)
ゲスト
参加: 3か月 前
投稿: 6
2020年4月14日 13:01  

@mirumiさん

早速ご返信ただきまして、誠にありがとうございます。

また別の方法を検討してみます。

ありがとうございました。


返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4765
かうたっく - Facebook
2020年4月14日 19:47  

CSSでもできると思いますよ


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年4月14日 20:22  

こちらの内容をコピーして、内容を書き換えてエディターにペーストすれば自由に変更できるかと思います。
https://gist.github.com/yhira/4afbc4cd63645df54643700eb769c36b


返信引用
m-suzuki4126
 m-suzuki4126
(@m-suzuki4126)
ゲスト
参加: 3か月 前
投稿: 6
2020年4月15日 17:50  

@kautakkuさん

早速ありがとうございます。
ご返信遅くなりまして、誠に申し訳ございません。
少し考えてみます。
ご連絡ありがとうございました。


返信引用
m-suzuki4126
 m-suzuki4126
(@m-suzuki4126)
ゲスト
参加: 3か月 前
投稿: 6
2020年4月15日 17:58  

わいひらさま

早速ありがとうございます。
ご返信遅くなりまして、誠に申し訳ございません。

ご丁寧なご対応を頂きまして、本当にありがとうございます。

私は、全くの素人でhtmlとcssがほんの少し理解できる程度です。
さっそく、内容をコピーしてディターにペーストしてみました。
さて、そこでですが、ひとつ質問があります。
ブログカード全体にリンクを設定するにはどのようにしたらよろしいでしょうか。
ご多忙のところ誠に恐縮ですが、
ご教授いただければ幸いです。
何卒、よろしくお願いいたします。

 


返信引用
みるみ
(@mirumi)
Reputable Memberサイト
参加: 9か月 前
投稿: 264
みるみ - Twitter
2020年4月15日 18:06  
投稿者:: @m-suzuki4126

ブログカード全体にリンクを設定するにはどのようにしたらよろしいでしょうか。

これ全体を<a></a>タグで囲めばOKですよ。

なので、前述のわいひらさんのコードと合わせると、

<a href="">
<div class="blogcard external-blogcard eb-left cf">
<div class="blogcard-label external-blogcard-label"><span class="fa"></span></div>
<figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://cocoon.local/wp-content/uploads/cocoon-resources/blog-card-cache/7183f3692da296da4ede1d25e5a91233.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90"></figure>
<div class="blogcard-content external-blogcard-content">
<div class="blogcard-title external-blogcard-title">Simplicity</div>
<div class="blogcard-snippet external-blogcard-snippet">内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。</div>
</div>
<div class="blogcard-footer external-blogcard-footer cf">
<div class="blogcard-site external-blogcard-site">
<div class="blogcard-favicon external-blogcard-favicon"><img src="//www.google.com/s2/favicons?domain=wp-simplicity.com" class="blogcard-favicon-image" alt="" width="16" height="16"></div>
<div class="blogcard-domain external-blogcard-domain">wp-simplicity.com</div>
</div>
</div>
</div>
</a>

となります。リンク先は1行目の「href=""」となっているところのダブルクォーテーションの間にURLを入れてみてくださいね。


わいひら 件のいいね!
返信引用
m-suzuki4126
 m-suzuki4126
(@m-suzuki4126)
ゲスト
参加: 3か月 前
投稿: 6
2020年4月15日 18:54  

@mirumiさま

 

ご回答いただきまして、誠にありがとうございます。
早速、試してみます。
重ねまして、誠にありがとうございました。

よろしくお願いいたします。


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年4月15日 19:40  

すいません。
一つ内側のタグを誤って取得していました。
以下のタグを修正しておきました。
https://gist.github.com/yhira/4afbc4cd63645df54643700eb769c36b


返信引用
m-suzuki4126
 m-suzuki4126
(@m-suzuki4126)
ゲスト
参加: 3か月 前
投稿: 6
2020年4月16日 09:20  

わいひらさま

早速ありがとうございます。
ご返信遅くなりまして、誠に申し訳ございません。

迅速なご対応を頂きまして、誠にありがとうございます!
早速、コピーしてエディターにペーストしてみました。

これから、内容を書き換えてみますが、
こちらで、解決すると思います。

重ねまして、迅速かつ丁寧にご対応いただきまして、
本当に助かりました。
誠にありがとうございました。

なお、みるみさま、かうたっくさま、
ご相談に乗って頂き本当にありがとうございました。
大変参考になりました。

皆様には、改めまして、御礼申し上げます。


わいひら 件のいいね!
返信引用

返信する


許可された最大ファイルサイズ 5MB

 
Preview 0 Revisions Saved
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年11ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年9ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました