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

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

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

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

スキンについて

203 投稿
3 ユーザー
85 Reactions
2,249 表示
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16568
 

投稿者:: @yhira

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

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

This post was modified 1か月前 by わいひら

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

投稿者:: @yhira

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

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


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

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


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2325
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年前
投稿: 16568
 

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


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

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

This post was modified 1か月前 by わいひら

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

●ご連絡

skin-made-in-heaven1.0.1.zip

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

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


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

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


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

@yhira さん

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


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

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


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

●ご連絡

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

skin-made-in-heaven2.0.0.zip

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


●雑談

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

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

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

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


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

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

投稿者:: @chu-ya

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

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

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


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2325
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年前
投稿: 2325
Topic starter  

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


●問題点

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

skin-made-in-heaven2.0.1.zip

 


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

投稿者:: @chu-ya

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

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

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


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

投稿者:: @chu-ya

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

skin-made-in-heaven2.0.1.zip

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


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

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


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

@yhira さん

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

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

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

 


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

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


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

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

●内容

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

   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2325
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年前
投稿: 2325
Topic starter  

●ご報告

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

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

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

 


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

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

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


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

@yhira さん

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

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


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

スキンの履歴修正版に差し替えておきました。
https://github.com/xserver-inc/cocoon/commit/1022eacc19bd44e02dd73fc7e7d38fd3080902c3


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

●ご連絡

スキンの通知エリアの仕様を変更
通知メッセージエリアに、複数メッセージ入力するのは辛い為、patternを使えるようにしました。

恐れ入りますが、更新願います。
skin-made-in-heaven2.2.0.zip


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

スキンをアップデートさせていただきました。
https://github.com/xserver-inc/cocoon/commit/716bede89ae9ad6cc5514b58d7a7fcb038cb0160


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

●ご連絡

以下の軽微ばバグを修正しました。

  • スキンの更新日アイコンが一部異なり。
  • また、ダークモードの時、FAQのテキストが黒で見えず。

日々お願いし、申し訳ありません。

skin-made-in-heaven2.2.1.zip


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

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


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

閲覧者が、一覧ページの表示順を選べるテーマがあり。
一覧ページ(is_home())をソートする機能を考えてみました。

これも、Cocoonテプレートフックが追加されたお陰です笑


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

●ご連絡

sitemapショートコードで作成した、リストがはみ出すバグを修正しました。
skin-made-in-heaven2.2.2.zip


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

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


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

●ご連絡

タグクラウドのドロップダウン表示など機能追加しました。

skin-made-in-heaven2.3.0.zip


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

スキンをアップデートさせていただきました。
https://github.com/xserver-inc/cocoon/commit/d5e5f459f9370bfcc6df810baa0c855605fdce68


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

記号入力、マーク増えてますね笑


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

そうなんです。
一応英語翻訳に対応しているテーマなので、アメリカ圏向けにチェックマーク(✓)は入れておきたいなと思っておりました(※エディターの◎○△×✓?ドロップダウンはまだマルチバイト文字で未翻訳だけど)。
他テーマに習って?も不明な場合用に追加しました。
ただ?の色は△と同じなので、?の色だけはまだどうしようかちょっと迷っております。
オレンジとかでも無難なような気もしますが、感覚的に黄色もしっくりきてて。


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

●ご連絡

タグクラウドのドロップダウン表示で、

skin-made-in-heaven2.3.1.zip


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

●関連

https://wp-cocoon.com/community/postid/78940/

●不具合

上記の件、スキンに不具合があり、タグが正し閉じられていません。
この為、圧縮した際、JSエラーが発生となったと推測します。
フロントページのはローディング画面などのチラツキ防止で、bodyを一旦、visibility:hiddenとしています。
これをJSで解除しており。
この為、JSにエラーがあると、投稿の状態になります。

 


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

skin-made-in-heaven2.3.1.zip

に修正、反映しました。


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

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


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

前回のスキンVerが間違えていました。
また、スキンが出力するカスタムCSSに、エラーがあり修正しました。

skin-made-in-heaven2.3.2.zip

 


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

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


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

2点、修正しました。

  • スキンSILK同様、パターンを登録してありますが、カテゴリー設定していなかったので、未設定となっており。これを設定しました。
  • カスタマイザーの文言に誤記があり修正しました。

skin-made-in-heaven2.3.3.zip


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

上記ですが、あとで、見出しブロックのスタイルを追加したので、2.3.3ではなく。
以下となります。

skin-made-in-heaven2.4.0.zip


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

スキンをアップデートさせていただきました。
https://github.com/xserver-inc/cocoon/commit/d7f10ddad249727f6cec63069c1351001676df93


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

サムネイルですが、16:9固定を変更しました。
オプションに応じ、Cocoon設定の比率になるよう機能追加しました。

skin-made-in-heaven2.5.0.zip


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

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


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

スキンに隠しオプションがあり、defineに修正しました。

skin-made-in-heaven2.5.1.zip


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

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


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

ブログカードのラベルのアイコン、文言が固定の為、Cocoon汎用ブロック内にブログカードを入れる工夫をし、CSSを追加しました。

skin-made-in-heaven2.6.0.zip


   
わいひら reacted
返信引用
固定ページ 4 / 5
共有:

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

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

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

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

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

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

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

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