サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年4月14日 11:07
初めまして。
いつもWordPressテーマCocoonを使用させていただいて、
誠にありがとうございます。
私は、WordPressにもCocoonについても全く知識がありませんので、的外れな内容でしたらご容赦ください。
さて、この度お問合せさせていただきますのは、外部ブログカードについてです。
美しいデザインはそのままで、ラベル、画像、タイトル、スニペット、URLを任意に設定することは可能でしょうか。
（画像はメディアライブラリにあるものを使いたいです。）
ブログはこちらになります。
https://memo-husen.com/
不躾なご相談で誠に恐縮とは存じますが、
よろしくお願いいたします。
2020年4月14日 12:25
こんにちは。
外部ブログカードはリンク先のURLから自動的に内容を取得して表示していますので、毎度毎度好きな内容に書き換える、というのは基本的にできません。
もし「ここだけはどうしても…！」というのがあるのなら、一度ブログカードとして出力したHTMLを全てコピーし書き換えたい部分を手動で編集する、という方法はあるにはあります。その後そのHTML自体をエディタに入力する感じですね。
わいひら reacted
トピックスターター 2020年4月14日 13:01
@mirumiさん
早速ご返信ただきまして、誠にありがとうございます。
また別の方法を検討してみます。
ありがとうございました。
2020年4月14日 19:47
CSSでもできると思いますよ
2020年4月14日 20:22
こちらの内容をコピーして、内容を書き換えてエディターにペーストすれば自由に変更できるかと思います。
https://gist.github.com/yhira/4afbc4cd63645df54643700eb769c36b
トピックスターター 2020年4月15日 17:50
@kautakkuさん
早速ありがとうございます。
ご返信遅くなりまして、誠に申し訳ございません。
少し考えてみます。
ご連絡ありがとうございました。
トピックスターター 2020年4月15日 17:58
わいひらさま
早速ありがとうございます。
ご返信遅くなりまして、誠に申し訳ございません。
ご丁寧なご対応を頂きまして、本当にありがとうございます。
私は、全くの素人でhtmlとcssがほんの少し理解できる程度です。
さっそく、内容をコピーしてディターにペーストしてみました。
さて、そこでですが、ひとつ質問があります。
ブログカード全体にリンクを設定するにはどのようにしたらよろしいでしょうか。
ご多忙のところ誠に恐縮ですが、
ご教授いただければ幸いです。
何卒、よろしくお願いいたします。
2020年4月15日 18:06
ブログカード全体にリンクを設定するにはどのようにしたらよろしいでしょうか。
これ全体を<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を入れてみてくださいね。
わいひら reacted
トピックスターター 2020年4月15日 18:54
@mirumiさま
ご回答いただきまして、誠にありがとうございます。
早速、試してみます。
重ねまして、誠にありがとうございました。
よろしくお願いいたします。
2020年4月15日 19:40
すいません。
一つ内側のタグを誤って取得していました。
以下のタグを修正しておきました。
https://gist.github.com/yhira/4afbc4cd63645df54643700eb769c36b
トピックスターター 2020年4月16日 09:20
わいひらさま
早速ありがとうございます。
ご返信遅くなりまして、誠に申し訳ございません。
迅速なご対応を頂きまして、誠にありがとうございます！
早速、コピーしてエディターにペーストしてみました。
これから、内容を書き換えてみますが、
こちらで、解決すると思います。
重ねまして、迅速かつ丁寧にご対応いただきまして、
本当に助かりました。
誠にありがとうございました。
なお、みるみさま、かうたっくさま、
ご相談に乗って頂き本当にありがとうございました。
大変参考になりました。
皆様には、改めまして、御礼申し上げます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。