ブロックエディタ

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

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

ブロックエディタを狭い画面で表示する際の文字サイズを小さくしました。 画面幅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...
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に付いたリンクを削除する必要があります。 ブログカードで動画を埋め込んでいる ブログ内...
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.3 WordPress: 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-26 ChangeBlockKeywordsプラグインのメンテナンスは、2021年5月を最後...
2020.09.17 2024.08.08
ホームページ運用作業効率化