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

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

最近、商品リンク・カエレバ等の見た目を...
 
共有:
通知
すべてクリア

最近、商品リンク・カエレバ等の見た目を変更されましたでしょうか?

21 投稿
5 ユーザー
5 Reactions
3,374 表示
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

いつもお世話になっております。

カエレバのCSSを最近変更されましたでしょうか?

 


   
引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

親テーマを有効化して、カスタマイズのない状況で確認してみると変わったかどうか。分かると思います。

過去のデザインを知っているのであれば。

 

あと
パッと見変更されているようにも見えますが、上記の方法で確認したり、githubのCSSなど更新履歴を見るとわかると思います。

 

具体的に知りたいのはそれだけで大丈夫ですか?

タイトル「最近、カエレバの見た目を変更されましたでしょうか?」以外の
何かを知りたいと思われてるけど、言葉足らずがあるのかどうか?
目的の質問はそれだけなのか。不明なので聞きました。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

現在GitHubに置いてある開発版では、変更を試しています。

変更の理由その1としては、現在パソコン3列と限定しているけど、拡張ボタン機能で増やすこともあるので3列に限定すべきではないのではないかと思ったこと。

[amazon asin="B07B4CVMW3" kw="OSS ILCE-7M3K" btn1_url="https://www.sony.jp/ichigan/products/ILCE-7M3/" btn1_text="ソニー公式"]


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

理由その2としては、旧バージョンスマホ表示ではボタンが奇数だった場合は、最後のボタンが大きくなってしまい、デフォルト仕様では本来押して欲しいAmazonボタンが目立たないことです。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

理由その3としては、僕の観測下では、スマホ環境では特に製品名リンクよりもボタンの方が押される傾向にあるので、スマホ表示環境下でどのボタンも平等に目立ち押しやすいようにしたかったからです。

 
旧バージョンで奇数の最後のボタンを引き伸ばさないという選択肢もあるのですが、やはりモバイルでは大きく目立った方がパフォーマンスが上がると思ったからです。

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

以上の、理由からなんですけど、みなさんはどう思われますでしょうか。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

見た目が変わっていたので、何か意図があるのかなとは思いましたが、そのような理由があったのですね。

私も少し考えてみます。


   
返信引用
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
 

旅行・マイラー系ブログのうちは、アクセスの7割以上がモバイル経由だから今回の変更はいい方向に出ると思います。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

そう言っていただけると、ありがたいです^^
少しでもパフォーマンスが上がればいいなと。


   
返信引用
(@サルース)
New Member
結合: 5年前
投稿: 2
 

いつもお世話になっています。

モバイル版は今回のレイアウト気にっているのですが、PC版を従来通りに表示したい場合は

CSSをどのように記述すればよいでしょうか?

PC版はもとのままがよいです。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

私は、Simplicity2を利用していたとき、自前で書いていたデザインに似せようと、わいひらさんのCSSを子テーマで上書きして使っています。

今回、ちょっとレイアウトが崩れてしまったので、伺ったのですが、3つしかボタンを設置していないこともあって、PC版はボタンの幅を3つとも同じにしています。

あと、ボタンもあまり目立ちすぎないように控え目な色にしています。

理由は、ボタンの幅がショップ名の文字列の長さによって、不揃いだと、雑然として見えるためです。

色については、派手だとかえってユーザーが引いてしまうのではという理由からです。

わいひらさんも「理由その2」で説明されていますが、PC版でも文字列の長いショップが目立ってしまうという結果になってしまうような気もします。

でも、リンカーさんを見てみると左右のpadding こそ多いですけど、文字列の長さになっているので、それも有りなのかなぁ と優柔不断に考えたりしています。

モバイル版については、新しい方が良いのかなと思います。パフォーマンスという点では、何の統計もとっていないので、根拠のない意見ですみません。

また、デザインを変更されたときは、このサイトの新着記事等でアナウンスいただけると、とても助かります。

 

 


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

 leafytree さんは冒頭の 書き込み主 さんのようですけど。

 

