Cocoonフォーラム

@yamachan11 さん 出来たみたいですね。 ? おめでとうございます！  23141a35f8afea13400b641cbbaacabc.png

動画を貼ってみます。  c78975959415c116e85239e075552e5b.gif

@yamachan11 さん そもそもの話になりますが、ボックスメニューは、グローバルメニューの表示形式のひとつでは、ありません。 なので、通常のヘッダーメニューとしては、使用できないかと思います。（通常のヘッダーメニューを非表示にすれば代用できなくはないかと思いますが・・） ...

前略、みやこ さん この説明では、「タブ」がどんなものなのか、読んだ人には、わかりません。 また、「カテゴリのURLを表示させたい」というのも、どこに、どんな風に表示させたいのか、全くわかりません。 みやこさんがおっしゃっている「タブ」とは、どんなものなのか、実際のペ...

@yamachan11 さん テストサイトでやってみたら、すぐに出来ました。  982d84f266826499ab6d88b396589a0b.png

@yamachan11 さん 「作成したメニューをウィジットからドラッグ＆ドロップする」のではなく、[C]ボックスメニュー ウィジェットをドラッグ＆ドロップするような気がします。  246c616c1f6bdc74f1cbf3a58ad645ba.png

@yamachan11 さん あと、メニュー構造のところの「ヘッダーメニュー」と「ヘッダーモバイルメニュー」のチェックを外さないとグローバルメニューになっちゃいますよね。  519de16dbd928eea85bc2c08775eece9.png

@yamachan11 さん ボックスメニューを使ったことがない私が書きこむのもなんですが・・ 利用できるウィジェットには、[C]ボックスメニュー しか出てこないんじゃないかと思われます。 [C]ボックスメニューを開き、作成したメニュー名の「ボックスメニュー２」を選択すれば良...

前略、Yamachan11 さん ちょっと小用で時間がないため、雑な書き込みになっちゃいますが・・ 私は、ボックスメニューは、まだ使ったことはないのですが、Yamachan11 さんのサイトのソースコードを拝見しますと、グローバルメニューになっちゃってる気がします。 ボッ...

