Cocoonフォーラム

@あおこ さん ちょっと、酔っ払い運転ですが・・ @media screen and (max-width: 1023px) {.content-in {display: flex;}#main.main {display: block;margin: 0.5%;width: 67%;}di...

@あおこ さん なるほど、そういうことですか・・ 少し、お待ちください。

おすしさんのサイトの場合は、1023pxが切り替えポイントみたいですね。 もし、Cocoonでも、出来るようでしたら、CSSのコードも紹介していただけると、皆さん、参考にできるかもしれませんね。 頑張ってみてください。

べつに、私は、おすしさんの担当じゃないのですが・・ こんな記事ありましたよ。 PCとスマホでヘッダー画像を切り替える方法 私は、やったことないですが・・ Cocoonでも、出来るかどうか、おすしさんが試してくださると、皆さんも真似できるかもしれませんね...

@sarukoさん なるほど、そういうことですか・・

もう一つの簡単な方法としては、Cocoon設定の「カラム」タブの設定でカラム幅を狭くする、という手もなくはないですが、先ずは、何しろ、実際に、コンテンツを書いて入れてみるのが一番かと思います。 コンテンツを入れることによって、表示されていなかった項目なども、表示されるようになってきますの...

だとしたら、あまりオススメはできないかもしれません。 おそらく、タブレットを横にすれば、サイドバーは表示されるような気がします。 Cocoonの画面幅による表示の変遷は、多くのユーザーのニーズに合わせて、何度も練り直されてきています。 サイトを拝見しますと、まだ、...

間違っていたら、ごめんなさい。 「タブレットを縦にした状態でも、サイドバーを表示させたままにしたい」ということでしょうか？  b242504a8859f2c76ee17326577a6a98.png

え？ どこに、そんなこと書いてありました？ 何かの間違いでは？

AKiraさんが、ハイテクなら、私は、ローテクで、Cocoon設定の「エディター」タブの設定で、「エディターにテーマスタイルを反映させる」のチェックを一旦外して、変更をまとめて保存のボタンで確定し、再び、「エディターにテーマスタイルを反映させる」のチェックを入れて、変更をまとめて保存ボタンで、確定す...

私は、WordPressのエラーについては、詳しくないのですが、詳しい方であっても、エラーコードだけでは、状況がよくわからないだろうと推測します。 フォーラム冒頭の案内にありますとおり、お差し支えがなければ、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けて...

実際のサイトを見てみないと、何とも、よくわからないです。 適当に大雑把に書けば、 #main-scroll { background-image: url("画像へのパス");} こんな感じでしょうか。 でも、実際は、もっと調整が必要かと思います。

気になるところがある、と書いておいて、その後、書き忘れていたら、Akiraさんが書いてくださった！

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

@mainagi さん 私もmainagiさんのサイトにアクセスしてみましたが、普通に表示されています。 やはり、投稿画面の不具合については、なかなか難しいようですね。 投稿画面の不具合については、しばらく放置していたら、元にもどった、などというケースもあります。 ...

@mainagi さん 責任を持ってください、と言われちゃうと困るのですが・・ やはり、親テーマが２つ、というのは、おかしいので、どちかを削除して、そのあとに、ダッシュボードの「更新」のところで、最新版にアップデートする、というのはどうでしょうか？ アップデートのお知らせ...

私のiphoneのsafariでも修正されているようです。  Zenda.png

@mainagi さん 念のため、一応確認なのですが・・ Cocoon設定の「エディター」タブの設定で、「エディターにテーマスタイルを反映させる」のところは、チェックが入っていますでしょうか？ 6b27aeda2191a2c0ad088f183e69e5ee.png

@zunda さん 親テーマのフォントファミリーの指定が、ヘルベチカが優先になっているようです。 もうすぐ、わいひらさんが、何か書き込んでくださるかと思います。

@mainagi さん CSSの記述もちょっと気になるところがあります。 とりあえず、外しますね。

@mainagi さん もう少し、詳しく調べたいのですが、ちょっと小用があります。 私はこのフォーラムではスキルが低い方ですので、他の方が原因に気づくかもしれません。 わいひらさんも、19時30分前後には、フォーラムに来てくださるかと推測します。 その頃に、時...

@mainagi さん いままで、１年ほど、このフォーラムを読んでいますが、不具合の原因は、プラグインに起因していることが多いです。 もちろん、プラグイン意外の不具合であることもなくはないのですが、先ずは、原因の切り分け作業として、プラグインを停止して、不具合が再現されるかどうかを確...

@mainagi さん 先ほどのRTLの件と、投稿画面の不具合の関連性については、私には、わかりません。 ただ、投稿画面自体もHTMLでWebサイトとして表示されています。 ブラウザのキャッシュをクリアしてみても、損は、ないかと思います。 もちろん、関連性がな...

@mainagi さん もし、心配だったら、このサイトから子テーマをダウンロードして、その中の 「style.css」のファイルをテキストエディタで開いてみれば、同じ記述がありますよ。

@mainagi さん 自己責任となりますが、手入力したのであれば、間違っている可能性は高いですね。 新しい方は、私のサイトのものをコピーしたものです。

mainagiさんのサイトの子テーマでは、 @charset "UTF-8"; /*! Theme name:cocoon child Template: cocoon-master version: 0.0.5 /* /************************...

子テーマのRTLサポートの記述が、違うような気がします。 RTLサポート

投稿画面の不具合は、難しいことが多いので、私のようなロースキルの出番ではないかもしれませんが、環境情報を、拝見しますと、なぜか、子テーマのバージョンが異常に古いようです。 それと、今回の不具合と関連性があるかどうかは、わからないのですが、このバージョンの古い子テーマは、どこからダウンロー...

iphoneでキャッシュをクリアした後で見てみましたが、修正されていないようです。 キャッシュ系のプラグイン等を使っておられるのでしょうか？ フォントファミリーの指定がヘルベチカのままです。 世界一使われているフォントのリニューアル／ 既存フォントとのフォルムの違...

サルワカさんの見出しデザインを適用させるには、通常なら、以下のような感じだろうと推測されるのですが、何分、プラグインの影響が、よくわからないので、私もよくわからないです。 ん？なんか変な書き方だなぁ・・ h1.entry-title::before, h1.archive-t...

添付された画像を良く見たら、別の見出しのデザインを充てようとしているみたいですね。 別のデザインに変えたい、というのであれば、また、案内の方法が違ってきます。 どうなんでしょうか？ どのデザインにしたい、等々。

以下のような感じかと思われますが、サイトの外観に影響するプラグインをお使いのようですので、効くかどうかわかりません。 また、試すときは、キャッシュ系のプラグインの影響を受けない状況下で試すことをオススメします。 h1.entry-title::before, h1.archi...

@courmayeur さん 丁寧な解説をありがとうございます。 ?

@nagomi-mori さん nagomi-moriさんが記憶にないのであれば、私は、尚更、わからないのですが、それを言っては、元も子もないので、ご自身では絶対に書き込んでいないというのであれば、何らかのプログラムで書き込まれたのかもしれません。 このフォーラムを１年ほど見ておりま...

@churu さん フォーラムには、自分の時間を割いて、隙間の時間に書き込んでいるので、私も、質問の意図を読み間違えることはよくあります。 きっと、わいひらさんが何か書き込んでくださるでしょう。 ?

@courmayeur さん HTMLで出来る方法は、既にご紹介した通りです。 mantaさんが出来たのだから、courmayeur さんにも出来ると思いますよ。 [解決済] プロフィールページURLのリンク先私は、やったことないですが・・

「外観」→「カスタマイズ」→「追加CSS」の中の一番下に、お書きになられている、 @media (max-width:834px){.article-header.entry-header {height: 360px !important;}} このコードが原因です。

フォーラム冒頭の案内にありますとおり、高速化設定を無効にして、環境情報を貼り付けてください。  3b1534797f95d48d29b3710ea5689244.png

@あられ さん 子テーマのCSSの、 /************************************** レスポンシブデザイン用のメディアクエリ************************************/ より下に書いたコードには、括弧が足りない箇所が数か所ありま...

@Hisamoto Yoshiko さん Cocoonの機能が正常に働かない場合は、Cocoon意外の要因である、プラグインを先ず外して、Cocoon機能が正常に働くかどうかを確かめます。 この時点で正常に働くようであれば、プラグインのうちのどれかが、障害となっている事が考えられます...

@hisamoto さん PCの調子が戻ったようで、何よりです。 protect-uploads については、外してもいいものなのか、そうではなくて、どうしても必要なものなのか、外す場合にはどうすれば良いのか等々、サーバー会社のサポートに聞いてみるのも一つの方法かと思います。 ...

@marine さん お差し支えなければ、どこで引っかかっていたのか、書き込んでいただけると、他の方々の参考になります。

@あられ さん CSSのメディアクエリの書き方ですが、メディアクエリというのは、入れ子の構造になっています。 例えば、幅が480px以下の画面だけに適用させたいときは、 @media screen and (max-width: 480px){ここにスタイルを指定する} このように指定...

@あられ さん CSSを書く場所を少し変えてみてください。 子テーマのCSSに書くのは同じなんですが、ちょっと位置を変えます。 上の方に移動します。 @charset "UTF-8"; /*!Theme Name: Cocoon ChildTemplate: cocoon-mast...

@あられ さん CSSはちゃんと書き込まれているようですが、なぜか効きませんね。 差し支えなければ、環境情報を、コピーして貼り付けていだだけますか？

@あられ さん スマホも３つ横並びがご希望なんですね？ とても、ちっちゃいので、見づらいですけども。 CSSは、子テーマの一番下に書きましたか？ 下の画像はPC表示。 bd2887cbb6144d3090ae76f3c1d7bd3b.png

またまた、適当に・・ @media screen and (max-width: 480px){#popular_entries-13 .popular-entry-cards.large-thumb-on a {width: 48%;}} 参考程度・・ まとまりのない、無責任な書き込みで...

斜め読みで、あまりよく理解していなのですが、以下を足したら、横にならびました。 .popular-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on {display: flex;} トップページ限...

@yhira さん 私のiphoneでも細く表示されます。 キャプチャ無しですみません。

過去トピックのリンクを貼るのを忘れてました。 解決済] プロフィールページURLのリンク先