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

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

スキン作成のご報告
 
共有:
通知
すべてクリア

[解決済] スキン作成のご報告

137 投稿
7 ユーザー
84 Reactions
4,232 表示
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

投稿者:: @chu-ya

[Cocoon設定]→[画像]→サムネイル画像

表示される例えばエントリーカードの表示サイズを変更する機能ではありません。
メディアフォルダーに自動生成されるサムネイル画像自体を設定比率で作成します。

https://wp-cocoon.com/thumbnail-aspect-ratio/

スキン制御により、サムネイル自動生成に影響を及ぼすと思いますが。

>わいひらさん

↑間違っていますかね?

こちらのこの部分

投稿者:: @chu-ya

スキン制御により、サムネイル自動生成に影響を及ぼすと思いますが。

「サムネイル自動生成に影響を及ぼす」というのは、もともとCocoon設定でデフォルトの9:16以外になっている場合というのであっていますでしょうか。
不具合とかでない限り、個人的にできる限り作者さんの意図は尊重したいと思っております。


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

投稿者:: @yhira

デフォルトの9:16以外になっている場合というのであっていますでしょう

YES。
デフォルトの9:16以外を、スキン制御で9:16とした場合です。

 


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

わいひら様

検索ボタンについてご連絡ありがとうございます!

投稿者:: @yhira

これ僕がスキンのフォルダ名を変更していたのが原因でした。
フォルダ名をgrayish-topfull → skin-grayish-topfullに戻したら表示されるようになりました。

そうだったんですね!Cocoonのサイトで検索ボタンが表示されていることを確認できました!
ご対応いただき、ありがとうございます!

Twitterのロゴがエックスに変わっていて驚きました、意外と違和感ないですね^^

grayishをCocoonに同梱させていただけるとは、大変光栄なことです・・・

勿論、同梱OKです。同梱料についてもお気遣い恐れ入ります。

メールでご連絡も承知しました。

ありがとうございます。


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

投稿者:: @yhira

フォルダ名をgrayish-topfull → skin-grayish-topfullに戻したら表示されるようになりました。

同じような事が私のスキンでもあり。
ソース中に例えば、get_theme_file_uri+スキンフォルダー名と言うようにスキンフォルダー名を固定で記述する事を止めました。

以下のようにしています。
設定したスキンURLから、style.cssを削除すれば、設定している「子スキンURL(MY_SKIN_URL)」。
子テーマURLを削除すれば、「skins/スキンフォルダー名(MY_SKIN_NAME)」。

$skin_url =  str_replace('style.css', '', get_skin_url());
$skin = str_replace(get_theme_file_uri() , '', $skin_url);

define('MY_SKIN_URL', $skin_url);
define('MY_SKIN_NAME' , $skin);

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

投稿者:: @na2factory

●aタグ等からスキン独自クラス削除

報告を忘れていました。
こちらAmazon商品リンクなどの問題が解消されていました。
ご対応いただきありがとうございます!


   
na2factory reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

投稿者:: @na2factory

grayishをCocoonに同梱させていただけるとは、大変光栄なことです・・・

勿論、同梱OKです。同梱料についてもお気遣い恐れ入ります。

メールでご連絡も承知しました。

ありがとうございます!感謝申し上げます!
明日にでも詳細をメールで連絡させていただきます。


   
na2factory reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

あと今日気づいたことが1点。
先日のaリンクと似たようなことなのですが、以下のコード部分も

.skin-grayish .appeal-button {
   color: var(--white);
  background-color: var(--skin-grayish-site-sub-color);
  font-weight: 400;
}

以下のようにするとだめでしょうか。

.appeal-button {
  color: var(--white);
  background-color: var(--skin-grayish-site-sub-color);
  font-weight: 400;
}

.appeal-buttonだけにしても一番優先されるCSSになるように思います。
※もし間違っていたり、意図したものだったりした場合はごめんなさい。

.appeal-buttonだけでも、僕の環境では.appeal-buttonが一番上に来るようです。

This post was modified 1年前 by わいひら

   
na2factory reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

わいひらさま

appeal-buttonについて、ご確認ありがとうございます。

承知しました!

検証してみて、次のverで修正したいと思います。

 


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

>わいひらさん

再度、意見を伺いたく。

投稿者:: @chu-ya

YES。
デフォルトの9:16以外を、スキン制御で9:16とした場合です。

