Cocoonフォーラム

前略、pkei さん 先日、新着記事ショートコードで、エントリーカードっぽい表示にするCSSのコードを書いてみたのでリンクを貼ってみます。 ただ、あくまでショートコードなので、デフォルトのトップページのようにエントリーカードの下にページネーションは表示されませんし、カテゴリーラベルも...

ヒキガエルさん フッターモバイルボタンから、スライドインメニューを表示すると、サブメニューも表示されるかと思います。 フッターモバイルボタンの設定方法 独自のカスタマイズによる不具合は、サポートの対象外となってしまうようですので、ご注意ください。 69e41...

ヒキガエルさん Cocoonのマニュアルページを読み返してみましたが、やはり、以下記述があるようです。 モバイルヘッダーナビでは、ドロップダウン状のサブメニューは表示できません。 モバイル用のグローバルナビメニューを設定する方法

@ichiichiichi さん 外出していたので、不十分な回答となり、すみませんでした。 エントリーカードのサムネイル画像については、アスペクト比がバラバラですと、エントカードの高さが揃わず、散かったような印象に見える場合があります。 アスペクト比が同じであれば、エント...

前略、ヒキガエルさん 表示スペースの関係かと思われますが、それは、そのような仕様だったと思います。 モバイルフッターボタンの方をタップすると、サブメニューも表示されるかと思います。

ichiichiichiさん あと、カードガードタイプの大きなカードも、トリミングされないかもしれません。 ちょっと出先なので、覚えている範囲での解答なので、すみません。

ichiichiichiさん タイルカード意外のカードタイプでは、トリミングされてしまうので、トリミングされても良いように、アイキャッチ画像を作成するときに、画像の方の設計をサムネイル画像のアスペクト比に合わせる必要があります。

ichiichiichiさん カードタイプを変更したときは、サムネイル画像の再生成が必要かもしれません。

前略、ichiichiichiさん 今、出先なので簡単に説明します。 トップページに並ぶエントリーカードのサムネイル画像のアスペクト比は、基本的には、固定です。 ですので、アスペクト比に合わない部分はトリミングされる仕様です。 cocoon設定のインデックスタ...

tk さん あと、最近では、サイトのSSL化は必須になってきているようです。 親テーマ、子テーマの問題が解決したら、サイトをSSL化すると良いでしょう。 後回しにすると、アップロードした画像のURLを変更しなければならない等、面倒なことになってきます。 最初の...

前略、tk さん はるさん 横から失礼いたします。 WordPressのサイトをカスタマイズする際は、必ず、子テーマを導入しましょう。 親テーマでカスタマイズをしても、アップデートした際に、カスタマイズしたものが失われてしまう可能性が高いです。 親テーマ・...

