Cocoonフォーラム

@nattu55 さん サイトにアクセスしてみました。 カテゴリーは設定されているようです。 お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただき、キャッシュ系のプラグインを停止して、環境情報を貼り付けていただければと思います。 ...

masabonさん ブラウザのデベロッパーツールの使い方をマスターすると良いと思います。 WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方 上のリンクは、何年か前にテーマ作者様が書かれた記事です。 Chromeのバージョン...

@masabon さん 単純なコピーミスです。 ?

@masabonさん 先頭のピリオドを付け忘れました。 ? .article .wp-block-image { margin-bottom: 0; line-height: 0;}

@nattu55 さん だとすると、カテゴリーが作成されていない、また、カテゴリーを設定した記事を、まだ公開していない、といったことが考えられますが、心当たりはありませんか？ 下書きだけだと、表示されないかもしれません。

@masabonさん article .wp-block-image { margin-bottom: 0; line-height: 0;} すみません。これで消えると思います。

前略、nattu55 さん ウィジェットのページを下へスクロールしていくと、「使用停止中のウィジェット」という項目があるかと思います。 そこにありませんか？  4ea3ec57653328d7a86dee8ed8e74b84.png

mel さん とりあえず、アップデートできたのは、良かったと思います。 やはりそうでしたか・・ 以前、フォーラムに同様のお問い合わせがあったのですが、どうやっても解決できなかったことを覚えています。（別のレンタルサーバーでしたが・・） とりあえず、Body...

前略、masabon さん .article .wp-block-image { margin-bottom: 0;} と、指定すれば、隙間は無くなるのですが、この指定ですと、サイトの本文の画像ブロック全てに適用されてしまうかもしれません。 ですので、適用したいところだけ...

mel さん 同じサーバーを使っている、というような書き込みを、期待していたのですが、いまのところ、いただけないようですね。 「人気記事」が表示されないことと、Cocoonのアップデートの件は、分けて考えた方が良いのかもしれないのですが、「2月になって新規に作ったサイト」も同じレンタ...

@mutta06 さん カスタマイズは、どのように、なさっても自由かと思います。良いと思ったことを書かせていただいた、というだけですので・・

@mutta06 さん Cocoonのトップメニューとヘッダー固定を組み合わせて使えば、似たようなデザインには、できるような気がします。（スクロールしたときに、グローバルメニューが一旦、消えて、上から降りてくるような感じではありますが）  75c27465c54a86fea5e21...

@mutta06 さん グローバルメニューのCSSのカスタマイズでの固定をやめて(お書きになったCSSのコードをコメントアウトして)Cocoonのヘッダー固定機能だけを使ってみてはいかがでしょうか？ Cocoonの標準の機能を使った方が、上手くいくような気がします。

@mutta06 さんHTMLの構造を考慮しますと、#container のコンテナは、サイトのコンテンツ全てを包んでいるコンテナのようです。 ですので、 #container { padding-top: 62px;} の指定を使わずに済む方法を見出した方が、私は無難だと思います。 ...

@mutta06 さん 私の環境では #container { padding-top: 62px;} を指定している場合、PCで、一旦、下方へスクロールしたあと、上にスクロールすると、サイト上部に余白ができてしまうようです。 6491947f5373d4ec33ec45096ab...

@yhira さん 貼り付けてみます。 .article h2:before,.article h2:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; he...

Alko さん 私のスマホでアクセスすると、添付いただいたものと同じ見出しのデザインになっているようです。 現在も、その「シンプルな黒太字のもの」になっているのでしょうか？ Alko さん あと、フォーラムにお問い合わせの際は、フォーラム冒頭の案内にありますとおり...

前略、mutta06 さん もしかしたら、これも要るかもです。 .entry-content { margin-top: 0;}

mel さん ご提示ありがとうございます。 このレンタルサーバーは、私は、初めて知りました。 FTPソフトが使えれば、通常なら、手動でアップデートできそうですが、ちょっと、私の知らないレンタルサーバーなので、手動でアップデートすれば大丈夫です、とは言いにくいところがあ...

mal さん そうなのですね。 ちなみに、どちらのレンタルサーバーか、伺ってもよろしいでしょうか？ ※フォーラムへの画像の添付は下「参照」ボタンから画像ファイルを選択すると可能です。

ぼぶ さん 昨日より拝見しておりました。 カスタマイズも良いかもしれませんが、Cocoonの標準の機能を使って作っておくのもメンテナンスのことを考えると無難かもしれません。 余談ですが、お顔の写真は、もう少し小さくした方が良いかもしれません。 上手くデザインな...

mel さん これは、人気記事の表示とは無関係かもしれませんが、Cocoonの親テーマのバージョンが、少し古いです。 Version: 2.1.4.3 は、2020年4月22日にリリースされたものですので、10ヶ月以上更新されていらっしゃらないようです。（最新バージョンは、2.2.7...

前略、mel さん テーマ作者様がフォーラムで回答をくださるのは、夜になってからの場合が多いようです。 その際に、環境情報があった方が良いような気がします。 環境情報を貼り付けていただくと良いかもしれません。 3b1534797f95d48d29b3710e...

@yhira さん .article h2 { position: relative; display: table; padding: 0 55px; margin-left: auto; margin-right: auto;}.article h2:before,.art...

