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カスタマイズ依頼

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

みょこ
みょこ
@ukigumo413
Registered
Trusted Member
結合: 2019年5月20日 20:38
Last seen: 2020年3月1日 22:42
トピック: 0 / 返信: 50
トピック
返信
RE: モバイルユーザビリティ・モバイルファーストを考える

PCでもモバイルでも、大きすぎる画像で縦スクロールしないように以下のような設定をして、メディアファイルへのリンクを必ず貼ってもらうようにしています。 main img{max-height: 60vh;width: auto;}画面の高さの60%で表示する、という設定です。 そこそこお年召されていて...

3年前
フォーラム
返信
RE: cocoonがwordpressのリンク集機能を表示する件について教えてください

わがままを申し上げてすみません; きっとこれで、次回新たにcocoon導入した際には見落とさない! …はず! いつも本当にありがとうございます。

3年前
返信
RE: cocoonがwordpressのリンク集機能を表示する件について教えてください

あっそうか、マニュアルは使い方の説明ですね。 機能一覧として自分が参照しているところがありました。 cocoonでやっていることが多くて書ききれない機能、の一つに該当するわけですね… そうなると、検索して引っかかればいいのでFAQで十分だと思います。

3年前
返信
RE: モバイルユーザビリティ・モバイルファーストを考える

@mirumi はー…cssでどうしたらと悩んでいたのですが、JavaScriptかjQuery… JavaScriptが中途半端な知識しかなくて敬遠していましたorz しかしやりたいことがそれでできるなら覚えられるかもしれないので、ちょっと挑戦してみます!

3年前
フォーラム
返信
RE: モバイルユーザビリティ・モバイルファーストを考える

閾値はcocoonが基本的にこの数字でデザインを変更しているため、合わせておかないと変なところでデザインが変わってしまうからです~! テーマエディターでCocoon Childのstyle.cssを開いたら、ここを閾値に設定されています。 ですので他のテーマが違うサイズを閾値にしている場合は、それに...

3年前
フォーラム
返信
3年前
フォーラム
返信
RE: マウスオーバー時の装飾の必要性についてみなさんの意見をください

モバイルユーザビリティ・モバイルファーストを考える モバイル全般用に分けました。

3年前
フォーラム
返信
RE: モバイルユーザビリティ・モバイルファーストを考える

でこちらが本題というか。 自分のスキルが低くてまだ導入できていない視覚効果なのですが。 ページを読み込んだら、上からでも下からでも横からでもいいので、少しふわっとスライドインしてくるようなエフェクトをかけたいのですが、どこに設定したら一番記述が少なくて済むんでしょうかね… というのはメニュー・通知・...

3年前
フォーラム
返信
RE: モバイルユーザビリティ・モバイルファーストを考える

