Cocoonフォーラム

@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...

きりみさん ソースコードが圧縮されているようですので、プラグインかどうかは、わかりませんが、それを一旦解除してみたら、どうなるのかと考えた次第です。 プラグインを全て停止では、不便かと思われるので、とりあえず環境情報を貼り付けていただければと思います。  3b1...

前略、きりみ さん 「Javascriptをフッターで読み込む」は廃止されたため、現在、その項目の設定はないと思います。 私のローカルのテストサイトにコードを貼り付けてみたら、表示されるようです。 Cocoonの高速化設定をOFFにすると、表示されますか？ ...

前略、ごとうさつき さん Google AdSense の広告でしたら、広告の位置を制御するには、AdSenseのの自動広告の設定をOFFにする必要があるようです。 投稿・固定ページの本文中の基本的な位置の設定は、以下のマニュアルページに案内があります。 投稿・固定ページ...

@usako20 さん 試しにローカルのテストサイトのカスタムHTMLブロックに５つとも貼り付けてみましたが、ロコさんの書かれたとおり、文字列として表示されてしまいました。 Youtubeには、「埋め込みを許可する」という項目があって、許可していない場合は、埋め込んでも動画は再生され...

@usako20 さん 勝手な仮説を立ててみただけですが、エラーになる文字の組み合わせが有ったりするのかな？と考えてみたのです。 いつくかの文字の並びとか・・ エラーになる文字列のパターンがあるのではないかという・・でも見当違いかもしれません。

テストサイトでEWWW Image Optimizer の「遅延読み込み」を有効にしてみたのですが、広告はそのまま表示されているので、これが原因ではないみたいです。 でもEWWW Image Optimizer の「遅延読み込み」は無効にしておいた方が良いと思われます。

newbie さん あと、ちょっとどこで設定されているかわからないのですが、lazyload 機能をお使いになられているようです。 lazyload機能は、WordPress5.5から標準で同梱されているので、重複させない方が良いかもしれません。 プラグインのEWWW I...

hiname79 さん ちょっと、puppy さんとのやり取りが挟まってしまい、すみませんでした。 わいひらさんにトピックのクローズを解除していただきました。

はるさんとusako20さんのやり取りを拝見していたら、Instagramは別にして、やっぱりちょっと変だなと思いました。 「CJxB7hgFrdY」の文字列の中辺りになにかエラーになるものがあるのでしょうか？

@yhira さん ありがとうござます。 まだ、トピ主さんである、hiname79 さんから返信をいただいていないので、どうされたのかちょっと気になっています。

newbie さん お使いのブラウザにJavaScriptの制限がかかるような、例えば、広告ブロックのような拡張機能を設定したりはしていませんよね？ 例えば、いつも使っているもではない、他のブラウザで、ログインして試してみる、とか・・ 別のテストページに、広告コードを貼っ...

newbie さん 広告コードをコピーして、ローカルのテストサイトのカスタムHTMLブロックに貼り付けたら、私の環境では表示されてしまいました。 そうですね。 なぜかConoHa だけは、この問題があるようなので・・ 89cc3e47f73a2eb69ae8...

mukonosou7 さん ただ、最近は、人間が見ても違和感がほとんどなくても、CLS等のスコアが悪くなるようなこともあるのかもしれません。 320pxのサムネイル画像は、320pxで表示させておいた方が無難なのかもしれません。

mukonosou7 さん Cocoonのエントリーカードは、float を使っているので、スマホでスニペットがサムネイル画像の下に回り込みますが、私のコードは、flexbox なので、スマホでスニペットは、下に回り込まず、右側のままです。 スマホ表示のときに、横向きデザインにせず、...

mukonosou7 さん でも、調整すれば、やり方によっては、使えるかもしれません。 上の画像のショートコードは、以下のような感じです。 ショートコードに、独自の classを設定することも可能なので、他のウィジェット等に影響しないように、classを指定すれば良いかと...

mukonosou7 さん 上記のリンクのCSSのコードでショートコードにスニペットも指定してみたら、以下のようになっちゃいました。 やっぱり、調整を加えないといけないようです。 画像の表示は、無茶苦茶ぼやけてはいないかと思いますが・・少しだけ・・ a462...

mukonosou7 さん ただ、新着記事のショートコードで取得できるサムネイル画像のサイズは幅320pxのものになります。 上記のCSSでのカスタマイズですと、実際のサムネイル画像の表示の幅は、374pxとなってしまうので、良く見ると若干画像がぼやけます。（ぱっと見ではわからない程...

前略、mukonosou7 さん 例えば、こんなのとか・・ これは、スニペットは表示させていないので、スニペットを表示するときは若干アレンジしないと使えないかもしれません。