Cocoonユーザーが今まで3:4比率でサムネイルを作成・表示してきた。
grayishに変更以降、スキン制御で9:16比率に変わり、ユーザー設定が無視され、サムネイル画像自体が9:16比率で、メディアフォルダーに登録される。

今までと同じ3:4比率としたい場合「スキン制御を解除して下さい」となり、ユーザーが戸惑いませんか?
マニュアルの注意事項見ても、影響がどこにも書かれていないので、気付かないのでは?
このようなスキンは無かったので、尚更だと思います。


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

お世話になっております。

沢山のご指摘、ありがとうございます。

いただいた内容と、自分で発見した不具合の修正を行い、grayish v1.0.3をDownloadできるようにしております。

https://cocoon-grayish.na2-factory.com/

-------------

以下修正の概要です

  • .appeal-buttonからスキン独自クラスの削除
  • ブロックエディタ関連
    • エディタ内でアコーディオンボックスを開いたときの高さがおかしい
    • エディタ内でカテゴリの設定欄の高さがおかしい
    • エディタ内のタグ設定欄の内側に四角の枠が表示される
    • エディタ内でアイコンボックスの選択時のフォーカスの範囲が小さい
    • エディタ内でランキングボックスのアイコンが表示されない
  • プロフィールボックスのスタイル調整
  • フロントページタイプをカテゴリーごと選択時、不要な余白がある

-------------

週末は私があまりPCを触れない感じになってしまいますが、
もしお時間ありましたら、修正のご確認いただければと思います。

よろしくお願いいたします。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

na2factoryさん

ご対応、お疲れ様です

投稿者:: @na2factory

エディタ内でアコーディオンボックスを開いたときの高さがおかしい

投稿者:: @na2factory

エディタ内でアイコンボックスの選択時のフォーカスの範囲が小さい

上記修正されていることを確認させていただきました。


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

mk2さん

早速のご確認をありがとうございました!


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

投稿者:: @chu-ya

Cocoonユーザーが今まで3:4比率でサムネイルを作成・表示してきた。
grayishに変更以降、スキン制御で9:16比率に変わり、ユーザー設定が無視され、サムネイル画像自体が9:16比率で、メディアフォルダーに登録される。

今までと同じ3:4比率としたい場合「スキン制御を解除して下さい」となり、ユーザーが戸惑いませんか?

その状況になった場合は確かにユーザーさんは戸惑うかと思います。
画像などにキャプションを入れている場合、サムネイルサイズに応じて文字を入れると思うので。
サイズが変わると文字が見切れてしまうなどは考えられますね。

確かに他のサムネイル画像比率を選択できるようにしておいて、CSSでaspect-ratio:16 / 9と矯正する案は、デザインを維持しつつサムネイル画像も保持して影響は少ないように思います。

@na2factory さん
もしよろしければ僕の方で修正いたしますがいかがでしょう。


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

投稿者:: @yhira

その状況になった場合は確かにユーザーさんは戸惑うかと思います。

先も述べましたが、設定はサムネイルの表示比率を変えている訳ではありません。
自動生成される画像ファイルそのものの比率が変わります。

他スキン(ユーザ設定3:4)→grayish(スキン制御固定9:16)→他スキン

とした場合、grayishを利用してた間、画像そのものが勝手に9:16に変わってしまうと言うのは、致命的だと思います。
表示だけを9:16にすればいいだけの事です。


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.2

●現象

以下の入力フォームを未入力(null)にした。

  • "最新の記事"を変更
  • Moreボタン "More"を変更
  • Nextボタン "Next"を変更

この時、タイトル名、ボタン名(図参照)が非表示となる。


●原因

入力フォームがnullの時、値を返さない。

  • new_entries_caption
  • more_button_caption
  • skin_grayish_nextbutton_text

未入力なので「表示されない」と言う仕様ですか?


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

>@na2factoryさん

先に述べた文は、わいひらさんに宛てたものではありません。
よく読んで、Cocoonの概要、理解して頂ければと思います。

投稿者:: @yhira

もしよろしければ僕の方で修正いたしますがいかがでしょう。

上記ですが、CSSに以下を追加すればいいのでは?

/* カード全般 */
.a-wrap figure img,
/* CTA */
.cta-box .cta-thumb img,
/* ランキング */
.ranking-box .ranking-item-image-tag img,
/* Facebookボックス */
.fb-like-box .fb-like-thumb img {
  aspect-ratio: 16 / 9;
}

   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

