ウェブサイト検索

WordPress ビジュアルエディターのヒントとコツ

WordPress は当初、コンテンツをオンラインで簡単に公開できるようにするシンプルなブログ システムとして構築されました。時間が経つにつれ、本格的なコンテンツ管理システム (CMS) に変わりました。ユーザーは、WordPress Web サイトのデザインと機能を完全に制御できるようになりました。しかし、コンテンツがなければデザインも機能も意味がありません。その点で、WordPress はコンテンツの作成と管理というルーツに忠実であり続けます。

WordPress の基本ソフトウェアには多くの機能が組み込まれていますが、コンテンツ作成は依然としてその中核的な原動力です。それを念頭に置いて、この投稿で WordPress ビジュアル エディターとそれをより効果的に活用する方法を詳しく見てみましょう。

ウィシウィグ

WordPress を使用すると、コンテンツをファイルに直接コーディングするのではなく、視覚的にコンテンツを作成および管理できます。したがって、これは、初心者向けに WYSIWYG エディター、または「What You See Is What You Get」と呼ばれています。エディター ツールには 3 つの部分があります。

  1. ビジュアルエディター
  2. テキスト エディター (コードを入力できる場所)
  3. メディアアップローダー（画像ファイルアップロード用）

デフォルトでは、新しい投稿またはページを作成するときにビジュアル エディタがアクティブになります（ページ新規追加または投稿 > 追加新しい）。万が一アクティブでない場合は、それをクリックしてください。

WYSIWYG とは、投稿の編集中にビジュアル エディターに表示される内容が、公開された投稿に表示されることを意味します。テキスト エディタでは、プレーン テキストを入力できるだけでなく、実際の HTML ファイルを操作しているかのようにコード (HTML マークアップ) を直接入力することもできます。エディターの右端にある [テキスト] タブをクリックして有効にします。

メディア アップローダーはまさにそれを行います。メディア ファイルをメディア ライブラリにアップロードして、必要に応じて投稿にメディア ファイルを挿入できるようにします。

強力な WordPress ビジュアル エディターの簡単な紹介で、いくつかの主要なボタンを使用してコンテンツを作成および編集する方法を見てみましょう。イラストには景品コレクションの Blogger テーマを使用しています。

テキストの追加

まず、新しいページまたは投稿を起動してビジュアル エディタを開きます。[投稿] > [新規追加] に移動します。 デフォルトでは、新しい投稿を作成するときに凝縮されたツールバーが表示されます。

キッチン シンク アイコンをクリックすると、ツールバーに他の書式設定オプションが表示されます。

基本的なコンテンツの作成と管理には、上記の書式設定オプションで問題ありません。 WordPress を初めて使用する場合でも、アイコンのほとんどは Microsoft Word などの他のテキスト エディターで見慣れたものです。実際、ビジュアル エディターのツールバー上のすべてのアイコンは、Microsoft Word の同一のアイコンと同じ機能を実行するため、あまり馴染みのないアイコンを取り上げて説明しました。

テキストを追加するには、エディタ ウィンドウにコンテンツを入力するだけです。ただし、コンテンツがすでにどこかに入力されている場合もあります。その場合は、ツールバーの次のボタンを使用して、単純に Word からプレーン テキストまたは書式設定されたテキストとして貼り付けることができます。

このルートを使用すると処理が速く、ビジュアル エディターは Word の書式設定の多くを適切に保持します (少なくとも標準のコピー アンド ペーストよりは優れています)。ただし、すぐにわかるように、これは完璧な仕事ではなく、場合によってはテキストが壊れてしまう可能性があります。プレーンテキストとして貼り付けて、ビジュアルエディター内で書式設定を行う方がはるかに簡単であることがわかりました。

テキストから書式設定を削除する

これまで見てきたように、またはこれらの書式設定ボタンを試してみるとわかるように、ビジュアル エディターには、他のテキスト エディターからインポートされた書式設定されたテキストの処理に関して弱点があります。したがって、プレーンな古いテキストを使用する方が良いと思われるかもしれません。これは、インポートされたテキストから書式設定を削除するために使用するボタンです。

テキストを強調表示してそのボタンをクリックします。これで、テキストにテーマのデフォルトの書式が適用されます。このボタンは、ブロック引用符やヘッダーなどの一部の書式設定タイプでは機能しないことに注意してください。これらのタイプを処理する他の書式設定ボタンがあります。

テキストタイプの変更

文書内には段落や見出しなど、いくつかのテキスト タイプが存在します。テキストの種類を変更するには、変更するテキスト部分を強調表示し、エディターのツールバーの左端にある形式ドロップダウン メニューをクリックします。必要な形式を選択すれば完了です。

もちろん、投稿の形式は自由に設定できますが、一貫性を保つための構造が必要です。たとえば、セクションの見出しは、見出し 2 などの同じ見出し形式にする必要がありますが、主な見出しは通常は 見出し 1 です。さらに、標準の段落テキストにはデフォルトの形式が必要であり、事前にフォーマットされたテキストとアドレスも必要です。

さまざまなテキスト タイプのデフォルトの形式はテーマによって異なることに注意してください。すべてのテーマには、形式ドロップダウン ボックスに表示されるタイプに応じた独自のデフォルト スタイルが付属しています。

[書式設定の削除] ボタンは見出しとブロック引用符では機能しないため、ヘッダーから書式設定を削除するには、ドロップダウン ボックスの 段落 タイプを使用します。

Blockquote ボタンを使用して、blockquote の書式を設定または削除します。

全画面編集

気を散らすものを最小限に抑えて作業したい場合は、全画面モードが最適です。これがそれを有効にするボタンです。画面上の重要でないものをすべて閉じるだけで、コンテンツ ボックスと、ページの上にマウスを置くと自動的に非表示になったり表示されたりする凝縮されたツールバーだけが残ります。

さらにタグを挿入

これはビジュアル エディターの見落とされがちな機能ですが、ブログに投稿の抜粋を表示する場合には非常に便利です。すでにご存知のとおり、ブログに投稿を公開している場合、WordPress はこれらの投稿の抜粋をホーム ページとアーカイブ ページに表示します。ただし、WordPress は抜粋をランダムに切り捨てるので、これが文の途中になる可能性があります。

ここで、気の利いた さらに挿入タグ機能が役立ちます。抜粋がどこで終了するかを正確に指定できます。投稿全体を指すリンクが、抜粋の終了を指定した場所に挿入されます。このタグをフォーマットするにはさまざまな方法がありますが、デフォルトではページではなく投稿に対してのみ機能することに注意してください。

注: さらに挿入 タグの使用は、選択したテーマのサポートに依存します。慎重に開発されたテーマのほとんどはこれをサポートしていますが、サポートしていないテーマもあります。

リンクの追加と削除

これらのボタンを使用すると、リンクの挿入と削除も簡単です。リンクを作成するテキストをハイライト表示するまで、デフォルトでは非アクティブになっています。左側のボタンはリンクを追加し、右側のボタンはリンクを削除します。

特殊文字

Word で特殊文字ボタンを使用したことがある場合は、これにも馴染みがあるはずです。ただし、これは、キャラクターの上にカーソルを置くと、そのキャラクターの HTML と NUM コードが表示されるため、より直観的です。

あなたが通常の WordPress ユーザーであれば、これまでに説明した内容のほとんどにすでに精通している可能性がありますが、WordPress の新規ユーザーにとって、これは WordPress のビジュアル エディターの便利なスターター ガイドとなるはずです。その機能と制限。

ビジュアルエディターの使い方についてもお聞きしたいです。共有したいヒントやコツはありますか?