ブロックエディタ

ブロックエディタを狭い画面で表示するときの文字サイズを小さくした とりあえずのメモ

ブロックエディタを狭い画面で表示するときの文字サイズを小さくした

ブロックエディタを狭い画面で表示する際の文字サイズを小さくしました。画面幅1080px以下の時に、文字や余白を調整するカスタムCSSを追加しました。これにより、AI画面を表示させた狭い画面でも、文章の全体像が見やすくなりました。ブラウザにサイドバーを表示すると「狭い」ブラウザのサイドバーにAI画面などを表示させると作業がスムーズになるものの、表示画面は狭くなります。特に、WordPressのブロックエディタを使っているときに、文章の全体像が見えにくく感じます。一時的にサイドバ...
2024.09.22
とりあえずのメモプログラミングホームページ運用作業効率化
[WordPress]ブロックエディタに「書式のクリア」のショートカットキーを追加した（functions.php） とりあえずのメモ

[WordPress]ブロックエディタに「書式のクリア」のショートカットキーを追加した（functions.php）

WordPressのブロックエディタに「書式のクリア」のショートカットキーを追加しました。functions.phpとcustom-editor.jsを使用して、Command+Jで「書式のクリア」をできるようにしました。「書式のクリア」のショートカットキーを追加したいWordPressのブロックエディターにControl+Spaceでテキストの書式をクリアするショートカットキーとして「Command+J」を追加しようと思います。ブロックエディタの「書式のクリア」は、そのほか...
2024.08.04
とりあえずのメモプログラミングホームページ運用作業効率化
[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり） とりあえずのメモ

[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）

WordPress 6.6のアップグレードにより、ブロックの検索キーワード設定機能が使えなくなりました。JavaScriptを使用して、子テーマに直接スラッシュインサータの機能を追加する方法を実装しました。add-block-keywords.jsというJavaScriptを追加して、functions.phpから読み込むようにしました。WordPress 6.6にしたらプラグインが動かなくなったWordPress 6.6にアップグレードしました。すると、ブロックの「高度な設...
2024.07.17
とりあえずのメモプログラミングホームページ運用
[WordPress] パターン名を変更したい（旧再利用ブロックの名前） トラブルと対処

[WordPress] パターン名を変更したい（旧再利用ブロックの名前）

WordPress 6.5へのアップデートにより、再利用ブロックがパターンに変更され、パターン名を編集する方法がわかりづらくなりました。パターン編集画面で「コード編集」に切り替えれば、パターン名の編集欄が表示され変更できます。これにより、スラッシュ挿入での意図しないブロックの優先表示を防ぐことができました。環境WordPress 6.5.2、PHP 8.0.30、Cocoon 2.7.3.1Change Block Keywords2.1.2（WordPress5.4.999...
2024.04.26
トラブルと対処ホームページ運用
[WordPress] ブロックエディタで下線のショートカットキー（⌘U）が反応しなかった（プラグインの再有効化） トラブルと対処

[WordPress] ブロックエディタで下線のショートカットキー（⌘U）が反応しなかった（プラグインの再有効化）

WordPressのブロックエディタで、下線のショートカットキー（⌘U）が反応しない不具合がありました。いったんWordPressプラグインをすべて無効化して有効化し直すと、⌘Uがちゃんと動作するように戻りました。WordPressプラグインも、一時的な不調でリセットが有効なことがあるんですね。下線のショートカットキーが使えない？ブログ記事の装飾の仕方で、「主張を太字し、根拠に下線をつけると見やすい」という意見を見つけました。これまでは強調のための太字しか使っていなかったので...
2024.04.22 2024.04.23
トラブルと対処ホームページ運用
[WordPress 6.5] ブログカードでYouTube動画がうまく表示されない？(Cocoonのキャッシュとリンク) とりあえずのメモ

[WordPress 6.5] ブログカードでYouTube動画がうまく表示されない？(Cocoonのキャッシュとリンク)

Cocoonテーマの「ブログカード」を使ってYouTube動画を埋め込んでいるのですが、たまに外部ブログカードとして表示されてしまうことがあるんです。原因を調べてみると、YouTubeで公開前処理が終わる前に埋め込み動画を設置したことや、URL貼付け時に「リンク」に自動変換されていることが関係しているようです。埋め込み動画を設置するには、YouTube上で閲覧可能になるまで待って、URLに付いたリンクを削除する必要があります。ブログカードで動画を埋め込んでいるブログ内にYou...
2024.04.10 2024.04.14
とりあえずのメモトラブルと対処ホームページ運用
WordPress 6.5のブロックエディタの更新内容（ざっとまとめ） とりあえずのメモ

WordPress 6.5のブロックエディタの更新内容（ざっとまとめ）

WordPress 6.5にアップデートして、ブロックエディタの挙動がだいぶ変わっているので、ざっとメモしています。リンク関係URLをペーストすると自動的にリンクになる挿入されたリンクをクリックするとポップアップから編集できるボタンブロックのリンクに nofollow の指定ができるリストビュー関係リストビューをドラッグして移動できるリストビューで右クリックするとオプションメニューが表示されるリストビューやブロックツールバーから「名前の変更」ができる余白・サイズなどリスト項目...
2024.04.05
とりあえずのメモホームページ運用作業効率化
WordPress 6.5にアップデートしたらブログカード内のURLに改行が追加されるようになった[Cocoon] とりあえずのメモ

WordPress 6.5にアップデートしたらブログカード内のURLに改行が追加されるようになった[Cocoon]

昨日、WordPress6.5にアップデートしたところ、ブログカードを再編集したときに、URLの間に空行が追加されることに気づきました。どうも、ブロックエディタのブログカード内での改行の仕様が変更になっているようです。Cocoon バージョン：2.7.2.5で修正されました。環境Cocoonバージョン: 2.7.2.3WordPress: 6.5ブログカードが妙に縦に伸びているブログカードに複数URLを挿入する運用をしています。WordPress6.5にアップデート後に、ブロ...
2024.04.04 2024.04.10
とりあえずのメモトラブルと対処プログラミングホームページ運用
WordPressで効率的にブロックを挿入したい！ 【スラッシュ挿入を活用】 （Change Block Keywordsプラグイン） ホームページ運用

WordPressで効率的にブロックを挿入したい！ 【スラッシュ挿入を活用】 （Change Block Keywordsプラグイン）

WordPressのブロックエディタには、スラッシュでブロックを挿入する機能があります。これを「slash inserter（スラッシュ挿入）」といいます。「slash inserter」で検索すると、英語の記事がいくつか出てきます。「change-block-keywords」プラグインを使うと、スラッシュ挿入のキーワードを自分で設定できるようになります。追記：2024-04-26ChangeBlockKeywordsプラグインのメンテナンスは、2021年5月を最後に止まっ...
2020.09.17 2024.08.08
ホームページ運用作業効率化