確認と返信が遅くなってすみません。

土日祝日は家庭の事情であまりPCさわれないもので。

>わいひら様

投稿者:: @yhira

確かに他のサムネイル画像比率を選択できるようにしておいて、CSSでaspect-ratio:16 / 9と矯正する案は、デザインを維持しつつサムネイル画像も保持して影響は少ないように思います。

@na2factory さん
もしよろしければ僕の方で修正いたしますがいかがでしょう。

修正のお申し出ありがとうございます。

こちら、CSSでaspect-ratio:16 / 9で表示されるように修正を入れようと考えてました。

他にも修正が必要な箇所があるので、

私の方で変更してまた次verのダウンロードデータ用意させていただきたいと思います。

 

>chu-yaさん

何度もありがとうございます。

次verにて、スキン制御せずにCSSで対応するように修正させていただきます。

また、カスタマイザーのテキスト未入力時のご指摘もありがとうございます。

投稿者:: @chu-ya

  • "最新の記事"を変更
  • Moreボタン "More"を変更
  • Nextボタン "Next"を変更

この時、タイトル名、ボタン名(図参照)が非表示となる。

こちら、未入力の場合はデフォルト値をセットするように修正します。

以上です。


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver1.0.3

●現象1

[Cocoon設定]→[モバイル]→「常にサイトヘッダーロゴを表示する」オフ

モバイルの時、メインビジュアのロゴが非表示となる。
ヘッダーモバイルボタンにロゴが設定された場合、重複する。
この為、メインビジュアルからロゴを消す事も可能と言う、意図したデザインですか?


●現象2

[Cocoon設定]→[モバイル]→「モバイルボタン時コンテンツ下のサイドバーを表示」オン

投稿/固定ページの時、コンテンツ下にサイドバーが表示される。
この時、図に示すよう、ウィジェト(見出し、ボックスメニュー)の左右に余白がなく。
これは意図したデザインですか?


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

お世話になっております。

>chu-yaさん

ご確認とご指摘ありがとうございます。

投稿者:: @chu-ya

●現象1

[Cocoon設定]→[モバイル]→「常にサイトヘッダーロゴを表示する」オフ

モバイルの時、メインビジュアのロゴが非表示となる。
ヘッダーモバイルボタンにロゴが設定された場合、重複する。
この為、メインビジュアルからロゴを消す事も可能と言う、意図したデザインですか?

はい。意図して設定可能になっています。

メインビジュアルにロゴを表示せず、ヘッダーモバイルボタンで表示したいという
使い方もあるかもしれないと思ったので。

投稿者:: @chu-ya

●現象2

[Cocoon設定]→[モバイル]→「モバイルボタン時コンテンツ下のサイドバーを表示」オン

投稿/固定ページの時、コンテンツ下にサイドバーが表示される。
この時、図に示すよう、ウィジェト(見出し、ボックスメニュー)の左右に余白がなく。
これは意図したデザインですか?

こちらは、確認漏れのミスです。

ご指摘ありがとうございます。

次バージョンで修正させていただきます。

 


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

フォーラムの皆様

お世話になっております。

grayishの次バージョンにて、現在ご指摘いただいている内容の他に、以下の修正も予定しております。

明日以降になってしまうと思いますが、データが準備できましたら、またこちらに連絡させていただきたいと思います。

------

●スキン制御

Cocoon設定>インデックスのカードタイプにある、
「スマホ端末で縦型&タイル型のエントリーカードを1カラムにする」
をスキン制御項目に追加しようと思ってます。

※スキンのCSSで表示を制御しており、上記の設定はONにしても意味がない状態のため

 

●Cocoon設定>インデックスのフロントページタイプでカテゴリーごと(2カラム、3カラム)を選択時、
カテゴリが1つも設定されていない時にフロントページに「Categroy」のテキストが表示されるのを、
表示しないように変更

 

●PC時の投稿・固定ページで表示する縦表示SNSシェアボタンについて

アピールエリア・カルーセル・おすすめカード、コンテンツ上部ウィジェット等が表示された場合、表示が重なる。
縦表示ボタンは現在のフッターが見えるまで表示する仕様から、mainが表示されている間表示する仕様に変更。

 

●PC時のフロントページ以外のグローバルナビのサブメニューの表示について