まず基本的なCSSの書き方です。 /************************************** ▼モバイルファースト (全環境に共通のデザイン) ************************************/ : : : : : :/******************...

3年前
フォーラム
トピック
返信
RE: cocoonがwordpressのリンク集機能を表示する件について教えてください

カスタマイズ助かります! マニュアルのテーマ環境は相応しくない感じでしょうか? cocoonによって追加されている機能だというのが知りたかったので、他の機能のことを調べている時に一緒に知れると、わざわざ探さなくて良いなと。

3年前
返信
RE: マウスオーバー時の装飾の必要性についてみなさんの意見をください

まさにコレ最近ずっと考えていたんですよね。 今カスタマイズさせてもらっているサイトの管理者さんが、○○テーマみたいなマウスオーバー効果がほしいと何度もおっしゃるので、だったらそちらのテーマを購入いただいて、そのテーマをカスタマイズされているデザイナーさんに独自カスタマイズのお仕事お願いしたらいいと思...

3年前
フォーラム
トピック
フォーラム
Replies: 2
Views: 1416
返信
RE: cocoonがwordpressのリンク集機能を表示する件について教えてください

ぶしつけな質問の仕方をしたなあと思いながら、仕事が忙しくしばらくWeb関係触る時間がとれず、ようやくお返事見ました。 ありがとうございます。 今回質問されたことによって、どのプラグインがリンク集機能を追加しているのか調べなければならなかったので、「リンク集機能がCocoonによって表示されている」と...

3年前
トピック
フォーラム
Replies: 2
Views: 1459
返信
RE: 【便利】CocoonのTIPSを書き込むトピック【効率化】

@kautakku 地味に毎年頼まれて何かしら1wordpressを新規に作ってまして、それで去年気がついたときには変わってたんですよね。 実際去年変わってたんですね! ただJetpack入れたらakismet入れてなくてもなにかしらガードしてるっぽいんですよ。 代替プラグインなどもありがとうござい...

3年前
フォーラム
返信
RE: 【便利】CocoonのTIPSを書き込むトピック【効率化】

@tanakama reCAPTCHAの右下のバッヂは、設定画面で「インライン」にすればreCAPTCHAを使用しているフォーム下への表示に変わりますよ〜! ただ、私は全ページにスクリプト入るというのが知りませんでした。 それだと他のものに変えたいと思うのは当然ですよね…

3年前
フォーラム
返信
RE: スキン作成のお尻たたいてください

いろいろとありがとうございます! 既存のサイトがベースなのである程度はできているのもあり、早くとっかかりたい気持ちはあるのですが、優先順位の高いものがあるので焦らず挑戦しようと思います。

3年前
フォーラム
返信
RE: 【便利】CocoonのTIPSを書き込むトピック【効率化】

reCAPTCHAを使うことでログイン画面のセキュリティが上がり、悪意のあるログイン施行がグッと減るので、個人的には「reCAPTCHAが必須だからContact Form 7で良い」という感じですね。 いつの間にか規約変わっていて、アドセンス貼ってると個人ブログでもAkismetが使えないので、ほ...

3年前
フォーラム
返信
RE: 成形済みテキストブロックとソースコードブロックがスマホで見ると横スクロールが出る

自己解決しましたが、一応何をどうしたのか書いておきます。 まず全体はdiv.containerで囲まれているため、わざわざ <div class="site-background-overlay"></div>で囲む必要がありません。 div.container {top: ...

3年前
返信
RE: 成形済みテキストブロックとソースコードブロックがスマホで見ると横スクロールが出る

ここのサイトでやってる特殊な設定としては「Cocoon 設定」の「アクセス解析・認証」で「ヘッダー用コード」「フッター用コード」を使い <div class="site-background-overlay"></div>で全体を囲んでしまい div.site-backgro...

3年前
返信
RE: 成形済みテキストブロックとソースコードブロックがスマホで見ると横スクロールが出る

実際にさせたい表示 横スクロールが発生した状態 ちょっとわかりにくいのですが、横スクロールが発生すると ページ全体が横スクロールしない画面サイズを基準に読み込まれるので、画面幅を基準にしているボタン類が拡大されてしまい、画面アウトしているピンチインして全体を表示すると、背景画像は正しい画面サイズを基...

3年前
返信
RE: テスト:スキン作成のお尻たたいてください

以前「おすすめカード」に追加クラスを使えるようにしてほしいとお願いしましたが、この機能がサブドメインでの運用でとても役に立ったので、なんとなくポストします。 main-a.comにおすすめカード用の画像をアップしておいて、cssでsub-b.main-a.comやsub-c.main-a.comから...

3年前
フォーラム
トピック
フォーラム
Replies: 6
Views: 1005
返信
RE: 「RSSブロック」にアイキャッチ画像も表示できるようにしたい

実は猫カフェは身内の商売なんですが、htmlもCSSも詳しくない方なので、今まで誰でも使える無料のブログやCMSの操作方だけ教えて、提供サービスごとに違うもの使っているような状態でして… この年末年始で取り急ぎ、メインで長くやっている猫カフェブログと、総合サービスになるのでポータルを作成したんですが...

3年前
フォーラム
返信
RE: 「RSSブロック」にアイキャッチ画像も表示できるようにしたい

わー!お早い対応ありがとうございます! こちらで使用してたのですが、参考にしていたサイトのものだと文字や画像が重なったりしてCSSかなり触らないといけなくて… 取り急ぎ詳しくない人が見ても気付きにくい程度で誤魔化していただけだったので、わいひらさんの方だと色や影だけ設定すればすぐデザイン合わせられ...

3年前
フォーラム
返信
RE: 「RSSブロック」にアイキャッチ画像も表示できるようにしたい

すでに実装できているので全く急ぎませんが、わいひらさん側で対応いただければcss減らせてデザインも統一できると思いますし、楽しみにしております!

3年前
フォーラム
返信
RE: 特定の画面サイズでおすすめカードに隙間ができます

報告が遅くなりました、特に問題はなさそうです。 限定的な画面サイズなので、おそらく左右に空白があることを気にされる方も少ないとは思います。(少なくとも私は気にならなくなりました ? ) いつも本当にありがとうございます!

3年前
フォーラム
返信
RE: 「RSSブロック」にアイキャッチ画像も表示できるようにしたい

最近自分がそのような機能が欲しくて、こちらを参考に実装したので、URL張っておきますね。

3年前
フォーラム
返信
RE: 特定の画面サイズでおすすめカードに隙間ができます

ありがとうございます! 中心より左右に隙間があるほうが違和感が少ないと思うので、最新ファイルを使用します。

3年前
フォーラム
返信
RE: おすすめカードに外部リンクを入れたいので、CSS class (オプション)を反映できないか

かうたっく様、わいひら様、いつもありがとうございます! IE、Edge、Safariでも希望通りの表示になっているのが確認できましたので、opacityでいこうと思います。(display:none;では No Imageに設定した画像を消すことができませんでした。) visibilityは今回初め...

3年前
フォーラム
トピック
返信
RE: おすすめカードに外部リンクを入れたいので、CSS class (オプション)を反映できないか

早速ありがとうございます! a.osusume-portal{background-image:url(***.jpg);background-position: center;background-size: cover;}a.osusume-portal img{ opacity: 0;}メニュ...

3年前
フォーラム
返信
RE: 人気記事ランキングの内容がおかしくなった

仕事が忙しくレスポンスできず申し訳ありません、いつも対応早くて助かります。 こちらは不具合直りました!

3年前
フォーラム
返信
RE: OGP画像を入れ替えたのですが、旧いのが掲載されます

Facebookに限らずTwitterもそうなんですが、最初にOGP設定を読み込んだときに各社のサーバーにデータをキャッシュしているんですね。 ですので、OGP設定を読み込んでいる側のサービスでキャッシュを削除する必要があります。 詳しい手順はこちらのサイトにございますよ!

3年前
返信
RE: 人気記事ランキングの内容がおかしくなった

1.9.4のアップデート情報は読んで覚えておりますので、少なくとも1.9.4よりも後のバージョンからのアプデであるのは間違いありません。 だいたい2週間~1週間に一度のペースでサイト管理者様とやりとりがあり、その時にアップデートが来ていたら更新しておりますので、もっと新しいバージョンだったとは思いま...

3年前
フォーラム
返信
RE: 人気記事ランキングの内容がおかしくなった

お世話になっています。当方も最新のcocoonのアプデをせずに置いておりましたので昨日更新したのですが、同様に人気記事ランキングがおかしい状態です。 更新までは4桁は読まれている記事しかランキングに入っていなかったのに、一番古い記事から表示されているような… サイドに全体のランキングと、各記事にカテ...

3年前
フォーラム
返信
RE: WordPressでサイト内の全コメントを一覧表示したい

なるほど!ありがとうございます!こういった相談をどこで行えば良いのかもわからなかったので、アドバイス助かりました!

3年前
フォーラム
返信
RE: WordPressでサイト内の全コメントを一覧表示したい

div class="recent-comment-author" 以降がおかしくなるようです…正直なところ、おかしくなっている箇所は基本的にechoでhtmlを書いているぐらいなので、あまり重要ではないとは思うのですが…

3年前
フォーラム
返信
RE: WordPressでサイト内の全コメントを一覧表示したい

コード部分がおかしいですね… cocoonのカスタマイズのようにechoを使う方法で書き換えてみましたが、上手く貼れますでしょうか? <?php get_header(); ?><?php define("COMMENT_NUMBER_PER_PAGE", 20);// 1ペー...

3年前
フォーラム
トピック
返信
RE: タブボックスのタブと枠線に隙間があります。

原因がわかりました、子どもがPCを触ってしまい、ブラウザの表示が90%になっておりました… お騒がせをいたしました。

3年前
フォーラム
トピック
返信
RE: 左スライドインメニューを、グローバルメニューと違うものに設定したい

いつも早々に対応頂きありがとうございます。 モバイル表示は画面のサイズが狭いので「ぜひとも見て欲しいもの」を絞り込みたいですし、メニューには利便性を考えて項目入れたいので、今回の対応で左右のメニューにそれぞれ細かく内容を設定できるようになったので、かなりサイトごとに特色出せそうです! 本当にありがと...

3年前
フォーラム
返信
RE: カテゴリーウィジェットの記事数表示のレイアウト崩れについて

投資のサイトは私ではなく知人のもので、デザインについて色々と相談を受けているので自分のドメインでテストをしている次第です。 せっかく興味を持って頂いたので、そちらのURLを貼らせておいてもらいますね。 海外の人物名をカテゴリーに設定したいので、どうしても長いカテゴリ名になってしまうのです。分野次第、...

4年前
フォーラム

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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