「メイド・イン・ヘブン」スキン適用中

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

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

スキンについて
 
共有:
通知
すべてクリア

スキンについて

174 投稿
3 ユーザー
58 Likes
1,725 表示
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

投稿者:: @yhira

タブブロックはこんな感じにしようと思っています。

一旦、GitHubにこちらのタブブロックでアップしてみてもよろしいでしょうか。

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

   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

投稿者:: @yhira

GitHubにこちらのタブブロックでアップ

宜しくお願い致します。
テスト公開して頂けると助かります。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

GitHubにタブブロック追加バージョンのv2.7.2.10を公開しておきました。
モバイルでのタブ動作は迷ったんですが、現在スクロール表示にしています。


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

●ご連絡

skin-made-in-heaven1.0.0.zip

現時点での「タブ」ブロックのCSSを反映しました。
尚、カスタマイザー「エディター」での「タブ」デザイン一括変更としましたが、結局、スタイルとしました、ご了承下さい。

http://chuya.s239.xrea.com/temp/tab-style/

尚、Ver.1.0.0はエディター関連の機能追加しています。
またダークモードをサポートしました。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

今サイトを見てみようとしたところ、メンテナンス中だったので、後で確認させていただきます。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

メンテナンスが終わったので、ダウンロードして、最新版のタブブロックのスタイルを確認して見ました。
タブを大量に作成して、スマホ環境などで見ると左側のタブが見えなくなる不具合があるようです。
添付画像はリロード直後の状態です。

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

   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

●ご連絡

skin-made-in-heaven1.0.1.zip

確認ありがとうございます、対策しました。

http://chuya.s239.xrea.com/temp/ver1-0-0/


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

こちらのページのダウンロードボタンを押してみたのですが、404ページが出るようです。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/about-skin/


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

@yhira さん

申し訳ありません、リンク先を更新していませんでした。
修正しましたので、宜しくお願い致します。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

ご対応いただきありがとうございます。
不具合の修正を確認させていただきました。
スキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/291ecd7e7177c4a7d88ca857ce9d255e32340862


   
chu-ya reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

●ご連絡

スキンを機能追加しました。
昔、フォーラムであったコメント欄の質問に対し、機能を追加してみました。

skin-made-in-heaven2.0.0.zip

http://chuya.s239.xrea.com/temp/about-skin/


●雑談

もうやれる事はないかな?
やるとしても、以下しかやれる事が思い浮かばず

  • 検索フォームのプレースホルダーのテキスト変更
  • コメント・返信ボタンのテキスト変更
  • 記事「スキンのカスタマイズ」に書いてある項目の反映

「メイド・イン・ヘブン」名の通り、時を加速し過ぎて、着いてこれないのでは?

もういい加減、スキン弄るの止めます笑


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

ありがとうございます。
スキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/fa645aa4a5ea1e2fef4afff217af10a4ee3d7fcd

投稿者:: @chu-ya

もうやれる事はないかな?

ちなみにメイド・イン・ヘブンスキンでは、画像の拡大効果が使えないのは、どういう意図によるものなのでしょうか?

Cocoonに搭載されているライブラリーではなく、スキン独自のもので良いので、個人的には、何かしら拡大効果が使えると嬉しいです。


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

●意図

投稿者:: @yhira

画像の拡大効果が使えないのは、どういう意図によるものなのでしょうか?

WP6.4で「画像」ブロックに、Lightbox設定が追加された為、Cocoonの「画像の拡大効果」をオフとしています。

→デメリットとして一括で拡大できない。

http://chuya.s239.xrea.com/temp/image/


●要望について

投稿者:: @yhira

Cocoonに搭載されているライブラリーではなく、スキン独自のもので良いので、個人的には、何かしら拡大効果が使えると嬉しいです。

スキンは独自に拡大に関係は手を付けていません。
スキン制御で、設定を止めただけです。

→わいひらさんの意見、動作確認をしていないので、少し確認を兼ね時間を頂けると助かります。

 

 


   
わいひら reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

WP6.4から図のように、「画像」ブロックに「クリクで拡大」を設定でき。
こちらの方が直感的と思え。


