Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

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

サイドバーの人気記事のブログカード画像...
 
共有:
通知
すべてクリア

[解決済] サイドバーの人気記事のブログカード画像が隠れないように、左上の数字①➁③④⑤をわいひらさんのように丸い数字囲みにしたい。

8 投稿
3 ユーザー
12 Reactions
1,073 表示
(@nekochannekochan)
Estimable Member Registered
結合: 4年前
投稿: 64
Topic starter  

サイドバーの人気記事のブログカード画像が隠れないように、左上の数字①➁③④⑤をわいひらさんのように丸い数字囲みにしたい。

トピックの題が長くてすみません。

https://nekochanblog.com/


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、猫ちゃんさん

投稿者:: @nekochannekochan

わいひらさんのように

見本となるページのリンクを貼っていただけますか?


   
わいひら reacted
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1082
 

style.cssに

.widget-entry-cards.ranking-visible .card-thumb::before {
border-radius: 50%;
}

で人気記事ウィジェットの左上の数字の背景が丸くなります。

スキン「みるらいと」のスタイルですね。


   
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1082
 

数字の位置を左上にするのも一緒のCSSにまとめてしまった方が良かったですね。

.widget-entry-cards.ranking-visible .card-thumb::before {
border-radius: 50%;
top: -20px;
left: -20px;
}

(-20pxの部分はお好みの数値で)

関連トピック:サイドバーの人気記事のブログカード画像が隠れないように、左上の数字①➁③④⑤をさらに左斜め上に上げたい。


リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

猫ちゃん さん

スキンを、「COLORS」系の6種類のどれかにすれば、ランキングの数字は、わいひらさんと同じようになるような気もします。

 


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

猫ちゃん さん

「みるらいと」だとこんな感じ。

 

 


   
(@nekochannekochan)
Estimable Member Registered
結合: 4年前
投稿: 64
Topic starter  

はるさん、リフィトリーさん、3つの質問への3つのご回答、早速ありがとうございます。

スキン「みるらいと」のスタイルなんですね。

今は、わいひらさんのサイドバーでは、①➁③④⑤の載っているリンクが探せません。

2ヶ月くらい前にCocoonでサイドバーがそういう表示になっていて、いいなと思っていました。

フォーラムで問い合わせる際の「その説明個所の名称・呼称」が分からず、また回答を読んだ時も「ブロックエディターってどこだ?」と、カタカナを全て調べる羽目になるので、質問できないでいました! ? 

自分のカード画像は、みな肝心なところがラベルで隠れてしまっているので、ホントにすぐのご返信、ありがとうございました。

CSSに不慣れですが、やってみます。

                          猫


   
わいひら reacted
(@nekochannekochan)
Estimable Member Registered
結合: 4年前
投稿: 64
Topic starter  

皆様

3つとも解決ボタンを押せました!

「トピック冒頭の「解決済み」リンク」とは、自分が立てたトピックの「依頼」文章の一番下の右隅の枠上の位置に、ブルーの文字で「返信  引用 解決済み 報告」と、あり、「解決済み」を選択できました。

こんなことも、リフィトリー様の添付してくださった添付画像の位置探しに、時間がかかります。

有難うございました。

                       蝸牛の猫より


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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