アピールエリア〜コンテンツ上部ウィジェット等が表示された場合の動作を考慮できておらず、
ページトップにいてもサブメニューが表示されないのを修正。

 

●コンテンツ上部ウィジェットについて

SP時に左右に余白が入っているのを修正(プロフィールボックスについては意図した余白あり)

 

●他、スタイルで気になった箇所についても随時修正行います。

------

何度も恐れ入ります。

以上について宜しくお願いいたします。

 


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

お世話になっております。

grayish ver1.0.4のダウンロードデータを用意させていただきました。

https://cocoon-grayish.na2-factory.com/

ーーーー 以下主な修正の内容になります。

  • スキン独自テーマカスタマイザーの項目について修正

    • トップページ→フロントページへ変更等、親テーマのマニュアル記載との不一致箇所の修正
    • テキスト変更可能な箇所を「全体:テキスト変更」に変更
    • 入力空欄時の処理(デフォルト値の設定)を追加

  • スキン制御

    • Cocoon設定の画像タブのサムネイル画像についてスキン制御無しへ変更
    • Cocoon設定のインデックスタブのカードタイプにある、
      「スマホ端末で縦型&タイル型のエントリーカードを1カラムにする」
      をスキン制御項目に追加

  • サムネイル画像の表示についてCSS(aspect-ratio: 16 / 9;)で縦横比率を追加
  • Cocoon設定のモバイルタブの「モバイルボタン時コンテンツ下のサイドバーを表示」オンにした際に左右の余白がないのを修正
  • Cocoon設定のインデックスタブのフロントページタイプでカテゴリーごと(2カラム、3カラム)を選択時、
    カテゴリが1つも設定されていない時にフロントページに「Categroy」のテキストが表示されるのを、
    表示しないように変更
  • PC時の投稿・固定ページで表示する縦表示SNSシェアボタンについて

    • mainが表示されている間、表示する仕様に変更

  • PC時のフロントページ以外のグローバルナビのサブメニューの表示について

    • アピールエリア〜コンテンツ上部ウィジェット等が表示される場合もページトップではサブメニューが表示されるように修正

  • 他、細かいスタイルの修正

※申し訳ありませんがマニュアルの更新がまだできておりません。

今後随時修正してまいります。

ーーーー

【補足】

  • サムネイル画像の表示についてCSS(aspect-ratio: 16 / 9;)で縦横比率を追加

について、以下のように追加しました。

.a-wrap figure img,
.fb-like-box img {
  aspect-ratio: 16 / 9;
}

※ランキングやCTAの画像については、アフィリエイトバナーが設定される可能性もあるのでは・・
と思ったので対象外にしました。

※他テーマからの移行の方や、サムネイル画像を9:16ではない設定にされている方が
各自の比率で一覧ページ等のカードを表示したい場合は、上記CSSを子テーマでカスタマイズしていただく、という事になると思います。(間違っていたらご指摘ください。)

以上について、お時間のある際に動作確認をお願いできればと思います。

長文で申し訳ありません。

宜しくお願いいたします。


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4

●画像
[Cocoon設定]→[画像]→「アイキャッチにキャプションがある場合は表示する」オン
メディアに登録したキャプション(図参照)がアイキャッチ右下に表示されます。
意図した仕様ですか?
一見、設定画面はグレーになっていますが、入力可能です。


投稿ページ上にアイキャッチを表示したくない、と言うケースがあるかと思います。
スキン制御で、アイキャッチの表示をオンとするのは、止めた方がいいかと思います。


   
わいひら reacted
(@rengelog)
New Member Registered
結合: 1年前
投稿: 2
 

はじめまして、renge(レンゲ)といいます。
Cocoonのスキンを作ったのでご連絡いたします。

こちらからご確認いただけます。

This post was modified 1年前 2回 by rengelog

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

@rengelog さん

こちらのスレッドはスキン作成全般に関するものではなく、na2factoryさんがgrayishを作成したことを連絡するスレッドのため、新しいスレッドを別で立てていただいた方が良さそうです。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

rengelogさん

申し訳ありませんが、こちらは別の方(na2factoryさん)のトピックです。

はるさんもお書きになっている通りなのですが・・・。

トピック主さん(na2factoryさん)のスキンについてのやりとりが行われており、ここにそれ以外の話題で割り込むことは失礼になってしまうかと思います。

勝手ながら、以下のトピックへ転記させていただきました。

