WordPressビジュアルエディター:初心者向けのヒントとコツ

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


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

WYSIWYG

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

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

デフォルトでは、新しい投稿またはページ(ページ > 新しく追加する または 投稿 > 新しく追加する)。万が一それがアクティブでない場合は、それをクリックしてください。

pic1

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

pic11

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

pic10

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

テキストを追加する

最初に、新しいページまたは投稿を起動してビジュアルエディターを開きます。 投稿 > 新しく追加する. デフォルトでは、新しい投稿を作成するときに、要約されたツールバーが表示されます。

pic2

キッチンシンクアイコンをクリックして、ツールバーの他のフォーマットオプションを表示します。

pic3

基本的なコンテンツの作成と管理については、上記のフォーマットオプションで十分です。 WordPressを使い慣れていない場合でも、ほとんどのアイコンはMicrosoft Wordなどの他のテキストエディターで使い慣れています。実際、ビジュアルエディターのツールバーのすべてのアイコンは、Microsoft Wordの同じアイコンと同じ機能を実行するので、あまり馴染みのないものを取り上げて説明しました.

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

pic4

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

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

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

pic5

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

テキストタイプの変更

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

pic8

当然ながら、投稿の形式は自由に設定できますが、一貫性を保つために何らかの構造があることを確認してください。たとえば、セクションの見出しは、次のような同じ見出し形式にする必要があります。 見出し2, 主な見出しは通常 見出し1. さらに、標準の段落テキストにはデフォルトのフォーマットを設定する必要があるため、フォーマット済みのテキストと住所を設定する必要があります.

覚えておいてください:さまざまなテキストタイプのデフォルトのフォーマットは、テーマによって異なります。すべてのテーマには、フォーマットドロップダウンボックスに表示されるタイプ用の独自のデフォルトスタイルがあります.

使用 段落 ドロップダウンボックスに入力して、ヘッダーから書式を削除します。 書式を削除 ボタンは見出しとブロッククォートには機能しません.

使用 ブロッククォート ブロック引用のフォーマットをフォーマットまたは削除するボタン:

pic9

全画面編集

pic13

煩わしさを最小限に抑えて作業したい場合は、フルスクリーンモードが最適で、これをアクティブにするボタンです。画面上の不要なものをすべて閉じて、コンテンツボックスと、ページの上にカーソルを合わせると自動的に非表示および表示される凝縮されたツールバーだけを残します。.

さらにタグを挿入

pic12

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

これは気の利いた場所です さらに挿入 タグ機能が重宝します。これにより、抜粋が終了する場所を正確に指定できます。完全な投稿を指すリンクが、終了する抜粋を指定した場所に挿入されます。このタグをフォーマットする方法はたくさんありますが、デフォルトでは、(ページではなく)投稿に対してのみ機能します。

pic14

注:の使用 さらに挿入 タグは、選択したテーマのサポートに依存しています。ほとんどの思慮深く開発されたテーマはそれをサポートしますが、一部はサポートしません.

リンクの追加と削除

pic15

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

特殊文字

pic6

Wordで特殊文字ボタンを使用したことがあれば、これもおなじみのはずです。ただし、これにカーソルを合わせると、キャラクターのHTMLコードとNUMコードが表示されるため、より直感的です。

pic7

通常のWordPressユーザーの場合、上記で見たほとんどのことを既によく知っている可能性がありますが、新しいWordPressユーザーにとって、これはWordPressのビジュアルエディターの便利なスターターガイドになるはずです。その機能と制限.

また、ビジュアルエディタの使用方法についてお伺いします。共有したいヒントやコツはありますか?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map