●問題点

既存の画像に対し、Cocoonの拡大効果を設定してある場合、反映しなくなり。
この為、「拡大効果なし」を止め、スキン制御から除外し、選択できるようにしました。

skin-made-in-heaven2.0.1.zip

 


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

投稿者:: @chu-ya

WP6.4で「画像」ブロックに、Lightbox設定が追加された為、Cocoonの「画像の拡大効果」をオフとしています。

→デメリットとして一括で拡大できない。

確かに。機能がオフになっている理由として納得です。
承知しました。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

投稿者:: @chu-ya

既存の画像に対し、Cocoonの拡大効果を設定してある場合、反映しなくなり。
この為、拡大効果の抑止を、廃止しました。

skin-made-in-heaven2.0.1.zip

書き込んでいるうちに書き込みが。
後で確認してみます。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

v2.0.1にアップデートし画像の拡大効果が使えるのを確認しました。
当サイトでも適用させていただきました。


   
chu-ya reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

@yhira さん

スキンをskin-made-in-heaven2.1.0.zipとしました。

実害の無い、変更をしました。

  • ダークモードにした際、見出しH2デザインの配色が悪く、色を修正しました。
  • カスタマイザーで、カラーピックアップした際、サニタイズ処理を追加しました。
  • カスタマイザーのCSSの書き方悪かったので、修正しました笑

 


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

バージョンアップありがとうございます。
スキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/1654414725f5507534b7df2b7bdb59b863cbbff1


   
chu-ya reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

スキンをskin-made-in-heaven2.1.1.zipとしました。

●内容

  • style.cssの来歴誤記2023→2024修正
  • 2.0.0でカラーパレットを追加しましたが、削除しました。

   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

●削除の経緯

小難しい事をしており笑

以下のようにカスタマイザーの基本カラーに連動して、動的にカラーパレットを変更してます。

add_filter('block_editor_color_palette_colors', function($colors) {
  $main_color = get_theme_mod('hvn_main_color_setting', HVN_MAIN_COLOR);
  $rgb = hvn_color_mix_rgb($main_color, 0.15);
  $hover_color = $rgb['hex'];

  $add_colors = array(
    array('name' => __('スキンカラー1' , THEME_NAME), 'slug' => 'hvn-main-color' , 'color' => $main_color),
    array('name' => __('スキンカラー2' , THEME_NAME), 'slug' => 'hvn-hover-color', 'color' => $hover_color),
  );
  $colors = array_merge($colors, $add_colors);

  return $colors;
});

カラーパレットのカラーを設定し直した場合、再度、エディターを開かないと、変更したカラーが、例えば、見出しブロックの「見出し部分」に反映されない。

パレット変更に応じ、以下のカスタムCSSが出力され。
単純に、以下の値を参照している部分は反映される。

html .body .has-hvn-main-color-border-color {
  border-color: #81d742;
}

しかし、見出しブロックの「見出し部分」は、ブロックにカラーコードが埋め込まれ、CSSプロパティ変数を参照する。

この為、カスタマイザーの基本カラーと同期できず、いつ設定したカラーか分からなくなり。
結果、パレット追加を削除しました。

 


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

●ご報告

「メイド・イン・ヘブン」の原型となったスキンから、機能を分離したプラグインを放置しており。
どのスキンでも、アピールエリアに、動画、スライドを設定できます。

今となっては、patternショートコードと、カバーブロックを利用すれば、簡単に動画を配置できますが笑

https://ss1.xrea.com/chuya.s239.xrea.com/temp/plugin-appeal-expansion/

 


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16487
 

スキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/ea14e5b25086df79c45aaab2f691072acc4c3382

プラグイン、違うスキンを使っているけどフロントページをリッチにしたい方には、手軽で良さそうですね。


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2267
Topic starter  

@yhira さん

申し訳ありません。
style.cssの履歴の誤記修正したが、アップしたzipファイルが古いままでした。

ファイルを差し替えたので更新願います。
skin-made-in-heaven2.1.1.zip


   
返信引用
固定ページ 4 / 4
共有:

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

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

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

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

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

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

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

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