具体的に知りたいのはそれだけで大丈夫ですか?

タイトル「最近、カエレバの見た目を変更されましたでしょうか?」以外の
何かを知りたいと思われてるけど、言葉足らずがあるのかどうか?
目的の質問はそれだけなのか。不明なので聞きました。

はじめは特にタイトル以外の内容: 知りたいこと はない。って話だったような。

 

今回、ちょっとレイアウトが崩れてしまったので、伺ったのですが、3つしかボタンを設置していないこともあって、PC版はボタンの幅を3つとも同じにしています。

レイアウトが崩れて、その後どうなるか。って話を、
別途トピックでしていても良いと思います?

気を使いすぎて、その結果そうなってるかもですが…

 

 

検索流入した人はCSSで編集を行いたい。もしくは、このstyleが前と違って、変になった。などあると思うので、分けていても良いかと思ったり。
※現状はわいひらさんの声掛けによるものとなっているので

どっちにしても検索クエリ次第だから、現状何ともいえないんですけどね。


   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

かうたっくさん、そうですね。

きっと、何か困って、このトピックを見に来る方もいらっしゃるかもしれませんよね。

先ずは、変更されたかの確認と、もしそうならば、わいひらさんのデザインを変更された意図を伺ってからと思ってしまったのが、いけませんでした。

以上の、理由からなんですけど、みなさんはどう思われますでしょうか。

でも、ちょうどいい機会だからみなさんに聞いてみよう ということのようですので、このトピックは、その主旨でご活用いただければ幸いです。

 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

わいひらさんも「理由その2」で説明されていますが、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;
}

だいたいで書いたので細かな部分は調整してください。

 

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

わいひらさん、お世話になります。

PC版の表示についてですが、私もわいひらさん同様にそんなに問題になるとは思いません。

感じたことを書いた方が、参考になる場合もあるかもという程度です。

前記させていただきましたとおり、新しいデザインもまた、有りなのかなとも感じているところです。

また、言葉を返してしまうようで、とてもとても心苦しいのですが、こちらのサイトから「cocoon-master-2.0.0.3」をダウンロードしてインストールすると、既に新しい方のカエレバのデザインになってしまうのですが、公開版というのは、自動アップデート版ということになりますでしょうか?もしくは、公開を宣言した時からということになりますでしょうか?

サルースさんも、それをインストールされたのではないかと推測しているのですが・・

 


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

こちらのサイトから「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の仕様変更はなく、個人単位で気になる人もいる感じの仕様変更だと思いますけどね。

This post was modified 5年前 2回 by かうたっく

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

確かに。個人的には含めていないつもりだったんですが、2.0.0.3で含めてしまっていたようですね。
失礼いたしました。
ただ、僕も自分の仕事と開発・フォーラム対応でいっぱいいっぱいなので、希にこういった事は、またあるかもしれません。
2.0.0→2.0.1のような3桁目が変わるような公開の際には、出来る限りアナウンス出来ればとは思いますが、余裕がない場合は必ずしもできるかは分からないかもしれません。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

Cocoonは、とても大勢の方に愛用されているようですので、ご対応も大変かと思います。

ご協力できることと言えば、いまのところ、フォーラムでフィードバックをすることぐらいでしょうか。

体調がすぐれないときは、十分休養なさってください。


   
返信引用
(@サルース)
New Member
結合: 5年前
投稿: 2
 

わいひらさん

ボタン均等割りのcssありがとうございます。
無事PCの表示は意図通りになりました。!

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
Topic starter  

わいひらさん、とても丁寧なアナウンスをいただき、ありがとうございます。

かうたっくさん、トピックでの当方の至らぬところを補ってくださり、ありがとうございました。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

サルースさん、ご確認いただきありがとうございます。

leafytreeさん、今後も至らぬ点がありますかもしれませんが、なにかありましたら、書き込んでいただければ、できるだけ対応出来ればと思います。
体調が悪いときは、すっぱりと休ませていただこうと思います ? 


   
返信引用
共有:

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

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

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

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

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

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

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

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