@yamachan11 さん Cocoon親テーマのファイルサイズは30MBもあるので、サーバーによっては、インストールできないらしく、対策として、5MB程度の低サイズ版を用意してくださっているようなのです。

@yamachan11 さん おそらく、匿名さんは、間違って低サイズ版をインストールしたのだと思われます。

匿名さん プラグインの PageLayer 1.4.7PopularFX Website Templates 1.1.6 は、停止するだけでは、Cocoonのデフォルトの表示にならないかもしれません。 削除した方が良いかもしれません。

匿名さん スキンがちゃんと表示された後でも良いかと思いますが・・ 現在お使いのCocoonの親テーマは、低サイズ版のようですので、最新版の正規バージョンにアップデートする必要があります。 Cocoonテーマをインストールする方法 ただ、手順としては、子テーマを...

前略、匿名 さん プラグインの PageLayer 1.4.7PopularFX Website Templates 1.1.6 を停止してみてください。 もし、必要のないプラグインでしたら、「削除」した方が良いかもしれません。

ぼぶ さん ロゴ画像で上手くいかなければ、ヘッダーの背景画像でやってみるというのも試してみてもいいかもしれません。 以下関連トピックです。 ヘッダーが見切れる件

ぼぶ さん グローバルメニューの背景色やボタンの背景色を透明にしたりする必要もあるのかどうなのかも、よくわかりませんし、そもそも上手くいくのかもよくわかりませんが、自分で作業するぶんには、自己責任なので、何を試してもいいのではないかということで・・ お粗末さまです。

ぼぶ さん あとは、以下のリンクの方々にお見積りを依頼してみるというのも悪くないと思います。Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

あとは、Cocoonの通常のグローバルメニューの上側のマージンをマイナスにするか、ロゴ画像の下側のマージンをマイナスにするとか、実際にやってみないとわかりませんが、デフォルトのグローバルメニューを利用してなんとかならないものかと、やってみる、というのはどうでしょうか？ #navi { ...

前略、ぼぶ さん 私はPHPの素養がないので、CSSだけでなんとかならいものかと弄ってみました。 ヘッダーロゴは、以下のコードで、画面幅いっぱいに広げることができるような気がします。 /*ヘッダーロゴ画像を画面幅いっぱいに広げ、上下の隙間も無くす*/.header-in ...

rob_1902さん また、Cocoonでは、サムネイル画像のアスペクト比を６種類の中から選択できるようになっています。 テーマ全体のサムネイル画像の縦横比（アスペクト比）を変更する方法 アスペクト比を変更しない場合でも、トップページのカードタイプを変更したときに、サムネ...

この「フロントページタイプ」では、カテゴリーの表示の順番を変えたり、新着記事や、カテゴリーの新着記事のエントリーカードの表示数も変更できるようになっています。 「フロントページタイプ」には、まだ、詳しいマニュアルページがないため？か、あまり宣伝されていないように感じます。 ...

rob_1902さん さらにまた、トップページの話になりますが、Cocoonでは、サイト型のトップページを簡単に作成できる、「フロントページタイプ（β版）」という機能が備わっています。 Cocoonのフロントページを「タブ切り換え」や「カテゴリごと表示」にする方法 Coc...

rob_1902さん こちらについては、記事本文中の話ではなく、トップページやインデックスページのことと推測します。 トップページのカードタイプを変更するときは、Cocoon設定の「インデックス」タブの設定で、カードタイプを選択して変更します。 カードタイプを変更した...

rob_1902さん 以下は、ショートコード関連のマニュアルページのリンクです。 新着記事一覧を表示するショートコードの利用方法（オプションもいろいろ） 人気記事一覧を表示するショートコードの利用方法 Cocoonで使える[ショートコード]のオプションと使い方...

rob_1902さん ブログカード関連のマニュアルページのリンクです。 内部ブログカードを表示する方法 外部ブログカードの表示方法 ブログカードショートコードの使い方 マニュアルは少し前に書かれたものなので、クラッシックエディターでの利用方法を記載...

前略、rob_1902さん 私は99.9％素人なのですが、記事中に他の記事を紹介するときは、ブログカードを使うのが良いような気もしますが、ブログカードですと、記事のリンクを貼り付けるか、リンクをショートコードで挿入するかということになり、１つずつの設定になってしまいます。 新着記事シ...

前略、kusumasa さん 「謎の白い四角形」は、Cocoon設定の「アピールエリア」タブの設定の「テキストメッセージエリアを表示する」のチェックを外して、「変更をまとめて保存」のボタンをクリックすると、消えるような気がします。

全部つなげると、弾かれちゃう。  baf9a2de7d0d12e70e65c66829146e09.png

その次の抜粋。 .article h2:before { left:0;}.article h2:after { right: 0;}

次の抜粋。 .article h2:before,.article h2:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; height: 2px; bord...

抜粋したらどうか？ .article h2 { position: relative; display: table; padding: 0 55px; margin-left: auto; margin-right: auto;}

プラグインに嫌われたかも・・ ?

あら？私が弾かれたのかな？

これは、何で弾かれちゃったのでしょうか？

きりみさん 環境情報を貼り付けていただくと、どのような環境なのかがわかります。 環境情報をいただいても、解決するとは限りませんが、何らかのヒントは得られるかもしれません。（もちろん得られない場合もあるかとは思いますが・・） 3b1534797f95d48d29b...