Cocoonフォーラム

Akiraさんありがとうございます。 整形済みと詩のハイライト表示が外れました。 ただ、もう１つ問題があり行番号はそのままです。これに関してはCSSで消すしかないかな。

もう１つの方法は、CSSで切り替える方法です。 すべてのページを取得して、ラジオボタンとCSSで切り替えを行う方法です。 前者のJavaScriptは、Ajax通信を使うため多少コストがかかる欠点があります。後者のCSSは、ページのロード時間が若干長くなる欠点があります。 開発コ...

実装を考えてみました。 切り替えタブは、ナビメニューを使用すれば良いと思います。 新たな設定画面を作る必要が無くなるのと、WordPress標準の関数で取得出来ます。 ただ、SANGOなどを見る限りでは、切り替え時にページをリロードしてないようです。 多分、JavaScriptにより...

ありがとうございます。

何度も連続投稿してごめんなさい。 公式ドキュメントに書いてありました。 本家 Google翻訳版

なんかよくわからないけど、とりあえず。 なお、特定のクラスを除外することはできるようです。

根本的な解決にはなってないと思いますが、一応それっぽいサイトを見つけてきました。

数式番号の扱いをどのようにしたら良いかな？ 僕の使い方では、数式番号は不要です。デフォルトではOFFで、オプションで、ON・OFFできると良いと思います。 不用意にMathJaxの対象範囲を広げると意図しない変換が起こるので、MathJax系のプラグインではショートコードで囲う必要が...

「MathJax - LaTeX」はダメでした。最新版に対応していないからでしょうか？ ドルマークで挟む使い方→そのまま出力されるlatexショートコードで囲む使い方→何も出力されない と、どちらも数式が表示されないです。

ただ誰もチェックしない、フォロワーが増えるだけのアカウントになりそう？？ 言われてみれば、その通りですね。 なのでまず、それなりに波長が合う方に届きそうな、ツイートをしておく必要があるかもしれません。 アドバイスありがとうございます。

自分のSNSは３つです。 Twitter/p> 作っただけで、何も呟いていないです（呟くことがない）。 Mastodon/p> メインSNSはこちらです。同じMastodonユーザーがいたらリモートフォローしますよ。 GitHub/p> フリーソフトウェアのオープンソース開発してます。

ブログはこちら。「勉強したことについてまとめる」が目的ですが、ソフトウェア関連が結構多いです。あと相互リンク受け付けています。 ソフトウェアポートフォリオはこちら。スキンもこちらからです。（Veilnui Simplogの直リンクはこちら）。 GitHubはこちら。ソフトウェアのソースはすべてこ...

今回みたいに、あえてCSSを適用させたくない例がある。 だから「追加のCSSクラス」に「nostyle」を入れることで、その部分にだけCSSを適用されないようにするようにした方が良いのかも。 「:notセレクタ」を使えば出来るけど、ファイルサイズが大きくなる欠点。

テーブルレイアウトのCSSがスパゲッティソース状態で変更が大変なので、これをどうぞ。（マジでリファクタリングしないと）。 あと、他の色が必要なら教えてください。

これを子テーマのスキンフォルダーに入れてください。  veilnui-simplog-blue.zip

子テーマに自分でスキンを入れている場合、スキンのCSSの850行目辺りにある #main .wp-block-preformatted のブロックを削除しても同じことができます。

#main .wp-block-preformatted { border-color: 1px soild #CCC; background-color: #1E1E1E;}子テーマのCSSに追記スキンの最下行に追記 どちらかで行けると思います。

Amazonギフト券ありがとうございます。

意図するもしないも、その機能自体に全く気付いていませんでした。でも、そのタイプのスタイルは良いですね。 自分のリポジトリにも反映＆リリースしておきます。Cocoonのスキン（1.1.6）と自分のリポジトリ（1.1.7）で、バージョンが異なりますが、内容は同じになります。

GitHubでVersion 1.1.6 を反映したプルリクエストを送りました。

指摘ありがとうございます。自分のリポジトリにも適用しました。 ヘッダーメニューの下線とアニメーションフッターメニューの文字色と背景色目次の開閉ボタンで下線非表示（独自）Go Top Buttonの修正これで大丈夫だと思います。もうバグが出なければいいな。

