サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年2月9日 10:12
以前から連絡していたスキンですが、公開致します。
スキン機能→本体への移行に伴い「再利用ブロック」メニュー、ショートコードは削除して、対応してあります。
わいひら reacted
2024年2月9日 19:05
ありがとうございます。
もう1個の対応も近いうちにやろうと思います。
2024年2月15日 17:32
比較テーブルの装飾機能を追加しておきました。
https://github.com/xserver-inc/cocoon/commit/c9125b011f593b241786ed34aadc073bc728ddab
とりあえずJSX化とかはせずそのまま移植しました。
トピックスターター 2024年2月15日 18:40
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.0.2
カテゴリー数：10
タグ数：11
ユーザー数：1
----------------------------------------------
追加されている事を確認しました。
この為、スキンから、削除しました。
●要望
一読、操作してみて良ければ、本体への追加おご検討願えたらと思います。
①インラインボタン
記号と同じで、Gutenbergに、インラインボタンがあると表中にボタンが配置でき。
ボタンと言っても、SWELLのように、凝ったことをせず、リンクテキストに既存のCSSクラスbtnをspanでラップするだけですが。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/inline-button/
②投稿一覧のクイック編集
スキンで管理画面、色々と使い勝手を上げる工夫をしています。
掲載している、クイック編集に、メタディスクリプション、管理者設定で、メタディスクリプションのカラム追加があると使い勝手が良いかと思います。
メタディスクリプションを入力せず、本文抜粋で済ませている事が多いかもしれません。
未入力の時、いちいち、記事毎に編集画面を開く手間がなくなり。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/dashboard-menu/
わいひら reacted
2024年2月15日 19:09
ご対応いただきありがとうございます！
その他の要望も後で確認して取り入れられるものは取り入れたいと思います。
パターン一覧にパターンショートコードをコピペできるようにカラムを追加しておきました。
大門未知子 reacted
2024年2月15日 19:14
1つ質問よろしいでしょうか。
スマホ画面でテーブル装飾を使用した時かつCocoon設定で「横幅の広いテーブルは横スクロール」を有効にした場合の表示って添付画像このままが良いでしょうか。
それともメディアクエリ等で調整した方が良いのでしょうか。
トピックスターター 2024年2月15日 19:24
これ良いです！！！
今まで、パターンIDを転記していました。
管理画面は、実際に使用していて思った事や、既にネットに上がっているアイデアを、勉強を兼ね反映しています。
リッチテキストメニューは、他ユーザーとのやり取りで、スキンに反映していた要望です。
地味な機能ですが、かなり使い勝手が良くなるかと思います。
最終的に、他ソースに合わせJSXにして下さい笑
2024年2月18日 19:27
①インラインボタン
記号と同じで、Gutenbergに、インラインボタンがあると表中にボタンが配置でき。
ボタンと言っても、SWELLのように、凝ったことをせず、リンクテキストに既存のCSSクラスbtnをspanでラップするだけですが。https://ss1.xrea.com/chuya.s239.xrea.com/temp/inline-button/
これって現在スキンで実装されているのは黒色ボタンだけですよね？
可能なら色々な色のボタンが欲しいですね。
SWELLを見てみたんですが同様の機能ってありますか？ちょっと見てみただけでは気づきませんでした。
トピックスターター 2024年2月18日 19:36
これって現在スキンで実装されているのは黒色ボタンだけですよね？
可能なら色々な色のボタンが欲しいですね。
YES、黒のみです。
無いより、有るだけで、CSS変更できるので。
お試し程度に30分程度で追加しました。
ボタンの色は、パレットで変更できれば、CSS書けない人にはありがたいですね。
ただ、どこまで頑張るか？工数との兼ね合いだと思います。
少なくとも、スキンのようにリンクテキストに、CSSクラスが付けば、CSSで対応するのも一つの方法ですし。
●ご参考
SWELLを見てみたんですが同様の機能ってありますか？
2024年2月18日 20:02
ボタンの色は、パレットで変更できれば、CSS書けない人にはありがたいですね。
ただ、どこまで頑張るか？工数との兼ね合いだと思います。
もしかしたら方法があるのかもしれませんけど、これまでの体感的にはインラインの一部だけサイドのパレットで変更するのは難しいのかもしれません。
SWELLのその場所も見たんですが見逃していました。。
可能そうならいくつか色が選べる似たような機能を実装できればと思います。
※ちょっと時間はかかると思います。
トピックスターター 2024年2月18日 20:06
可能そうならいくつか色が選べる似たような機能を実装できればと思います。
私はマーカーと同じような考えていいのでは？
決められた色(CSSクラス)に切り替えるだけで、十分に思え。
工数次第、わいひらさんの判断ですが笑
トピックスターター 2024年2月18日 23:21
現状でも、工夫する事で、ボタン背景色を設定できます。
テストとして、cssクラスをin-btnに変更してみました。
ポイントはハイライトを用い、テキストリンクの背景に色を付けます。
但し順序がありますが。
- 段落でテキスト入力
- テキストにリンク追加
- インラインメニューからインラインボタン選択
- ハイライトで背景色設定
.in-btn:has(mark) mark,
.in-btn:not(:has(mark)){
border-width: 2px;
border-style: solid;
color: var(--cocoon-custom-text-color, #fff);
background-color: var(--cocoon-custom-background-color, #333);
border-color: var(--cocoon-custom-border-color);
font-weight: bold;
border-radius: 4px;
display: inline-block;
cursor: pointer;
line-height: normal;
padding: 7px 13px;
text-decoration: none;
text-align: center;
font-size: 14px;
position: relative;
transition: all 0.3s ease-in-out;
}
.in-btn:has(mark) mark:hover,
.in-btn:not(:has(mark)):hover {
opacity:0.7;
}
a .anchor-icon {
display:none;
}
わいひら reacted
トピックスターター 2024年2月19日 01:28
＞わいひらさん
https://github.com/xserver-inc/cocoon/blob/02d9591877974d1f5673530b5927286051463001/style.css#L1805
すみません、上記ですが、:hasの位置間違えていました。
対象は記号を持っている、セルのみです。
table td:has(.s-circle, .d-circle, .triangle, .cross) {
height: 60px;
}
わいひら reacted
2024年2月19日 20:03
すみません、上記ですが、:hasの位置間違えていました。
対象は記号を持っている、セルのみです。
ありがとうございます。
修正しておきました。背景アイコンはどこにでも入れられるので一応thも含めておきました。
https://github.com/xserver-inc/cocoon/commit/222cfab7c1daa16b662d1ea94bbd96212875450b
2024年2月19日 20:06
私はマーカーと同じような考えていいのでは？
決められた色(CSSクラス)に切り替えるだけで、十分に思え。
工数次第、わいひらさんの判断ですが笑
マーカーみたいにドロップダウン式のメニューを置くなら、マッカーと同じことをすれば良いのでそれほどかなり簡単かも。
ただ現時点でかなりツールボタンが増えすぎているので、それをしても良いものかと思っています。
2024年2月19日 20:20
ポイントはハイライトを用い、テキストリンクの背景に色を付けます。
但し順序がありますが。
確かに。そうすれば色は反映できそうです。
クリック一発ではなく複数操作で順番があるのはちょっと裏技的で使い方に癖があるものになりそうです。
色々な手段を検討してみます。
トピックスターター 2024年2月19日 20:43
マーカー
ツールボタンが増えすぎているので、それをしても良いものかと思っています。
工数掛けなくてもいいかと思います。
マーカーと同じで、インラインとは別メニューで、簡易的なもので十分かと思います。
ボタンとは別classで、大中小か？赤青緑か？と数種類とし、0より1の考えで、100点である必要はなく。
トピックスターター 2024年2月20日 01:17
インラインボタン、現状でも簡単に作成する事ができ事に気付き。
順序はありますが。
- リンクテキスト作成。
- リンクテキストにハイライトで背景色を設定。
以下のCSSを追加すれば、ボタン風になり。
a mark {
border-radius: 4px;
display: inline-block;
line-height: normal;
padding: 7px 13px;
transition: all 0.3s ease-in-out;
}
a mark:hover {
opacity: 0.7;
}
2024年2月20日 20:02
インラインボタン、現状でも簡単に作成する事ができ事に気付き。
順序はありますが。
ありがとうございます。
ただこれだと本来のハイライト目的で使用できなくなるので採用は難しいかもしれません。
2024年2月23日 19:34
とりあえず現在の状態で近日、v2.7.1そしてバージョンアップしたいと思います。
その後、chu-yaさんのスキンをv2.7.2で同梱したいと考えております（スキンの追加をメインとしたいため）。
同梱の際、以下のような紹介記事を書くのですが
https://wp-cocoon.com/skin-grayish-topfull/
その記事にこちらのサイトへのリンクを貼って良いのでしょうか。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/
2024年2月23日 20:04
承知いたしました。ありがとうございます！
トピックスターター 2024年2月24日 17:43
スキンのインラインボタンの仕様を変更し、CSSクラスを.btnを止め、独自CSSクラスとし。
アピールエリアなどと、同一デザインに変更しました。
この為、ボタンカラーは、他と同様にカスタマイザーに準じます。
結果、1種類のみに。
親の仕様によって、削除するかもしれません。ご了承下さい。
2024年2月24日 19:17
承知いたしました。
2024年2月27日 20:25
当サイトでメイドインヘブンスキンを試せるようにしておきました。
https://wp-cocoon.com/downloads/?theme-switch=skin-made-in-heaven
ただ見た目が添付画像のようになってしまいました。
2024年2月27日 20:26
ただ他の開発環境で試してみると添付画像のような変数群が出力されて問題ないようです。
どうやら当サイトでは、hvn_color_css()関数の出力がうまくいっていないように思います。
これらのインラインスタイルの変数が出力されない原因について何か思いつく要因などありますでしょうか。
トピックスターター 2024年2月27日 20:40
●現象
インラインhvn-color-inline-cssが、一式出力されていません。
●考察
自分の2サイトともそのような現象はなく、原因が分かりません。
functions.phpで、require_onceで、lib下の各関数群を呼び出しています。
これが全く呼ばれていないように思えます。
wp_enqueue_scripts自体が呼ばれていない。
スキン制御のみしか反映されていない。
スキン切替えデモの動作の違いでなにかあるかと推測します。
わいひら reacted
トピックスターター 2024年2月28日 00:24
●原因/対策
親テーマを選択し、親スキンを選択すると正しく動作する。
子テーマを選択し、親スキンを選択すると正しく動作しない。
functions.phpで取得するパスで、一部テーマパスを参照していた。
functions.phpを修正しました。
●別件
アイコンボックスのプロフィール、コメントの背景色が薄い為、引用と同じ背景色の変更しました。
また、Ver表記ですが、1.0.0→0.0.1にしました。（機能アップしていないので笑）
ご了承下さい。
●ご参考
わいひら reacted
トピックスターター 2024年2月28日 00:58
●追記
style.cssも修正してあります。
対策ファイルはskin-made-in-heaven0.0.1.zipとなります。
わいひら reacted
2024年2月28日 23:59
パス取得部分が原因だったんですね。
すいません。僕がちょっと見ただけでは、その原因に思い当たりませんでした。
当サイトに適応したところ、美しい表示になりました。
修正いただきありがとうございます！
トピックスターター 2024年2月29日 02:28
修正いただきありがとうございます！
すみません、「先頭に固定表示」で、重複表示(2ページ以降の投稿の場合)されるのを防止の為、非表示としており。
本来、元々1ページに表示される投稿も、非表示になり。
この為、style.cssから余分な部分を削除しました。
対策ファイルはskin-made-in-heaven0.0.2.zipとなります。
●ご参考
わいひら reacted
トピックスターター 2024年2月29日 11:44
Cocoon公式サイトに「メイド・イン・ヘブン」をデモ選択し、気付いた事があり。
マニュアルにも注記してありますが、カスタムHTMLがある為、テキストウィジェットは使用不可としています。
Cocoon公式サイトのサイドバーなど、テキストウィジェットを使用しており。
この為、本スキンを選択すると、サイドバーから表示が消えてしまいます。
可能ならカスタムHTMLへの変更を願いたく。
2024年2月29日 21:03
スキン適用のページですが、サイドバーのウィジェット[C]新着記事、[C]最近のコメントの、見出しを入力した方が、見た目が揃い。
また、カスタマイザーで好みの見出しデザインを設定して下さい
タイトルを入力しておきました。カスタマイザーは、デモだと使用できないのでサイトにスキン適用した時に設定してみようと思います。
対策ファイルはskin-made-in-heaven0.0.2.zipとなります。
スキンをアップデートしておきました。※バージョンが変わっていなかってようなのでインクリメントしておきました
https://github.com/xserver-inc/cocoon/commit/181517397d00ff9aa4059a6f5a322716d461525a
マニュアルにも注記してありますが、カスタムHTMLがある為、テキストウィジェットは使用不可としています。
テキストウィジェットはWordPress標準のウィジェットで使用している人も多いかと思います。
スキンを気に入って変更した方が、急にテキストウィジェットが消えていると困る方も結構出てくるのではないでしょうか。
トピックスターター 2024年2月29日 23:01
※バージョンが変わっていなかってようなのでインクリメントしておきました
ありがとうございます。
テキストウィジェットはWordPress標準のウィジェットで使用している人も多いかと思います。
スキンを気に入って変更した方が、急にテキストウィジェットが消えていると困る方も結構出てくるのではないでしょうか。
カスタムHTML(WP4.8でサポート)とテキストと同じなので、カスタムHTMLのみとしました。
テキストを利用可能に変更しようと思います。
WP標準と、Cocoonで類似したウィジェットがあり。
WPの「最近のコメント」は無効としてます。
結局、どこまでデザインを作り込むか？と言う話になり、結構面倒で、避けていた部分です笑
トピックスターター 2024年3月1日 01:05
テキストウィジェットを使用可能にしました。(functions.php)
一部、CSSを見直しました。(style.css)
対策ファイルはskin-made-in-heaven0.0.3.zipとなります。
2024年3月1日 18:47
WP標準と、Cocoonで類似したウィジェットがあり。
WPの「最近のコメント」は無効としてます。
これなら作成したコンテンツを放り込むわけではないので、問題なさそう。
対策ファイルはskin-made-in-heaven0.0.3.zipとなります。
ありがとうございます。
スキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/7f303339fb076dff23e149334dd6f4c3791b7f04
大門未知子 reacted
トピックスターター 2024年3月2日 03:13
度々すみません。
スキンは、見出しデザインを、メニュー追加できるよう機能があります。
tmpファイルのように、上書きするよう作ったつもりが、参照先が固定になっていました。
対策ファイルは、skin-made-in-heaven0.0.4.zipとなります。
●ご参考
http://chuya.s239.xrea.com/temp/ver0-0-3/
●余談
フォルダー直下に、スクリーンショット画像を置いており。
分かり難いと思うので、screenshot.pngにファイル名を変更しました。
不要なら、以降、zipから削除します。
わいひら reacted
2024年3月3日 05:11
ご修正いただきありがとうございます！
スキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/d5db7af38e42ff8e8f79e8c9c83c22f54b8fd0f1
大門未知子 reacted
トピックスターター 2024年3月3日 11:09
@yhira さん
https://github.com/xserver-inc/cocoon/tree/master/skins/skin-made-in-heaven
- screenshot.png
- skin-made-in-heaven.png
上記ファイルは同じ画像です。
本画像は、Screenshot URIの画像です。
他のスキンのScreenshot URIのURLがim-cocoon.netとなっている為、同梱しました。
不要なら、GitHubから削除願います。
トピックスターター 2024年3月3日 15:16
ラベルボックスと、ブログカードの、ラベル部分のletter-spacingが違い事に気付き。
スキンのstyle.cssを修正しました。
対策ファイルは、skin-made-in-heaven0.0.5.zipとなります。
わいひら reacted
2024年3月5日 18:55
skin-made-in-heaven.png
こちら削除しておきました。
加えて、Screenshot URIを設定しておきました。
https://github.com/xserver-inc/cocoon/blob/82321853d4837667bd727b7d955a2f45f1383e78/skins/skin-made-in-heaven/style.css#L7C18-L7C82
対策ファイルは、skin-made-in-heaven0.0.5.zipとなります。
スキンもアップデートし当サイトにも適用しておきました。
https://github.com/xserver-inc/cocoon/commit/e0858f47e51c10bcf6c6e6f084122d1cbd93d9a0
この投稿は10か月前ずつわいひらに変更されました
大門未知子 reacted
トピックスターター 2024年3月6日 01:48
Cocoon公式のページにスキンを適応させた際、バグを見付け。
以下の対応で少し時間を頂きたく。
- 投稿SNSボタン上の[C]プロフィール
480px以下の時、縦型になるが、元々のデザインで枠を付けていないので、違和感があり。 - 投稿SNSボタン下のウィジェット
ウィジェットにタイトルが無い時、SNSフォローボタンとの余白がなく、くっついてしまう。
わいひら reacted
トピックスターター 2024年3月6日 04:46
スキンのstyle.cssを修正しました。
対策ファイルは、skin-made-in-heaven0.0.6.zipとなります。
●ご参考
わいひら reacted
トピックスターター 2024年3月6日 19:37
リストスタイルを追加した時、マーカー位置がずれるバグを見付け。
skin-made-in-heaven0.0.6.zipを差し替えました。
すみませんが、最新版をダウンロード願います。
わいひら reacted
2024年3月6日 19:53
修正頂きありがとうございます。
メイド・イン・ヘブンスキンをアップデートしておきました。
https://github.com/xserver-inc/cocoon/commit/7fb2930365aff598eeb34fe1d73fb0b74e6641dd
当サイトにも適用しておきました。
固定ページ 1 / 6
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。