スキン作成のご報告(rengelog)
https://wp-cocoon.com/community/postid/74597/

rengelogさんスキンについて何かおありになる方は、上記トピックへお願い致します。


   
わいひら reacted
(@rengelog)
New Member Registered
結合: 1年前
投稿: 2
 

@mk2_mk2 はるさん、mk2さん、大変申し訳ありませんでした。

以後気を付けます。


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

ご確認ありがとうございます。

投稿者:: @chu-ya

Ver.1.0.4

●画像
[Cocoon設定]→[画像]→「アイキャッチにキャプションがある場合は表示する」オン
メディアに登録したキャプション(図参照)がアイキャッチ右下に表示されます。
意図した仕様ですか?
一見、設定画面はグレーになっていますが、入力可能です。

これはCocoon設定のデフォルトのままにしています。

アイキャッチにキャプションを表示したくない場合はOFFにして使用していただく形になります。

 

投稿者:: @chu-ya

投稿ページ上にアイキャッチを表示したくない、と言うケースがあるかと思います。
スキン制御で、アイキャッチの表示をオンとするのは、止めた方がいいかと思います。

画像タブのアイキャッチの表示「本文上にアイキャッチを表示する」をONでスキン制御している箇所についてでよろしいですか?

現状、各投稿・固定ページでアイキャッチを登録しなければ表示されないと思いますが

・全ての投稿・固定ページでアイキャッチを表示したくないケース

に対応できないから、スキン制御するべきではないというご意見でよろしいでしょうか?

 

このスキン制御は外してもレイアウト崩れなどの問題はないですが、

「本文上にアイキャッチを表示する」をOFFにした場合も、
フロント、一覧ページや人気記事や関連記事ウィジェット等では
No-image画像(アイキャッチを設定しているならアイキャッチ)が表示されます。

これらも全部表示OFFにできるようにするべき、となると
全体タブの「サムネイル表示」のスキン制御も外すべき、となると思います。

しかしながらgrayishはサムネイル表示OFFについては考慮できていません。

各サムネイルを表示させたくない、というニーズ(文章メインのサイト?)には応えられないスキンとなってしまいますが・・・

全体タブの「サムネイル表示」のスキン制御はこのままにしたいです。

 

 


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

●キャプション

拝承。

●アイキャッチ

投稿者:: @na2factory

画像タブのアイキャッチの表示「本文上にアイキャッチを表示する」をONでスキン制御している箇所についてでよろしいですか?

YES。

投稿者:: @na2factory

「本文上にアイキャッチを表示する」をOFFにした場合も、
フロント、一覧ページや人気記事や関連記事ウィジェット等では
No-image画像(アイキャッチを設定しているならアイキャッチ)が表示されます。

スキン制御から削除願います。

仕様を間違えて理解しています。

「本文上にアイキャッチを表示する」オフ(図①)

投稿ページでアイキャッチ画像を設定(図②)

投稿で設定したアイキャッチ画像が、本文上に画像が非表示となる。(図③)
設定画面に「投稿・固定ページトップにアイキャッチを表示します。」と記述されています。
実際、投稿・固定ページトップにアイキャッチを表示しないケースはあります。

エントリーカードなどのサムネイルは、NO IMAGEでなく。
設定したアイキャッチ画像が表示されます。(図④)


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4

●ウィジェット
[外観]→[ウィジェット]→[C]最近のコメント
アバターアイコンが16:9比率とつぶれています。


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

投稿者:: @chu-ya

仕様を間違えて理解しています。
スキン制御から削除して下さい。

別に削除してもいいのですが、

「本文上にアイキャッチを表示する」をOFFにすると全ての投稿・固定ページで

本文上にアイキャッチが表示されなくなりますよね?この認識が間違っています?

 

「本文上にアイキャッチを表示する」をOFFにすると

本文上のアイキャッチは表示されないけど、

エディタでアイキャッチ画像を設定していたらフロント等ではサムネイルとして表示されますし、

アイキャッチ画像を設定していなかったらNo-imageが表示されると書いたつもりでしたが。

 

投稿者:: @na2factory

No-image画像(アイキャッチを設定しているならアイキャッチ)が表示されます。

↓エディタでアイキャッチ画像設定していなければNo-imageになりますよね?これが間違っていますか?

投稿者:: @chu-ya

エントリーカードには、NO IMAGEでなく、サムネイルとして表示されます。(図④)

 

 

