Cocoonフォーラム

@おぎ さん 以下のCSSを試してみてください。 スキンによる位置指定の解除は、必要ですが、おぎさんが書かれたコードを修正しているコードについては、既に書かれた方のコードを修正してもOKです。 ご自身で書かれたコードとよく照合してみてください。 /*スキンによる位置の指定を解...

前略、おぎ さん フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。  3b1534797f95d48d29b3710ea5689244.png

@yhira さん 修正をいただき、ありがとうございます。 細かいことを書いて恐縮ですが、 「位置の管理」タブを開いたのち、「ヘッダーナビ」でパソコンで表示する用ののメニューを選んだあと、「変更を保存」ボタンを押してください。 「の」が続いてしまってい...

@もちまい さん 私もCocoonの仕様を全て理解している訳ではないので、グローバルメニューを非表示にする方法もあるのかもしれないです。 わいひらさんに聞いてみてください。 これだけ高機能のWordPressのテーマが無料で使えること自体に、私はとても感謝しています。 ...

@pmes さん 業務用のサイトを完成するまで、フォーラムで繰り返し質問される方が、たまにいらっしゃいます。 無料のフォーラムで回答を貰えれば、業務用のWebサイトの製作期間は大幅に短縮できるだろうとは思います。 フォーラムでも業務用のサイトに関する質問は、特にサポート対...

前略、pmes さん これは、アピールエリアの仕様じゃないかと思われます。 おそらく、モバイルメニューボタンほどカスタマイズは難しくはないと思いますので、ご自身でチマチマとカスタマイズなさってみてください。

@もちまい さん Cocoonには、メニューを設定できる箇所がたくさんあります。 ・ヘッダーメニュー・ヘッダーモバイルメニュー・ヘッダーーモバイルボタン・フッターメニュー・フッターモバイルボタン・モバイルスライドインメニュー どのメニューがどこの部位のメニューであるかを、先ず理解する必要が...

@もちまい さん どの部分のことを指しているのか、ちょっとよくわからないのですが、AMPを利用しないのであれば、何ら、関係ないと思われます。

@もちまい さん 細かい調整は、表示されるべきアイテムが、ちゃんと表示されてから、行う方が２度手間にならずに済みます。

@もちまい さん phpファイルは、phpの基礎的な知識を習得していない場合は、触らない方が無難です。

@もちまい さん おそらく、グローバルメニューは、まだ設定されていないんだと思います。 後々のことも考えると、フッター用のメニューとグローバルメニュー（PC用ヘッダーメニュー）は、メニューを別に作った方が、無難です。 また、ヘッダーメニュー（PC用グローバルメニュー）とヘッダーモバイ...

@pmes さん モバイルメニューボタンのカスタマイズは難しいので、もしかしたら、まだ、おかしいところが見つかってしまうかもしれません。（いろいろ試して、おかしいところがないか探してみてください） 過去のトピックのわいひらさんが書いたCSSのコードと比較しても、全然違うコードになって...

@pmes さん 前述しましたとおり、モバイルメニューボタンの装飾はとても複雑で、classセレクタも、同じclass名が多数の箇所で使われています。 ですので、カスタマイズするのは、なかなか難しいです。 .mobile-menu-buttons,.mobile-menu-but...

もちまいさん あと、モバイルメニューのメニューボタンは、確か、グローバルメニューを先に作らないと表示されなかったと思います。 グローバルナビのメニューを設定する方法 一応へっだーモバイルボタンの設定方法のリンクも貼ってみます。 自分でいろいろ変えることもできそうですね。 ...

前略、もちまい さん 以前と同じかどうかわかりませんが、「トップメニュー」にするとハンバーガーメニューっぽいです。 ちょっと、私は以前のトピックで尋ねられたため、カタカナ表記になっちゃってますけども。 ac7f4ec8313147206dfeccefa81bc7e3.p...

pmes さん モバイルメニューの構造は複雑なんですよね。 これでいいのかもしれません。 .mobile-menu-buttons,.mobile-menu-buttons .menu-button > a { background-color: #3399cc; co...

pmes さん なんか、これだけでもいい気がしてきました。 .mobile-menu-buttons { background-color: #3399cc;}.mobile-menu-buttons .menu-button > a { background-color:...

pmes さん 本当は、ボタンに、色を指定して hover 時に色が変わるようにしてあるみたいなのですが、スマホの hover時って指を離した時なんですよね。 どちらかと言えば active の時の方がわかりやすいのでしょうけれど、一瞬なので、気づかない場合の方が多いので、とりあえず...

前略、pmes さん ちょっと、試しに適当に書いてみました。 .mobile-menu-buttons { background-color: #3399cc;}.mobile-menu-buttons .menu-icon,.mobile-menu-buttons .menu-cap...

@yhira さん コントロールパネルで見てみると、新しい方は、1.47Gもあります。  Local2020-08-10-151339.png

@tasha さん 私もあまり詳しくないのですが、以下のような書き方もできるっぽいです。 #appeal { height: calc(100vw * 5/15);} 何が正しいのか、よく知らないんですけどね。 確かに、どんな画面幅であっても、キレイに表示されるようになり...

@tasha さん さきほど自宅に戻りました。 すみません。私の計算が間違っていました。 500px÷1500px＝0.333333 なので、 0.34ぐらいで試してみてください。 #appeal { height: calc(100vw * 0.34);}

@tasha さん 次に追加CSSにコピペしたコードは、一旦、全部削除してください。 その次に以下のコードだけをコピペしてみてください。 /*アピールエリアの高さを調整*/#appeal { height: calc(100vw * 0.3);}