前略、Kaede.F さん 「SEO」タブの設定と、どちらがどのように優先されるのかは、ちょっとわからないのですが、「インデックス」タブの下の方の「投稿関連情報の表示」ところで、設定できるかもしれません。  413a51fbc7a768fcdaee78e21276437f....

newbie さん あと、これは別件になりますが、Cocoonの親テーマが若干古いようです。 最新版は、たぶん バージョン2.2.7ぐらいだと思います。 ダッシュボードの「更新」のところで、上手く最新版にアップデートできればそれで良いのですが、上手くいかない場合は、Con...

前略、newbie さん 広告コードを拝見しますと、JavaScriptのコードのようですので、「カスタムHTML」ブロック、というブロックがありますので、そのブロックに貼り付けてみてください。 ASPの広告コードは、「カスタムHTML」ブロックに貼り付けるタイプのコードが多いかもし...

usako20 さん WordPressでInstagramの埋め込みができない仕様になったのは、著作権の問題が大きいのかもしれませんね。 私は著作権も、よくわかりませんが、「Instagram 著作権」で検索すると、いろいろな記事がヒットするようです。 【2020年最新...

nkuroda さん あまり詳しくなく、お役にたてず、すみません。

前略、usako20 さん 私は、Instagramについては、サッパリわからないのですが、Instagramの埋め込みについては、昨年10月にロコさんが、注意を促すコメントを書かれています。 雑談 Facebook and Instagram embeds to be ...

前略、まつちかさん functions.phpを編集する場合には、FTPソフトを使えるようになっておく必要があるかと思います。 FTPソフトでサーバにアクセスして、functions.phpをデフォルトの記述に戻します。 レンタルサーバーによっては、ファイルマネージャーで...

前略、nkuroda さん 実は私もよくわからないのですが、以下のマニュアルページに記載されている内容で、コントロールできたりしませんでしょうか？ 内部リンクと外部リンクそれぞれの開き方を統一する方法

ゆみざる さん 画面上部の方はスキンを適用したとき、どのような表示になるかのモニター画面になっています。 「スキン」タブの画面を下の方へスクロールすると、スキンの一覧が出てくると思います。 dbd8d07b88890172ed1e1f4ca2209fa5.gif

前略、ゆみざる さん スキンの設定は、Cocoon設定の「スキン」のタブで設定できるようになっています。 スキン以外の設定は、他の「タブ」を選択して、行ってください。 3f7837a824f6d8dc1d1e787fa07ffc4c.png  e7b8...

Hawa03 さん Cocoonのバージョンが古いですね。 バージョン：2.2.2は、WordPressの5.6には未対応だったと思います。 それと、PHPのバージョンも、おそらく、お使いのレンタルサーバーの推奨バージョンは7.4ぐらいになっているかと推測します。 ...

Hawa03 さん 記事の投稿日の表示・非表示の設定は、Cocoon設定の「本文」タブの下の方にあります。 別の、例えば関連記事等の投稿日設定と間違っていたりしませんか？ c8c41a965a70d38f4e4995cd15ab4dfd.png  3a74...

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

@wfineniko さん 余談ですが、Kosugi フォントは、Firefoxでは、なぜか カスレて表示されるので、Firefoxユーザーとしては、とても読みづらい状況となっています。（Firefoxだけフォントのレンダリングが違う？） アクセス解析で、Firefoxユーザーが一定...

ゼストさん やはり、codepen の左側の窓の中へ飛んでしまいますね。 わいひらさんなら、なにか心当たりがあるかもしれません。 解決するように！

ゼストさん プラグインの「Easy Smooth Scroll Links」を一旦停止してみる、というのは試してみられましたか？

ゼストさん mofumofu さんのアドバイスをうけて、月並みですが、環境情報を貼り付けていただくと良いかもしれません。 Cocoonは、環境情報がまとめて取得できるようになっています。 3b1534797f95d48d29b3710ea5689244.png

ゼストさん わいひらさん、もしくは、詳しい方が診てくださると何かわかるかもしれません。 わいひらさんがフォーラムにいらっしゃるのは、いつも夜になってからですね。 他にもスキルの高い方がいらっしゃるのでもう少しお待ちになってみてもいいような気がします。

ゼストさん 「a id="html-link"」というのはソースコードを見たら有った、というだけです。 仮に、Cocoonで使っているJavaScript関連のトラブルだとしたら、私には解決できそうにありません。 ID-2021-02-17-154141.png

ゼストさん もし、URLのスラッグを変更してもかまわない、ということでしたら、半角ローマ字、数字、ハイフンの組み合わせにして、どのようになるか試してみる、とかでしょうか？ 例えば以下のような感じに翻訳っぽいスラッグにするとか・・ html-basics-part3-ima...