リクエスト通り、フォルダー名を変更しました。他のプロジェクト見てても、小文字とハイフンで統一することが習慣のようですね。その変更リリースが「Version 1.1.1」です。 Amazonギフト券は嬉しいです。大事にいらない物を買うのに使わせて頂きます。 Veilnui Simplogも不定期で更新...

Version 1.1を公開しました。 画像の追加とディレクトリの変更です。 画像は「imagesフォルダ」の中に入っています。

GNU GPLですから、同封、改変もOKです。 あとAMPに関してですが、僕は動作未確認です（近日、動作確認します）。 多分大丈夫だと思いますが、レイアウト崩れ起こるかもしれません。

了解です。 ソースコードブロックの追加ありがとうございます。

なるほど。確かに実装上のコストと利便性が釣り合わない機能は意味がないです。 この状態でも標準のソースコード表示より便利になり、助かりました。禁則文字のエスケープも行われていますし、フォントも等幅フォント表示です。 あと、細かい部分ですが、個人的にはpreタグのボーダーは非表示にしたほうが見栄えが良い...

禁則文字のエスケープは上手く行われています。 あと、書き忘れだと思いますが、ソースを囲う「preタグ」の中に「codeタグ」がありません。 また、Hightlight.jsは「codeタグ」のクラス名にプログラミング言語を指定することで、その言語でソースをハイライト表示できます。 例えば、Pyt...

パスワードは「1234」です（半角数字）。 従来のソースとCocoonのソースを両方載せてみました。

その機能をCocoonブロックから指定できるようにして欲しいです。 ソースコードのハイライト表示は、多くのユーザーが使っている機能だと思うので、利便性が上がると思います。

正しく表示されているようですが......

修正ありがとうございます。 正常にスクロールできるようになりました。

あと、横スクロール設定を無効にすると、この不具合は起きません。 原因が分かるまでは、表を３行以上にするか、横スクロール設定を無効にするかして対応します。

やはり縦スクロールになってしまいます。 Cocoonを再インストールしたり、スキンを変えてみたり、キャッシュを削除してみたりしたけど解決できず。 GitHubのソースを見ると、プロパティに「important」が付いているから、優先的に適用されるはずなんです。 ScrollHint自体に問題があるの...

ページのURLはこちらです。問題が発生している表は、ページの下側にあります。 ただ、このページだけではなく、他のページでも同じように縦スクロールになります。 cebb92ba44fd1f5129ae791a36b66714.png

これはテーマ側の不具合ではないかと思います。テーマ側では、こういった変更は加えていないです。おそらく、WordPress5.3からの仕様もしくは不具合なんだろうと思います。 これに関しては、WordPress5.3の不具合です。 新規インストール＆デフォルトテーマ（Twenty Twenty）でも同...

僕も同じ不具合で悩まされていましたが、ブラウザをEdgeからChrome変えてみたら、挙動が治りました。 Microsoft EdgeとWordPress 5.3は相性が悪いみたいです。

#appeal（アピールエリア）に高さが指定されていないからです。そこに高さを指定すればOKです。以下のソースはその最低の高さを300pxに設定している例です。 #appeal { min-height:300px; /* 最低の高さを300pxに指定 */}因みに、autoやパーセントは親要素に...

少し調べてみたところ、パーマリンクには「リライトルール」とかいう機能があるようです。そのリライトルールが更新されていないと、意図した通りのパーマリンクにならないとのこと。リライトルールを更新するには、「パーマリンク設定」の「変更を保存」ボタンを押すと、リライトルールが更新されるようです。

これは余談です。 「ドメイン名/wp-admin/options.php」ですべてのオプションを制御することもできます。その部分の「permalink_structure」パーマリンクの部分です。それが「%postname%」になっていたら、投稿名がパーマリンクになっています。

設定＞パーマリンク設定の「カスタム構造」でも修正できませんか？あと、その下側にある「オプション」の「カテゴリーベース」と「タグベース」を空欄にしていますか？最後に「変更して保存」ボタンを押して保存しましたか？ あと、出来れば「パーマリンク設定」のスクショをお願いします。

#sidebar .widget-sidebar-standard h3 {/* テキストサイズを10pxに変更 */font-size: 10px;}サイドバーの見出し変更ですね。 font-sizeが文字の大きさを変えるプロパティです。数値は、絶対指定or相対指定ができます。 HTMLクイックリ...