サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年10月1日 17:00
よろしくおねがいします
URLをタグで囲んでブログカードを表示させることはできますか？
できれば
「囲みボタン拡張スタイル」みたいにブログカードのスタイルも複数の中から選択できると良いのですが
2018年10月1日 19:49
URLをタグで囲んでブログカードを表示させることはできますか？
テキストモードで段落の状態を作れたらいけました。トリッキーですが、テキストモードのまま下書きに入れたり、公開すればイケると思います。
希望とは違うと思いますがこんな感じ。
- トリッキーな方法で囲みボタンの中にブログカードを表示した例
https://gyazo.com/4119e2e1bb6eef87d57382e51b1fffca
- HTML
notepadにも書いてますが、ビジュアルエディタに変更した時点で、現状はブログカード化できません。
対応なされるかは不明ですが。
2018年10月2日 00:24
URLをタグで囲んでブログカードを表示させることはできますか？
今のところそういう機能はありません。
機能追加の予定も今のところないです。
複数スタイルのプログカードを使い分ける目的や利点はなんでしょうか。
トピックスターター 2018年10月2日 19:25
プログカードを使い分ける目的や利点はなんでしょうか
利点についてはわかりませんが
目的は
内部リンクを増やしたく
デフォルトのブログカードとは別に
スリムな背景色ありの内部リンクカード（画像、タイトル、→）を
関連記事的にまとめて簡単に貼れればと
「機能追加の予定も今のところない」とのことなので
ブログカードをカスタマイズします
多忙の中
ご返答頂きましてありがとうございました
2018年10月2日 20:25
そういう場合は、テキストエディター上で、添付画像のようにクラスを指定したdiv要素で囲みます。
https://notepad.pw/code/8jl63uvz1
その後、以下のようなCSS指定を行えば目的別に変更できるかと思います。
.change-blogcard .blogcard-wrap {
background: #ddd;
}
※上記は背景色を適当に変更しただけ。
クラスを指定したdiv要素で囲むのが面倒くさい場合は、AddQuicktagプラグインを利用すると手軽に囲むことができるようになるかと思います。
https://ja.wordpress.org/plugins/addquicktag/
http://hituji-affiliate.com/2017/03/15/addquicktag/
トピックスターター 2018年10月5日 18:39
<div class="change-blogcard">URL</div
URLをタグで囲んでもブログカードを表示させられる
ということですか？？？
試してもURLがそのまま表示します
カードを表示させるには
上記で書かれた以外のカスタマイズが必要なんでしょうか？
2018年10月5日 19:46
テキストエディターで見て添付画像のように一行になっていないでしょうか。
URLは、一行に対してURLのみという状態にしなくてはならないです。
もしそれでもうまくいかない場合は、テキストエディターのソースコードのキャプチャをアップしていただいてよろしいでしょうか。
トピックスターター 2018年10月5日 20:48
テキストエディターで三行、プレビューで見ると表示されます！
が
ビジュアルエディターに1度でも切り替えると
三行が一行に強制されてしまいます
2018年10月5日 21:47
URL を＜p＞タグで囲めば、ビジュアルエディターに切り替えても 1 行にはなりません。
URL
2018年10月5日 23:10
ちなみにGutenbergで書いた記事はエディタ変更で1行になって、Gutenbergを使ってない記事ではエディタを変更しても1行にならないですね。
> エンコードしてもダメなのか。
ですね…。いつもやっちゃいます＾＾；
わいひら reacted
2018年10月6日 23:04
僕もテキストエディタに切り替えても問題なかったので、Gutenbergだったのかな。
この、wpForoというフォーラムプラグインは、良い部分も沢山あるんですけど、以下の点は使いにくいですね…。
- HTMLタグを貼り付けたらタグとして表示されてしまう
- HTMLタグをエンコードしても通常のHTMLとして出力されてしまう
- ソースコードを貼り付けにくい
- ソースコードエディターが使いにくい
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。