現在デフォルトスキンとして「Momoon(アクア)」を適用中。

最近、商品リンク・カエレバ等の見た目を変更されましたでしょうか? | Cocoonテーマに関する質問 | Cocoon フォーラム

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

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
最近、商品リンク・カエレバ等の見た目を...
 
Share:

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


leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月19日 23:05  

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

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

 

This topic was modified 2週間 前 by わいひら

引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3935
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年11月20日 00:37  

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

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

 

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

 

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

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
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="ソニー公式"]


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月20日 03:37  

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月20日 03:39  

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

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

返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月20日 03:39  

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


返信引用
leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月20日 03:53  

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

私も少し考えてみます。


返信引用
チャンビア
(@changbeer)
Trusted Memberサイト
参加: 1年 前
投稿: 76
チャンビア - Twitter
2019年11月21日 22:13  

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月22日 19:14  

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


返信引用
サルース
 サルース
(@サルース)
ゲスト
参加: 2週間 前
投稿: 2
2019年11月23日 01:14  

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

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

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

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


返信引用
leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月23日 10:35  

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

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

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

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

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

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

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

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

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

 

 


返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3935
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年11月23日 11:40  

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

 

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

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

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

 

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

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

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

 

 

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

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


わいひら 件のいいね!
返信引用
leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月23日 12:29  

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

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

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

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

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

 

This post was modified 2週間 前 by leafytree

返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月23日 19:34  

わいひらさんも「理由その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;
}

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

 

 

This post was modified 2週間 前 3 times by わいひら

返信引用
leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月23日 20:47  

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

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

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

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

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

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

 

This post was modified 2週間 前 by leafytree

返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3935
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
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の仕様変更はなく、個人単位で気になる人もいる感じの仕様変更だと思いますけどね。

This post was modified 2週間 前 2 times by かうたっく

返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月24日 19:46  

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


返信引用
leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月24日 20:05  

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

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

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


返信引用
サルース
 サルース
(@サルース)
ゲスト
参加: 2週間 前
投稿: 2
2019年11月24日 21:29  

わいひらさん

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

 


わいひらチャンビア 件のいいね!
返信引用
leafytree
(@leafytree)
Estimable Member
参加: 10か月 前
投稿: 106
2019年11月25日 18:10  

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

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


わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7342
わいひら - Facebookわいひら - Twitter
2019年11月25日 19:12  

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

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


leafytree 件のいいね!
返信引用

返信する


許可された最大ファイルサイズ 3MB

 
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年4ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに20%割引(※2019/12/18 17:00まで)。

クーポンコード:Y2KIC92J9Y

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:1年2ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

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