Cocoonフォーラム

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

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

やっぱり、 .mobile-header-menu-buttons .menu-icon:nth-of-type(3),.mobile-header-menu-buttons .menu-caption:nth-of-type(3) { color: #fff;} これじゃあ、直接の子要...

疑似クラスは、こっちかな？

ネットで調べてみると、疑似クラスは、原則としてセレクタの最後に記述すると書いているサイトもあるけど、以前見た記事で、途中に書いても効くというような記事を読んだ記憶もあり、「原則」ということは、原則でない場合も許されるものなのか、ちょっと私には、よくわからない部分もあります。（どなたかご教示くださ～い...

ダイバー さん 私も「nth-child」や「nth-of-type」を使い慣れていないので、間違っているかもしれません。 でも、間違った書き方をして、なんで効かないんだろう・・というのもまた、勉強になるので、それも有り？ 効かなければ、修正すれば何とかなりますし。 ...

ダイバー さん 前述のCSSでは、全てのボタンが同じ色になってしまうので、個々のボタンそれぞれに固有の色を設定する場合は、また違った指定をしなくてはならないのかもしれません。 かと言って、そのボタン固有の ID や class が付与されていない場合には、親要素に対して、何番目の子要...

前略、ダイバー さん 通常なら、たぶん以下のようなものだったと思うのですが、カスタマイズされている場合は、実際のページで検証しないと何とも、わかりません。（かと言って、実際のページをご提示いただいても上手くいかない場合もあるかもしれません。） .mobile-header-menu-butt...

@tanaka さん そういえば、Simplicity2 には、たしか、head内に簡単にコードを挿入する機能があったような気がします。 この件に関しては、もう少し具体的なご提示があれば、わいひらさんが何らかの回答をくださるかもしれませんね。

@tanaka さん Cocoon設定の「アクセス解析・認証」タブの「ヘッド用コード」でもhead内に挿入することはできるかと思いますが、ソースコードでは、 <!-- Other Analytics --> というコメントで挟まれる格好になります。 他には、ダッシュ...

前略、tanaka さん アドセンスの審査用コードや、アドセンスの設定やアナリティクスの設定は、Cocoonでは、Cocoon設定から行うことができますが、それとは別のコードでしょうか？

@rom さん その場合は、 #container .sidebar .sns-buttons a { border-radius: 50%;} のところを、 #container .sidebar .sns-buttons a { border-radius: 50px;...

@rom さん ボタンを円形のまま、サイズを変えたいときは、 .sidebar .sns-follow-buttons a { width: 45px;} のところを、 以下のように変えてください。 .sidebar .sns-follow-buttons a { wi...

@rom さん 他は、大丈夫そうな感じです。 PCでもイケてるっぽいですね。 あれ、ボタンは３つでしたっけ？

@rom さん SNSボタンのCSSのすぐ上のCSSのメディアクエリの閉じ括弧が足りないっぽいです。 @media (max-width:834px){ .sub-menu{ box-shadow: none!important; } もう一つ、一番下に閉じ括弧を付けてください。 ...