サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年6月15日 12:23
いつもお世話になっております。
ブログカードのカスタマイズ相談なのですが、
添付画像の用に、ブログカードのタイトル横に
「関連」という、文字を目立つように入れたいのですが
CSSのカスタマイズでできますか？
Topic starter
2018年6月15日 22:56
ありがとうございます！
だいぶ理想に近づけました
2018年6月16日 08:23
.internal-blogcard-title:before {
content: "関連";
line-height: 2.2;
background: #333;
border-radius: 4px;
color: #fff;
font-size: 0.8em;
padding: 0.5em;
margin-right: 0.3em;
}
.internal-blogcard-title {
line-height: 2.2;
}
以下適当ですがスッキリさせるなら、スニペット・サイト名・日付をとっちゃえばいいと思います。
https://gyazo.com/da66a60c8aad1310f55e0be7e8a395cd
/* スニペットが不要な場合 */
.blogcard-snipet {
display: none;
}
/* サイト名・日付、両方不要な場合 */
.blogcard-footer {
display: none;
}
/* サイト名のみ不要な場合 */
.internal-blogcard-site {
display: none;
}
/* 日付のみ不要な場合 */
.internal-blogcard-date {
display: none;
}
わいひら reacted
2018年6月16日 08:33
上記はたぶん全ての内部リンクに反映するので、
HTMLで囲みます。
追記再編集：divが表示されかったため；
みたいに工夫して1行のリンクを作ってください。
.int-blog .internal-blogcard-title:before {
content: "関連";
line-height: 2.2;
background: #333;
border-radius: 4px;
color: #fff;
font-size: 0.8em;
padding: 0.5em;
margin-right: 0.3em;
}
.int-blog .internal-blogcard-title {
line-height: 2.2;
}
/* スニペットが不要な場合 */
.int-blog .blogcard-snipet {
display: none;
}
これでタグで囲んだ内部リンクだけに反映すると思います。※詳細チェックはしてません。さらに試してませんが、おそらく…
- よく分からない場合は、スルーしてください。
そしてoomotoさん。
カスタマイズを行うのに内部リンクブログカードとかを、探してるんですね。これが結構面倒だったりします…。
カスタマイズの際、該当リンクを置いてください。あとこのリンク先のどの場所とかあれば、すぐにできる事もあります。
できれば不具合・カスタマイズ対象ページのURLを掲載してください
わいひら reacted
2018年6月16日 09:41
そういえばですが、#4178 ここで置かれた画像って、スレ主さん自作のモノではない：以前使っていたなどでもなかったんですね。※気になってのぞいてみました。
画像のリンク先のかたに。申し訳ないです…勝手にCSSを書いてしまってスミマセン。。。
あともう1つ。このスレッドと、関係ない事ですが。
こんな風にスタイルしたい！だけで回答されてた時期も過ぎ去った気もします？？
なるべく、すぐ済む事は解決できればとも思う反面。やりだすと『こんなふうにしたいです』トピックがエンドレスにあってcontentsが充実して良い反面
対応者がいなくて、ここの運営者さんも困ることもあるかと思ったり。おそらく大丈夫かと思いますが…
Cocoonももうすぐ正式版になることですし、様子みてのぞいてみます！#ここまでホントにお疲れさまでした＾＾
Topic starter
2018年6月16日 20:35
かうたっくさん
わざわざありがとうございます！
かうたっくさんの言う通り、「このようにしたい！」も「良いことがある反面」「悪いこと」もあり度がすぎると、収集がつかなくなりますね
今後このようなことが無いように気をつけると共に、そのような質問があった場合は僕もわかる範囲で回答するようにします！
Topic starter
2018年6月16日 20:45
追記先ほど、かうたっくさんから、教えていただいたCSSを試した結果
.int-blog→#mainに変更したら、記事内のみ反映されました！
ありがとうございました！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。