YYTBD さん スニペットをサムネイル画像の右側にした場合で、モバイル端末でスニペットの7目の文字の頭が見えてしまう場合は、max-heightの数値を調節すると良いかもしれません。 @media screen and (max-width: 480px) { .ect-entry-ca...

rumi さん もし、上記の説明でも難しいとお感じになる場合は、有償となってしまいますが、初期設定を以下のリンクのプロの方に依頼する、という方法もあります。 Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

rumi さん １のヘッダーのデザインに関しては、Ilkumi さんの記事が参考になるかと思います。 [Cocoon] ヘッダー画像サイズと選ぶポイント ヘッダーの背景画像は、横幅680pxでは、小さいので、若干ぼやけてしまうかもしれません。 可能であれば、横...

rumi さん ２に関して 緑色の鳥？のようなものが映っている画像は、「背景画像」に設定されているようです。 ダッシュボードの「外観」→「カスタマイズ」→「背景画像」と辿って、背景画像を削除して、すぐ上にある「公開」ボタンをクリックして、変更を確定すれば、消せるかと思います。

rumi さん １に関して 書き込まれた文章の内容から推察しますと、ヘッダー部分の画像のこととお見受けしました。 ヘッダー部分の画像の設定は、Cocoon設定の「ヘッダー」タブで行います。 過去のトピックでちょうど参考になりそうなものがありますので、リンクを貼り付けて...

前略、rumi さん お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただき、高速化設定を無効にして、環境情報を貼り付けていただければと思います。 やはり、実際のWebサイトを拝見した方が正確な情報が得られます。 3b153479...

YYTBD さん 以下のコードで試せるかもしれません。 @media screen and (max-width: 480px) { .ect-entry-card .card-snippet { clear: none; margin-left: 40%; }}

きりたにさん もし、記事の下の方のエリアに移動してしまっている場合は、ドラッグして、右のサイドバーへ移動できるみたいです。 記事の下の方のエリアにも見当たらない場合は、右上の３つのドットボタンから、設定を表示して、該当ツールにチェックが入っているか確認してみてください。 ...

tabata さん あそには、新幹線の駐車場？があって、様々な種類の新幹線を見ることができました。 20年ほど前によく子供を連れて、見に行きました。 今でも富士山が見えるんですね。

tabata さん ウィジェットエリアの「インデックスミドル」の中にフェイスブックボックスのウィジェットか何かが入っているようです。 それを削除すれば、余白はなくなると思います。 ad05b5b4e1909af6d64b42f736b3754a.png

前略、きりたにさん 今、出先なので、よく確認てきていませんが、消えた項目が、記事の下の方に移動していませんか？ 下向きボタンを操作して、サイドへもどせませんでしょうか？

Tabata さん あと、広告が挿入される設定によって、広告スペースが、挿入されていて、空白ができるケースもあります。 その場合は、広告の設定を見直す必要があるかと思います。

前略、Tabata さん いま、出先なので、簡単にですが、縦型カード2列は、左右のカードの高さを揃える仕様になっていますので、左右のカードの文字の行数が異なると、行数が少ない方に余白ができるのかもしれませんね。 実際のURLをご提示いただいていないので現状がどうなっているなか、全くわ...

前略、YYTBD さん いま、あまり時間がないので、簡単にですが、Cocoon設定では、できなかったような気がします。 CSSでの独自のカスタマイズが要るかもしれません。 ただ、やってみるとわかるかと思いますが、スニペットをサムネイル画像の右にすると表示幅が狭くなり、よみ...

前略、もりや さん アドセンスの広告は、アドセンス側の設定で、自動広告の設定をOFFにしておかないと、表示位置を制御することはできないかと思います。 アドセンス側の自動広告の設定をOFFにして、設定する広告コードは、レスポンシブ広告のものを、コピーして広告タブの広告コードのところに貼...

@yhira さん いいえ、トピ主さんではない方を、トピックにご案内してしまった私の案内方法がよくなかったようです。

@usako20 さん あまりお役にたてず、すみません。 余談ですが、サイドバーの「最近の投稿」ウィジェットを「新着記事」ウィジェットにすると、「人気記事」ウィジェットと同様に、サムネイル画像が表示されるかと思います。

@usako20 さん そうなのですね。 だとすると、素人では、ちょっと対処が難しい問題なのかもしれません。 仮にデータベース辺りの問題だった場合等は、Xサーバーのサポート、もしくは、WordPressの修復のプロに依頼する、などの方法が考えられます。 【Wo...

@usako20さん 一括操作の場合は、チェックを入れたプラグインに対しての操作になります。個別でもどちらでもできるかと思います。

@usako20 さん だとすると、埋め込みコードが原因ではない、ということになりますね。 あと試すとしたら、 １．別のブラウザ（Firefox、Edgeなど）に変えてログインして試してみる ２．プラグインを全て一旦停止した状態で、保存できるか試してみる ...

きりみさん ブラウザの拡張機能や、セキュリティソフトなどで、JavaScriptの広告を表示させない設定にしている場合、広告が表示されないかもしれません。そちらもご確認ください。 参考トピック a8.の広告URL（コード）が本番画面に表示されない。

@usako20 さん Cocoonのフォーラムから、コピーして、直接カスタムHTMLブロックに貼り付けていますよね？ それとも、一旦、どこかに貼り付けたりしていますか？

@usako20 さん Windows10のパソコンで拡張子を表示する方法は以下のリンクの記事でわかるかと思います。 Windows10 - ファイルの拡張子を表示/非表示にする 「隠しファイル」については、パソコンの動作に重要なファイルを隠す機能ですので、隠したままにし...

@usako20 さん その前に、32ビットというのは、割と古いパソコンに採用されていた規格です。 最近のものは、ほとんど64ビットになっています。 その点は、大丈夫ですか？ Windows10 - 32ビット版か64ビット版かを確認

@usako20 さん ちなみに、はるさんが貼り付けてくださった、書き込みから、埋め込みコードをコピーして、カスタムHTMLブロックに貼り付けたら、どうなりますか？

newbie さん 「遅延読み込み」を英語にすると、「lazyload」ということです。 解決したようで、よかったです。

@usako20 さん はるさんが貼り付けてくださった埋め込みコードと、@usako20 さんの貼り付けてくださった、画像の埋め込みコードを見比べてみると、@usako20 さんの貼り付けてくださったコードの方が、とても長いですね？ もしかしたら、取得している埋め込みコードが違うのか...

@mukonosou7 さん 内部ブログカードでしたら、こっちのやり方の方が簡単かもしれません。 ブロックエディターで手っ取り早くブログカードを作成する方法

@mukonosou7 さん 「SILK」というスキンを使うと、縦型のブログカードに作れるかと思います。 「SILK」には豊富なオプションがあるようです。 ブログカードを横にならべる機能もあるみたいです。

@mukonosou7 さん これは、どこで情報を得られたのでしょうか？ ショートコードは、通常、ブロックエディタ―では、ショートコードブロックに貼り付けます。

@usako20 さん パソコン上では、office ソフトの Excel や Word などでも、文字を扱うことはできますが、文字の情報の他に、文字の大きさや、色などの純粋な文字の情報とは別の情報を含んでいる場合がよくあります。 そういった、文字の大きさとか色などの情報を含んでいな...

@usako20 さん ちょっと、テキストエディターについて、言葉の齟齬があるようです。 Instagramを貼り付けるだけのために、旧エディターに戻す必要はないと思われます。（たぶんですが・・） 次で「テキストエディター」の説明をします。

IS さん 部分的にSILKのデザインを適用するには、CSSでの独自のカスタマイズが必要になります。

@mukonosou7 さん 新着記事のショートコードのマニュアルページは、以下のリンクです。 新着記事一覧を表示するショートコードの利用方法（オプションもいろいろ） カスタマイズのCSSの記述場所は、主に、その追加CSSと、子テーマのstyle.cssの２箇所です。...

前略、IS さん スキンをSILKにしてみると、どうなりますか？

@usako20 さん 埋め込みコードをofficeなどのソフトに一旦貼り付けたりは、していないんですね？ テキストエディターは、何をお使いですか？

@usako20 さん 上の書き込みに貼り付けていただいた、５つのURLのうち３つまでは、はるさんのやり方で問題なく埋め込めたので、埋め込みが出来ない理由は、埋め込みコードの取り扱いに何か問題があるのではないかと推測した次第です。

埋め込みコードは、JavaScriptのコードだったのですね。 usako20 さん 埋め込みコードを Microsoft officeのエクセルとかワード等に一旦貼り付けたりしていませんか？ 埋め込みコードや、CSSのコード、JavaScriptのコードを扱うと...

@haruinoue さん はるさんのやり方が今日はできたので、やってみたら、問題なく埋め込むことができました。 しかし、４つ目を試そうとしたら、リンク先が表示されず、以下のログイン画面になってしまうようになりました。  a5155a150778fe0d31f19486...