本文にはアイキャッチ画像を表示したくないけど、

フロント等には(エディタでアイキャッチ画像設定していれば)

サムネイル表示されます。

このような使用方法をしたい方が一定数いると想定されて

 

「スキン制御から削除して下さい。」

 

と強くおっしゃられているということですか?

 


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

ご指摘ありがとうございます。

投稿者:: @chu-ya

Ver.1.0.4

●ウィジェット
[外観]→[ウィジェット]→[C]最近のコメント
アバターアイコンが16:9比率とつぶれています。

修正します。


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

投稿者:: @na2factory

「本文上にアイキャッチを表示する」をOFFにすると全ての投稿・固定ページで

本文上にアイキャッチが表示されなくなりますよね?この認識が間違っています?

あっています。

投稿者:: @na2factory

↓エディタでアイキャッチ画像設定していなければNo-imageになりますよね?これが間違っていますか?

あっています。

投稿者:: @na2factory

本文にはアイキャッチ画像を表示したくないけど、

フロント等には(エディタでアイキャッチ画像設定していれば)

サムネイル表示されます。

このような使用方法をしたい方が一定数いると想定されて

「スキン制御から削除して下さい。」

と強くおっしゃられているということですか?

YES。
投稿・固定ページトップに表示するかしないかは、ユーザー任せでいいと思います。
それこそ、先のキャプチャの方が不要だと、私は思います。

オフしても、単に投稿・固定ページトップにアイキャッチが表示されないだけで、スキンには何の影響もないと思いますが。


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

承知しました。

「本文上にアイキャッチを表示する」は次verでスキン制御から外します。

宜しくお願いいたします。

 


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

@na2factory さん

アイキャッチ必須と言うのも、デザインの一つなのかも知れません。
デバッグを兼ね、ユーザー視点で、再度テストされてみてはどうでしょうか?


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4

●ボックスメニュー

アイコンの場合、カスタマイザーで設定した色が、反映されない仕様でしょうか?

●補足

Cocoon公式マニュアルでは、キーカラーで色変更でき。
スキンは、キーカラーがスキン制御で、入力不可となっています。
https://wp-cocoon.com/box-menu-shortcode/

 


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

ご指摘ありがとうございます。

投稿者:: @chu-ya

●ボックスメニュー

アイコンの場合、カスタマイザーで設定した色が、反映されない仕様でしょうか

こちら、アイコンで使用する際のスタイルが当たってませんでした。

次verにて、カスタマイザーのアイコンカラーで変更可能にします。

 

 


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4

●通知エリア

「通知タイプ」を選択しても、通知エリアの背景色が変わらない。
以下で設定した色となる。

[全体:カラー設定]→メイン薄い青色

スキン制御で選択不可としては?


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

ご指摘ありがとうございます。

投稿者:: @chu-ya

「通知タイプ」を選択しても、通知エリアの背景色が変わらない。
以下で設定した色となる。

[全体:カラー設定]→メイン薄い青色

スキン制御で選択不可としては?

そうですね。ここはスキン制御に加えようと思います。

 

v1.0.4ですが、他にも

・フッターにウィジェット置いた際にスタイルが不十分な物がある

・フッターにウィジェットが無いケース

についてまた再度検討したいと思います。

週明けになってしまいますが、v1.0.5を用意させていただきます。

以上になります。

 


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver1.0.4

●ページ送りナビ

「サムネイル正方形」とした場合、図②のようになり、前後のページがある場合、「デフォルト」と同じになる

「デフォルト」とした場合、図①のようにホームボタンが無い為、NEXTボタンが左寄りになってしまう。

スキン制御で「サムネイル正方形」にれば、問題解決すると思います。
但し、ホームアイコンを非表示としたいなら、要検討ですが。


●参考
親テーマの場合、図③④
モバイルの時、どちらを設定しても、480px以下で図③のように配置が上下となる。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

投稿者:: @na2factory

grayish ver1.0.4のダウンロードデータを用意させていただきました。

最新版を当サイトにも適用してみました。
https://wp-cocoon.com/?theme-switch=skin-grayish-topfull
.appeal-buttonのCSSの詳細度が親テーマと変わらなくなったおかげで、同サイトアピールエリアののボタンでもCSS子テーマのstyle.cssが優先されることになり、子テーマに書いたものが上書きされることはなくなりました。

