サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年11月19日 23:05
いつもお世話になっております。
カエレバのCSSを最近変更されましたでしょうか？
2019年11月20日 00:37
親テーマを有効化して、カスタマイズのない状況で確認してみると変わったかどうか。分かると思います。
過去のデザインを知っているのであれば。
あと
パッと見変更されているようにも見えますが、上記の方法で確認したり、githubのCSSなど更新履歴を見るとわかると思います。
具体的に知りたいのはそれだけで大丈夫ですか？
タイトル「最近、カエレバの見た目を変更されましたでしょうか？」以外の
何かを知りたいと思われてるけど、言葉足らずがあるのかどうか？
目的の質問はそれだけなのか。不明なので聞きました。
2019年11月20日 03:36
現在GitHubに置いてある開発版では、変更を試しています。
変更の理由その1としては、現在パソコン3列と限定しているけど、拡張ボタン機能で増やすこともあるので3列に限定すべきではないのではないかと思ったこと。
[amazon asin="B07B4CVMW3" kw="OSS ILCE-7M3K" btn1_url="https://www.sony.jp/ichigan/products/ILCE-7M3/" btn1_text="ソニー公式"]
2019年11月20日 03:37
理由その2としては、旧バージョンスマホ表示ではボタンが奇数だった場合は、最後のボタンが大きくなってしまい、デフォルト仕様では本来押して欲しいAmazonボタンが目立たないことです。
2019年11月20日 03:39
理由その3としては、僕の観測下では、スマホ環境では特に製品名リンクよりもボタンの方が押される傾向にあるので、スマホ表示環境下でどのボタンも平等に目立ち押しやすいようにしたかったからです。
旧バージョンで奇数の最後のボタンを引き伸ばさないという選択肢もあるのですが、やはりモバイルでは大きく目立った方がパフォーマンスが上がると思ったからです。
2019年11月20日 03:39
以上の、理由からなんですけど、みなさんはどう思われますでしょうか。
トピックスターター 2019年11月20日 03:53
見た目が変わっていたので、何か意図があるのかなとは思いましたが、そのような理由があったのですね。
私も少し考えてみます。
2019年11月21日 22:13
旅行・マイラー系ブログのうちは、アクセスの7割以上がモバイル経由だから今回の変更はいい方向に出ると思います。
2019年11月22日 19:14
そう言っていただけると、ありがたいです^^
少しでもパフォーマンスが上がればいいなと。
2019年11月23日 01:14
いつもお世話になっています。
モバイル版は今回のレイアウト気にっているのですが、PC版を従来通りに表示したい場合は
CSSをどのように記述すればよいでしょうか？
PC版はもとのままがよいです。
トピックスターター 2019年11月23日 10:35
私は、Simplicity２を利用していたとき、自前で書いていたデザインに似せようと、わいひらさんのCSSを子テーマで上書きして使っています。
今回、ちょっとレイアウトが崩れてしまったので、伺ったのですが、３つしかボタンを設置していないこともあって、PC版はボタンの幅を３つとも同じにしています。
あと、ボタンもあまり目立ちすぎないように控え目な色にしています。
理由は、ボタンの幅がショップ名の文字列の長さによって、不揃いだと、雑然として見えるためです。
色については、派手だとかえってユーザーが引いてしまうのではという理由からです。
わいひらさんも「理由その２」で説明されていますが、PC版でも文字列の長いショップが目立ってしまうという結果になってしまうような気もします。
でも、リンカーさんを見てみると左右のpadding こそ多いですけど、文字列の長さになっているので、それも有りなのかなぁ と優柔不断に考えたりしています。
モバイル版については、新しい方が良いのかなと思います。パフォーマンスという点では、何の統計もとっていないので、根拠のない意見ですみません。
また、デザインを変更されたときは、このサイトの新着記事等でアナウンスいただけると、とても助かります。
2019年11月23日 11:40
leafytree さんは冒頭の 書き込み主 さんのようですけど。
具体的に知りたいのはそれだけで大丈夫ですか？
タイトル「最近、カエレバの見た目を変更されましたでしょうか？」以外の
何かを知りたいと思われてるけど、言葉足らずがあるのかどうか？
目的の質問はそれだけなのか。不明なので聞きました。
はじめは特にタイトル以外の内容： 知りたいこと はない。って話だったような。
今回、ちょっとレイアウトが崩れてしまったので、伺ったのですが、３つしかボタンを設置していないこともあって、PC版はボタンの幅を３つとも同じにしています。
レイアウトが崩れて、その後どうなるか。って話を、
別途トピックでしていても良いと思います？
気を使いすぎて、その結果そうなってるかもですが…
検索流入した人はCSSで編集を行いたい。もしくは、このstyleが前と違って、変になった。などあると思うので、分けていても良いかと思ったり。
※現状はわいひらさんの声掛けによるものとなっているので
どっちにしても検索クエリ次第だから、現状何ともいえないんですけどね。
わいひら reacted
トピックスターター 2019年11月23日 12:29
かうたっくさん、そうですね。
きっと、何か困って、このトピックを見に来る方もいらっしゃるかもしれませんよね。
先ずは、変更されたかの確認と、もしそうならば、わいひらさんのデザインを変更された意図を伺ってからと思ってしまったのが、いけませんでした。
以上の、理由からなんですけど、みなさんはどう思われますでしょうか。
でも、ちょうどいい機会だからみなさんに聞いてみよう ということのようですので、このトピックは、その主旨でご活用いただければ幸いです。
2019年11月23日 19:34
わいひらさんも「理由その２」で説明されていますが、PC版でも文字列の長いショップが目立ってしまうという結果になってしまうような気もします。
おそらく、Yahoo!ショッピングのことだと思うのですが、Yahoo!とかに設定からキャプションを変更することでそんなに問題はないような気がします。
目立たせたくないのであれば、文字幅をとる必要もないですし。
また、デザインを変更されたときは、このサイトの新着記事等でアナウンスいただけると、とても助かります。
公開時にはアナウンスするつもりですよ。
既に記事も書いていますが、まだ開発版だったので。当サイトで公開してからでないとアナウンスすることはないです。
モバイル版は今回のレイアウト気にっているのですが、PC版を従来通りに表示したい場合はCSSをどのように記述すればよいでしょうか？
こんな感じでいけるかと思います。
.booklink-link2 > *,
.kaerebalink-link1 > *,
.tomarebalink-link1 > *,
.product-item-buttons > * {
width: 32%;
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a,
.product-item-buttons a {
padding: 9px;
}
だいたいで書いたので細かな部分は調整してください。
トピックスターター 2019年11月23日 20:47
わいひらさん、お世話になります。
PC版の表示についてですが、私もわいひらさん同様にそんなに問題になるとは思いません。
感じたことを書いた方が、参考になる場合もあるかもという程度です。
前記させていただきましたとおり、新しいデザインもまた、有りなのかなとも感じているところです。
また、言葉を返してしまうようで、とてもとても心苦しいのですが、こちらのサイトから「cocoon-master-2.0.0.3」をダウンロードしてインストールすると、既に新しい方のカエレバのデザインになってしまうのですが、公開版というのは、自動アップデート版ということになりますでしょうか？もしくは、公開を宣言した時からということになりますでしょうか？
サルースさんも、それをインストールされたのではないかと推測しているのですが・・
2019年11月24日 14:33
こちらのサイトから「cocoon-master-2.0.0.3」をダウンロードしてインストールすると、既に新しい方のカエレバのデザインになってしまうのですが、公開版というのは、自動アップデート版ということになりますでしょうか？もしくは、公開を宣言した時からということになりますでしょうか？
サルースさんも、それをインストールされたのではないかと推測しているのですが・・
https://github.com/yhira/cocoon/commit/9b0d41f44d557493ba3ddc22ccfb96464983f891
その方のことは分かりませんけど、少し前（8日前位かな？）にCocoon2.0.0.3に更新ができるようになってましたよ。
不具合がある。とか、要望した人は開発版をダウンロードするのは、利点もあると思います。
公開の宣言後に。とかイロイロご提示がありますけど。
個人的にも案内があったほうが良いと思います。ただ私もチェックしきれてないのと、チェックしてる人は半数もいないかも？？って事や
Cocoon開発者さんも、アレコレ要望・不具合・他なんらかの対応が多い。ってか、かなり多いので、そこまで絶対にstyle変更の記事希望はしてません。完全に個人的な話。
追記
あっても読み飛ばしてるかも。
※半面案内があれば、リンクを飛ばすだけで良いので回答側は楽かもしれません？？？
CSSの変更で嫌だと3つのリンク32%でよかった人が、漠然として思う人もいるのでCSSの案内とかなどなど？？？
～追記ここまで～
子テーマ：自カスタマイズの対応が面倒なときは、時間が許す時までアップロードしません。大きく崩れるような、Cocoonの仕様変更はなく、個人単位で気になる人もいる感じの仕様変更だと思いますけどね。
この投稿は5年前 2回ずつかうたっくに変更されました
2019年11月24日 19:46
確かに。個人的には含めていないつもりだったんですが、2.0.0.3で含めてしまっていたようですね。
失礼いたしました。
ただ、僕も自分の仕事と開発・フォーラム対応でいっぱいいっぱいなので、希にこういった事は、またあるかもしれません。
2.0.0→2.0.1のような3桁目が変わるような公開の際には、出来る限りアナウンス出来ればとは思いますが、余裕がない場合は必ずしもできるかは分からないかもしれません。
トピックスターター 2019年11月24日 20:05
Cocoonは、とても大勢の方に愛用されているようですので、ご対応も大変かと思います。
ご協力できることと言えば、いまのところ、フォーラムでフィードバックをすることぐらいでしょうか。
体調がすぐれないときは、十分休養なさってください。
トピックスターター 2019年11月25日 18:10
わいひらさん、とても丁寧なアナウンスをいただき、ありがとうございます。
かうたっくさん、トピックでの当方の至らぬところを補ってくださり、ありがとうございました。
わいひら reacted
2019年11月25日 19:12
サルースさん、ご確認いただきありがとうございます。
leafytreeさん、今後も至らぬ点がありますかもしれませんが、なにかありましたら、書き込んでいただければ、できるだけ対応出来ればと思います。
体調が悪いときは、すっぱりと休ませていただこうと思います ?
リフィトリー reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。