前略、みかん さん スキンのCSSの指定で100px以上の高さに指定してあるみたいです。 以下のCSSで高さを初期値に戻してみるとどうなるでしょうか？ @media screen and (max-width:480px){ .header div.header-in { ...

@yhira さん safari（といってもipadですが）とIEで、はみ出していないことを確認しました。

@yhira さん Firefoxでは、はみ出さないようになりましたが・・・IEが・・・あまりないケースだろうから、ま、いっか。

@yhira さん ２ページ目を表示してみてください。 おそらく、原因となるトピックが２ページ目に移動したんだと思います。

mami さん スキンの「Season」のシリーズを選択した場合でも、Cocoonのデフォルトの表示に近いカタチで表示されるように、試しにCSSを書いてみました。 @media screen and (max-width: 1023px){ .navi-in > .menu-mo...

@のぶ さん おそらく、かうたっくさんは、PC表示で、display: none; で非表示にしている、ヘッダーモバイルボタンを表示させれば、デフォルトのハンバーガーメニューが使えるだろうと、考えたのだと推測します。 モバイル表示のときの、ヘッダーモバイルボタンのCSSをデベロッパー...

@のぶ さん 間違えているかもですが、Cocoonの機能では、PC表示でハンバーガーメニューにする機能はなかったような気がします。 なので、過去のトピックの方は、「ヘッダーモバイルボタン」の左側にデフォルトで表示される、ハンバーガーメニューを利用したのだと思われます。 ヘ...

前略、nomura さん 以下の過去のトピックは、参考になりますでしょうか？ アドセンス審査コードが貼り付けできません

前略、のぶ さん 過去のトピックに似たようなものがあったので、貼ってみます。 [解決済] PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです 私、個人的には、ハンバーガーメニューは、画面スペースが狭く、メニューを設置するスペースも限られているスマホ等で、仕方なく考...

もしかしたら、「javascript.js」じゃなくて、tmp フォルダ内の「footer-javascript.php」かもしれませんね。 私には、さっぱりわかりませんけども。

以下の関連リンクの方法で修正できそうな感じです。 レスポンシブでtableの横幅がはみ出す時 css – ブロックレベルから文字がはみ出してしまう

確かにはみ出しちゃってるみたいですね。  09a704a3957030f43469fd4fc27ee333.png

前略、mami さん 選択されていらっしゃるスキン「Season (Winter)」のCSSの指定がそのようになっているようです。（意図してそのようにデザインされているのか、不具合なのかは、わかりませんが・・） 私もテストサイトで、スキンを「Season 」にしてみたら、同じようにな...

前略、ドドド さん つい先日も同じようなトピックがあったような気もしますが・・ .mobile-header-menu-buttons .menu-icon,.mobile-header-menu-buttons .menu-caption { color: お好きな色;} これだと...

ゆうすけ さん そ、そ、そんな高度な内容を聞かれても、私にはすぐには答えられません。 ? 最初に書いてなかったし・・（すぐ言い訳け ? ） でも、プラグインであれば、管理画面的なものも、本当はあるのかも・・・ たぶんですが、わいひらさんが何か書いてくださるで...

前略、ゆうすけ さん 私は、JavaScriptは、よくわからないのですが、以下のコードだと、どうなるでしょうか？ $('.slicknav_menutxt').text('メニュー'); もちろん、適当に書いてみただけです。

@HMTS さん もし、文字の太さに関するCSSの記述が難しいと、お感じになる場合は、無理にCSSを記述する必要はありません。 Cocoonのデフォルトの指定でも、いろいろな端末で、ある程度は適切に表示される仕様になっているはずです。

@HMTS さん CSSのコードに余分な文字が含まれていると、不具合を起こしたり、記述が有効にならない場合があります。 また、前述しましたとおり、bodyタグに font-weight を指定することは、あまりオススメできません。 さらにまた、CSSを記述する場合には、文...

@HMTS さん 子テーマのCSSを拝見したところ、余分な文字が含まれてしまっているようです。 これは、何らかのソフトからコピーした、とか、Windowsのメモ帳からコピーした場合などに起こる問題かと思います。 9ff62525c3d14abd04e65979478a6...

HMTS さん 前述のとおり、日本語のフォントは太さのバリエーションが少ないので、通常は、デフォルトの「normal」で表示させ、見出しや、強調したい部分などに「bold」を適用させている場合が多いように思います。 私も、現状では、その方が良いのかなと思います。 ですので...

前略、HMTS さん 現在、子テーマのCSSに以下のような指定をされていらっしゃるようですが、CSSのセレクターが足りないような気がします。 /*834px以下*/@media screen and (max-width: 834px){ /*必要ならばここにコードを書く*/ font-w...

@sun さん ヒントになるかどうかわかりませんが、適当に書きこんでみます。 .container table tr:nth-of-type(2n+1) {/*奇数行のセル*/ background-color: #fafbfc;/*背景色*/}.container table td ...

@momo さん 先にも貼りけた、以下の過去のトピックの内容は既に確認されていらっしゃいますか？ [解決済] ブログトップページのプロフィールが反映されない件について

@ikumi さん ということは、試していないのですが、以下のように書けば、良いのではないかと思われます。 .wp-block-file.c-color-salmon a.wp-block-file__button { background-color: salmon;/*サーモン色*...

@ikumi さん 例えば、高度な設定でクラス名を c-color-salmon とすると、以下のように、ブロックにクラスが追加されるようです。 <div class="wp-block-file c-color-salmon"><a href="http://dem...

@ikumi さん ikumiさんの試された「高度な設定」で クラスを設定すれば、個々のボタンの色を別の色にすることもできそうです。 クラスの名前は、WordPressや、Cocoonで使われていない、オリジナルの名前を設定します。 使うのは半角アルファベットとハイフンと...

@ikumi さん CSSを適用範囲を絞るときは、よく .article h2 { のように半角スペースで繋げて子孫セレクタで用いることが多いのですが、HTMLの同じタグ内にある、要素 や id や class を半角スペースを空けずに繋げることで、適用範囲を絞ることもできるようになって...

@ikumi さん ローカルのテストサイトで png ファイルで試してみたら、画像の拡大効果を「なし」にすると、ダウンロードのダイヤログが表示されました。 しかし、画像の拡大効果を「なし」以外の４種類の、いずれに設定しても、画像の拡大効果として表示されちゃいました。

@ikumi さん 他テーマで、できたのに、Cocoonでは・・というのは、画像の拡大効果と関係があるのかもしれませんね。 画像の拡大効果を「なし」にすれば、png でもイケるかも？ わいひらさんは、映画見てるかも。 ba4f622ba33feefc2578...

@ikumi さん へえ～、そうなんですね。 ブロックエディターだと、ダウンロードボタンを簡単に設置できるんですね。 面白そうなので、やってみようかな・・ あ、そうそう、ダウンロードボタンのセレクタがわかったので、色やデザインも変えられるっぽいです。 .w...

前略、momo さん プロフィールウィジェットの不具合はなかなか解決に至らない場合もあるのですが、サイト内検索で、関連トピックを探してみると、他にもあるかもしれません。 [解決済] ブログトップページのプロフィールが反映されない件について

WordPressの「ファイル」ブロックを使うことにより、ボタンの方のリンクに 値の無い、download属性が付与される仕組みになっているようです。 新しく設定したダウンロードボタンが機能しない理由は、わかりませんが、機能している方と機能しない方のHTMLの構造を比較してみると、何らか...

前略、ikumi さん いつもお世話になっております。 私は、ダウンロードボタンを設置したこともない初心者ですが、上手く機能している方のHTMLの構成を拝見しますと以下のようになっているようです。 <div class="wp-block-file"><a re...

@ダイバー さん もし、固定値にして、何らかの支障が出てしまった場合は、ロゴの上側にマージンを付ける手もなくはないですが、これもやってみないと、わかりません。 _:-ms-lang(x)::-ms-backdrop, .header-container-in.hlt-top-menu .lo...

@ダイバー さん ググってみたら、どうも、IE11の Flexbox のバグみたいです。 現状では、以下のような指定があるため、バグが起こるみたいです。 .header .header-in { min-height: 70px;} 以下の記事によると、「IE11...

@ダイバー さん あら、ほんとですね。 ちょっと、ググってみますか・・

前略、@ダイバーさん 以下のCSSで試してみると、どうなるでしょうか？ ブラウザをいろいろ変えて、チェックしてみてください。 .header-container-in.hlt-top-menu .logo-header img { vertical-align: middl...

@yhira さん そうだったのですね。 では、もし、サンドボックスにお問い合わせをいただいたときは、本来のジャンルにトピックを立ててくださるようにお願いしてみますね。 今回は、すみませんでした。

@ダイバー さん あら、同じ色でよかったんですね。 ?