@tasha さん 先ず、子テーマにお書きの以下のCSSは不要になりますので、削除してください。  a5fa900e03dfb39ad5ec777ecfa2eed0.gif

いま、出先なので、苦手なスマホ入力です。

気になるときは、「CSS コメントアウト」でググってみてください。

コメントアウトが、わからないときは、削除しても大丈夫です。

@tasha さん 必要なコードは、以下のものだけです。 他のコードは、不要です。 #appeal { height: calc(100vw * 0.3);}

私はわいひらさんのブログの記事で紹介されていた、Myrica というフォントが気に入って、インストールして使っています。

私はMacは持っていないのですが、Mac用の代表的なテキストエディタは、CotEditor とうのがあるみたいです。

フォントも、Windowsなら、「consolas」にしておくと、エルとアイ や ゼロとオーなどの区別がつきやすくなるかと思います。  508293f81770ca767d28d60b5cb884cc.png

@tasha さん 私のオススメのテキストエディターは、「Mery」です。 kuroさんという方が開発されています。 テキストエディター「Mery」 お使いのパソコンのOSに合わせて64ビットか32ビットのzip版をダウンロードして解凍し、パソコンの拡張子を表...

@おかぺー さん 具体的に広告のコードを貼り付けたページや位置などの情報があれば、詳しい方が回答をくださるかもしれません。

@tasha さん 子テーマにお書きの以下のCSSは、コメントアウトするか、取り替えてください。 /*スマホのアピールエリアの高さの調整*/ #appeal { min-height:150px; /* 最低の高さを300pxに指定 */ }

@tasha さん CSSのコードは、追加CSSにコピペでもOKです。 追加CSSは、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」で開けます。すぐ上にある「公開」ボタンで保存を確定できます。 CSSなどのコンピューター言語のコードを扱うときは、UTF-8（B...

tasha さん こっちで、問題ないようなら、こっちの方が簡単ですね。 いろいろなブラウザや、スマホで試してみてください。 d35d63aaddf61789e5c0387ed1abb96f.gif

tasha さん  751d4f251a814a45101a574f7112bd5e.gif

tasha さん アピールエリアのままで、以下のCSSを追記するだけでもイケるような気もしてきました。 #appeal { height: calc(100vw * 0.3);} あまり詳しく、試していないのですが・・ だだし、Cocoon設定のアピールエリア設定で、高さ...

@fuji さん サーバー移転だけでも難しい部分が多いのに加えて、マルチサイトであることで、更に難しさが増しているように思います。 両方を熟知していらっしゃる方は、少ないのではないかと推測します。

tasha さん これで上手くいくかどうかは、わかりません。 アピールエリア以外の方法を探っているのです。 35ec144362dfa698c2badb1858fd5b1c.png

前略、tasha さん Cocoonのサイトのアピールエリアのマニュアルにも記載されているように、アピールエリアの画像は、背景画像なんですよね。 背景画像ということは、画像自体に高さという情報がないので、エリアを別途に指定している訳です。その指定したエリアの背景として表示されているに...

@fuji さん 私は、マルチサイトを作った経験もないし、サーバー移転の経験もないので、どなたか詳しい方が書きこんでくださるのを待つか、やはり、WordPressの移転、修復のプロに依頼した方が無難なのかもしれません。

@fuji さん いろいろな要因が重なっているようにも思えるので、なかなか難しそうですが、サーバー移転は全てご自身で行ったのでしょうか？

@fuji さん また、例えば、マウス操作を簡単説明！ (エイチttps://glicina.net/mouse_operation-description/)というベージでは、画像のURLが、プラグインのJetpackのPhotonという機能でよく使われるような、CDNっぽいアドレスになってい...

@fuji さん 例えば、WordPress/p> 本来は、 src="https://glicina.net/wp/wp-content/uploads/2017/04/固定記事ID-2.png" となっていなければいけないはずなのに、 src="https://glic...

@yhira さん 私の環境には、新（Local）、旧（Local by flywheel）両方が存在しているようです。 ２つは、別のソフトなのかもしれません。 試しに 旧（Local by flywheel）バージョンの方でもサイトを作ってみたら、できました。 ...

あと、半角の数字は使っても良いのではないかと思います。

@fuji さん ソースコードを拝見しますと、Cocoon設定のどこかで、アイキャッチ画像を非表示にするように設定されているような感じなんですよね。（変だなぁ・・設定場所が違うのかな？） サーバー移転が問題なく完了している、とすれば、やはり、プラグインの 「WP Multibyt...

@fuji さん もうひとつ気になったのが、画像のファイル名に日本語を使っていらっしゃることです。 前述しましたとおり、私はサーバー移転の経験はないので、よくわからないですが・・ WordPress５から無くなったWP Multibyte Patchは必須なので手動インス...