chu-yaさんが書かれた以外の、その他の不具合については、簡単に見た感じではないように思います。


   
na2factory reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4

●ヘッダー

[全体:カラー設定]の「テキストカラー」で以下の色が変更された。

  • ヘッダーロゴ文字色
  • グローバルナビ文字色

この時、同じヘッダー内の検索ボタン、SNSボタンは変化しない。

検索ボタン、SNSボタンの色は「サブ 濃い青」となっている。

これは仕様ですか?


●感想

デフォルトだと同系色の為、違和感ないですが、色使いに工夫が要ると思います。


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4

●目次

ウィジェットをサイドバーに配置した。
図のように、目次に本文と同じ見出し枠の線が表示される。

これは意図したデザインですか?


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

お世話になっております。

わいひら様

v1.0.4についてご確認、ありがとうございます。

現在ご指摘いただいている内容の修正と、

ウィジェットやCocoonブロックについて見直したい箇所がいくつかありますので、
またv1.0.5が準備できましたら連絡させていただきます。

少々お時間いただいてしまいますが、どうぞ宜しくお願いいたします。


   
わいひら reacted
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

chu-yaさん

ご指摘ありがとうございます。

投稿者:: @chu-ya

Ver1.0.4

●ページ送りナビ

こちら次バージョンで修正させていただきます。

●ヘッダー

仕様です。

●目次

意図したデザインです。

以上になります。


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

お世話になっております。

grayishのv1.0.5のダウンロードデータを用意させていただきました。

https://cocoon-grayish.na2-factory.com/

 

以下修正内容です。

ーーー

  • コメントの画像についてaspect-ratio対象外に変更
  • 投稿のページ送りナビ(デフォルト)について最初の投稿の時、NEXTボタンが左寄りになってしまう現象を修正
  • 投稿のページ送りナビについてホバー時に背景色を付けていたのを無しに変更
  • 投稿のページ送りナビについて「表示タイプ」をデフォルトに固定(スキン制御)
  • ボックスメニューについてFontAwesome5のアイコン使用時のカラー変更対応
  • スキン制御

    • Cocoon設定の画像タブの「本文上にアイキャッチを表示する」を対象外に変更
    • Cocoon設定の通知タブの「通知タイプ」をスキン制御に追加
    • Cocoon設定の投稿タブの「ページ送りナビ設定 表示タイプ」をデフォルトにスキン制御追加

  • フッターにウィジェットが無い場合はフッターのロゴ上の線を表示しないように変更
  • フッターにウィジェットを置いた場合にスタイルが当たっていなかった物を修正
  • プロフィールボックスとブログカードについて、エディタでカラムレイアウト(Cocoonレイアウトやコアのカラムブロック)時のスタイル等を追加
  • スキン独自テーマカスタマイザー

    • 各項目にマニュアルページのリンクを追加
    • ヘッダーに表示するSNSアイコン エックス(旧Twitter)対応

  • その他細かいスタイルの調整や不具合修正

ーーー

マニュアルも修正中です。

ご多忙の中恐れ入りますが、動作をご確認いただければと思います。

以上です。

 


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.5

●現象

[外観]→[コンテンツ下部]に以下を配置した。

  • [C]目次
  • [C]最近のコメント

この時、表示される幅が図のように極端に狭い。


   
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.5

テーブルなのに、スクロールヒントのデザインが異なる。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

@na2factory さん

アップデートありがとうございます!
次のバージョンアップ(v2.6.9)でgrayishスキンを同梱させていただこうと考えております。
v2.6.9にバージョンアップする際にメール等で連絡させていただきます。
よろしくお願いいたします。

当サイトのgrayishスキンもv1.0.5にアップデートさせていただきました。
https://wp-cocoon.com/?theme-switch=skin-grayish-topfull


   
na2factory reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2893
 

Ver.1.0.4で確認しており、Ver.1.0.5では修正されていました。
この為、投稿を削除しました。


   
na2factory
(@na2factory)
Trusted Member Registered
結合: 1年前
投稿: 48
Topic starter  

@yhira さん

ご連絡ありがとうございます!

v2.6.9で、承知しました!

ただ、現在分かっている不具合は早急に対応させていただいて、すぐデータを出し直したいのですが、それでも大丈夫でしょうか・・・

申し訳ありません、宜しくお願いいたします。


   
固定ページ 2 / 3
共有:

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

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

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

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

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

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

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

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