WordPressのWYSIWYGチュートリアルあなたは、ワードプレスを使用しています’ 彼らの最大限に機能を書式設定?

私はあなたが既にそれらをより読みやすくするために、あなたのブログの記事を書式設定の基本を知っている期待します. (あなたはまだ始まったばかりしている場合, あなたがチェックアウトする場合があります 4 WordPressのフォーマットのヒントは、あなたの投稿を読みやすくするために 基本の概要について。)

しかし、多くのブロガー – でも、経験豊富なもの – ワードプレスに組み込まれているだけでどのように多くの書式設定機能を実現していません.

WordPressのWYSIWYGエディタを理解します

あなたのドラフトWordPressのエディタや他の場所で書くかどうか, それは、WordPressのWYSIWYGツールバーに精通していると、すべてのこれらのボタンは何をすべきか知っておくことが重要です.

WYSIWYG (発音「wizzy、かつら」) 「何を参照してくださいすることはあなたが得るものです」の略, そして、あなたがそれに書式の様々なタイプを適用すると、テキストが実際にどのように見えるかを見ることができる任意のインターフェイスを記述. マイクロソフトワード, GoogleドキュメントとWordPressは、すべてのWYSIWYGエディタです.

あなたは、ワードプレスで新しい投稿やページを作成するたびに, あなたはWYSIWYGエディタが表示されます. ツールバー (トップにあるボタン) このようになります:

(あなたは、これらのボタンが表示されない場合, あなたは「ビジュアルを使用していることを確認してください” むしろ「テキストより” エディタのバージョン. あなたは、あなたの記事を書きボックスの右側にあるタブを使用して、2つの間で交換することができます。)

あなたが書かれており、別のWYSIWYGエディタで、あなたのポストをフォーマットし、ワードプレスにテキストをコピーした場合, 書式設定の一部が保存されている可能性があり. しかし、いくつかのフォーマットオプション, 例えばblockquotes水平ルールなど, 唯一のWordPressで適用することができます.

(あなたはどのような「blockquotes見当がつかない場合は心配しないでください” そして「水平ルール” あります. あなたはそれらについてのすべてを知っていますよ, そして、使用方法, この記事の終わりまでにそれら!)

ボタンのいくつかは、今の混乱に見える場合でも、, それらはすべて使用するのは簡単です. 私たちは、一度ツールバー一行を取りますよ.

ツールバーの一番上の行: 最も一般的な書式オプション

ボタンは2列に分かれています. 一番上の行は、あなたが最も頻繁に使用する可能性が高いですオプションが含まれています.

どうぞ:

私たちはそれらを介して一つ一つを行きますよ:

#1: 「段落” 落ちる

HTMLタグ同等: <H1>, <H2>, <H3>, 等. そして <前>.

このドロップダウンメニューでは、見出しスタイルを使用してテキストの書式を設定することができます:

見出し 1 あなたの投稿のタイトルのために使用されています, そのため、あなたのポスト内の小見出しのために避けるべきです.

ほとんどのブロガーは、見出しを使用します 2 彼らの主な小見出しと見出し用 3 それらの下にネストされた任意の小見出しについて. (この記事で, 例えば, 小見出しのボタンの一番上の行: 最も一般的な書式オプションを見出しています 2, そして、小見出し #1: 「段落のドロップダウン」見出しています 3.)

「整形済み” あなたはあなたのポスト内のコードのセクションを含めている場合、このオプションを使用することができます. それは等幅フォントを使用して書かれたとおりにテキストが表示されます.

#2: 太字

HTMLタグ同等: <強い>

Bのように見えるボタンは、Microsoft Wordや他のプログラムからあなたにおそらくよく知られています. それは、このようなあなたのテキストを太字にします.

それを使用するには, 次のいずれかを実行でき:

「Bをクリックしてください” ボタン, あなたは太字でテキストを入力, その後、「Bをクリックしてください” 再び通常のテキストにオンにします.
通常どおりのテキストを入力します, その後、あなたは太字で欲しい部分をハイライト表示し、「B」をクリックしてください.

以下のためにそれを使用します: キーセンテンスを強調, またはあなたが見出しスタイルを使用しない小見出しを作成します.

#3: 斜体テキスト

HTMLタグ同等: <で>

私のように見えるボタンは、おそらくも非常に精通しています. それはこのようにあなたのテキストをイタリックになります.

以下のためにそれを使用します: 特定の単語を重視, または説明文の文章や2について (例えば. これを言ってあなたのポストの開始時にノートは4回シリーズで初めてです).

#4: 順不同リスト (箇条書きのポイント)

HTMLタグ同等: <インクルード> リストについて, <で> リストの各項目について

3つのドットや線を持つボタンが少しモールス符号のようになります。, 実際に箇条書きリストを作成するために使用されます (また、「順不同リスト」として知られています) このような:

1つ目の項目
2つ目の項目
項目3

以下のためにそれを使用します: 項目の順序や数は特に問題ではありませんリスト. あなたのリスト上の各項目は、段落よりも長い場合, あなたはおそらく違った自分のリストをフォーマットすることをお勧めします (例えば. 小見出しを使用して).

#5: 順序付きリスト (数字)

HTMLタグ同等: <オール> リストについて, <で> リストの各項目について

2番目のリストボタンは、番号付きリストです (また、「注文したとして知られています” リスト) このような:

1つ目の項目
2つ目の項目
項目3

以下のためにそれを使用します: アイテムの数や順序が重要一覧 (例えば. あなたはステップバイステップの指示を与えるか、トップ10リストを書いています).

リストでより多くのヘルプについて, 私のポストをチェックアウト ブログの投稿で効果的にリストを使用する方法.

#6: BLOCKQUOTE

HTMLタグ同等: <BLOCKQUOTE>

BLOCKQUOTE (またはブロック引用) 書式設定は、スタイル引用されたテキストに使用されているので、 (通常は) それは、標準のテキストよりも広い左マージンを持っています. あなたのブログのテーマに応じて、, BLOCKQUOTEテキストは、異なるフォントであることと並んで引用符を持っていること.

これはblockquotesはプロブロガーのブログで見てどのようです.

以下のためにそれを使用します: あなた以外の人から任意の引用それは長い間、いくつかの単語以上です. 非常に短い引用は文中に引用符内に配置することができます.

#7: 左/中央/右を合わせます

HTMLタグ同等物: <P>, <Pスタイル=”テキスト整列: センター;”>, <Pスタイル=”テキスト整列: 右;”>

デフォルトで, あなたのテキストは左揃えされます (左側の余白と同一平面). しかし、あなたはまた、それが中心ですので、あなたのテキストを揃えるか、右揃えすることができます.

このテキストは中央に配置され.

このテキストは右揃えです.

以下のためにそれを使用します: 販売ページまたは特別オファーを作成します, それはあなたのテキストを中央に意味をなさない可能性がある場所. 一部のブロガーも、詩やコンテンツの他の少し変わったタイプのための中心にテキストを使用します.

#8: リンク/リンク解除

HTMLタグ同等: <HREF>

このボタンは、読者が異なるポストやページを訪問するためにクリックするリンクにテキストを回すことができます. 単純にテキストを入力 (例えば. 投稿のタイトル), そして、それを強調表示し、リンクボタンをクリックしてください. あなたはこれを参照してくださいよ:

その後、URLに貼り付けることができます (ウェブアドレス) あなたがしたいか、ページ/ポストの, それはあなた自身のブログ上にある場合, あなたはタイトルページ/ポストを検索することができます.

あなたのリンクは次のように表示されます:

ベストブログのホスティングソリューションどれ?

以下のためにそれを使用します: 自分の投稿への内部リンク (SEOのために良いとブログに周りに長く固執する読者を奨励), そして他の人の投稿や他のリソースへの外部リンク (あなたのフィールド内であなたの知識/ノウハウを実証するための良いです, そして、の関係構築のために).

#9: もっとタグを読みます

WordPressのタグと同等: <!–もっと–>

いくつかのブログのテーマは、フロントページまたはインデックスページで複数の投稿を表示します. 「続きを読みます” タグには二つの部分に柱を壊します: 最初の部分は、インデックスに表示されます, 読者が続きを読む」クリックすると、残りはのみ表示されます” (もしくは記事のタイトルをクリックします).

その他のテーマはポストからのみ抜粋を表示するように設計されています (自動生成されたか、手に細工されました), あなたが必要としません「続きを読みます” タグ. あなたは私たち自身「のブログにこの動作を確認することができます” ページ.

以下のためにそれを使用します: 導入後の投稿を打ち切ります, またはあなたのホームページ/ブログインデックスページ上の各ポストの一部ではなく、完全なポストを表示する場合.

#10: ツールバーの切り替え

WordPressのタグと同等: N / A

「ツールバーの切り替え” あなたは/あなたのツールバーのアイコンの第二列を隠すことができます. (これは、「表示/非表示キッチンシンク」と呼ばれていました, これはあなたが長い時間のためにブログをしてきた場合は、認識することがあります。)

以下のためにそれを使用します: ツールバーボタンの第2行の表示. それとも、彼らは唯一の気が散るかで動作するように小さな画面を持って発見した場合、それらを隠して.

ツールバーの下の行: あまり一般的で書式オプション

あなたは非常に多くの場合、これらのボタンを使用していないかもしれませんが, それはあなたがそれらを必要とする彼らは場合にだけ何をすべきか知っておくと便利です.

再び, 我々は左の開始時間でそれらを1つずつ取りますよ.

#1: 取り消し線テキスト

HTMLタグ同等: <インクルード>

取り消し線のテキストが消されます, このような. 太字や斜体のと同じように, 次のように入力し、その後取り消し線ボタンをクリックすることができます, または既存のテキストを強調表示し、それに取り消し線書式を適用することができます.

以下のためにそれを使用します: ユーモラスな効果 (それは、あなたのブログのトーンに合っている場合), お使いの製品の特別オファーのためか、 (あなたは「アウト越えることができます” 通常価格とオファー価格を表示).

#2: 水平線

HTMLタグ同等: <時間/>

水平ルールは、あなたのポスト横切るラインを作成します. これは、1つの以上の視覚セクションにポストを破壊するのに役立ちます (それはとして機能していないものの、「続きを読みます” タグ).

それはこのようになります:

以下のためにそれを使用します: ポストの開始または終了をオフに設定します (例えば. あなたは開始時にブログ投稿の新シリーズを導入している場合, または末尾に特別な申し出を行います).

#3: テキストの色

HTMLタグ同等: <スパンのスタイル=”色: #FF0000;”> (赤色用)

あなたのテキストは、あなたのブログのテーマが設定した色にデフォルト設定されます – 通常、黒または非常に暗い灰色.

時々, あなたは別の色でテキストを配置することがあります。あなたは、いずれかの方法でこれを行うことができます:

色を選択, Aドロップダウンを使用して, その後、タイピング
既存のテキストをハイライト表示し、それのための色を選択します.

あなたは、ドロップダウンをクリックした後、, あなたはそれをクリックするだけで色を選択することができます:

あなたが希望する場合, あなたは「カスタムをクリックすると、特定のカスタムカラーを作成することができます…” その後、RGB値を設定します.

以下のためにそれを使用します: 時折色付きのテキスト, おそらく、特別な発表または提供をハイライト表示します. あなたの投稿に異なる色で船外に行かないように注意してください. あなたは、「カスタムを使用する場合があります” 一般的にあなたのヘッダーやブランディングのカラーパレットに特別な色のテキストに合わせて、色のオプション.

#4: テキストとして貼り付け

HTMLタグ同等: N / A

ほとんどの時間、あなたはWordPressのエディタにテキストを貼り付け、その書式設定を維持したいと思います. あなたはWordで起草テキストを貼り付けた場合, フォーマットのほとんどはあまりに渡って自動的にコピーされます.

しかし、時には、あなたはフォーマットせずにテキストをペーストすることもできます. 単純にこのボタンをクリックしてください, クリップボード上のTのように見えました, 「ペーストを切り替えます” 「プレーンテキストモード」への機能.

今後, テキストを貼り付けるとき, すべての書式が削除されます. (あなたは戻って通常モードに切り替えるには、もう一度それをクリックすることができます。)

以下のためにそれを使用します: 貼り付け形式のテキスト (例えば. ヘッダとしてフォーマットされているブログ記事のタイトル, あなたは、フォーマットのいずれかを保持しないとき). あなたは一時的にそれを使用したい場合は、もう一度それをバックオフを切り替えることを忘れないでください.

#5: 書式のクリア

HTMLタグ同等: N / A

書式設定を削除するには, あなたは大胆の各インスタンスを取り除く必要はありません, イタリック, 色付きのテキスト,  等. 個々に. その代わり, あなたは、「書式のクリアを使用することができます” ボタン, 消しゴムのように見えました.

単純に変更するフォーマットされたテキストをハイライトし、ボタンをクリックしてください.

以下のためにそれを使用します: あなたがしたくないフォーマットに退治. それはあなたが誤って適用することを書式設定される可能性があります, または、あなたのポストにテキストをコピーしたときには登場のフォーマット.

#6: 特殊文字

HTMLタグ同等: N / A, 個々の文字は特殊なASCIIコードを持っているでしょうが

時には, あなたが実際に入力することができない自分の投稿やページ内の特殊文字を含めることができます, 著作権記号など ©.

この機能を使用するには, あなたは特殊文字を表示するカーソルを置き, その後、特殊文字のパネルを開くにはオメガのシンボルをクリックして、必要なものを選択:

以下のためにそれを使用します: と著作権表示を挿入します ©, 登録を使用して ® または商標 ™ 貴社の製品/ブランドや他の誰かの約文字を書くとき (適切な場合), またはその他の特殊文字を挿入します!

#7: 増加/減少のインデント

HTMLタグ同等: <Pスタイル=”パディング左: 30PX;”>

テキストをインデントしたい場合 (右にそれを上に押します), あなたはこの機能を使用することができます. 2の右側のボタンは、インデントを作成します; あなたはインデントを増やすには再度それをクリックすることができます.

あなたが作成したインデントを減らすか、または削除するには、左側のボタンを使用します.

以下のためにそれを使用します: あなたもインデントし、おそらく別の色を使用して、特定のテキストをオフに設定することを選択するかもしれません (例えば. 「どのように内の例を与えている場合” ステップ).

#8: 元に戻す/やり直し

HTMLタグ同等: N / A

あなたはおそらく、あなたの通常のワードプロセッサから、これらのボタンで、すでに精通しています. 元に戻す「を使用します” (左を指す矢印) あなただけやったものは何でも元に戻します. やり直し」を使用します” もう一度あなたの心を変更した場合.

以下のためにそれを使用します: 簡単にアクションを元に戻します (例えば. あなたは書式を適用した場合、あなたはしたくない実現します, またはあなたが誤ってあなたの全体のポストを削除し、それをバックしたいです).

#9: キーボードショートカット

HTMLタグ同等: N / A

ツールバーの機能のほとんどは、キーボードショートカットを持っています, だから、簡単にマウスにキーボードから手を移動することなく、それらを使用することができます. クリック ? 便利なリストでそれらを参照するには、ボタン:

これらのショートカットのいくつかは、他のプログラムから慣れていることでしょう, 太字テキスト」のためのCtrl + Bなど” 「元に戻す」ためとCtrl + Z.

しかし、WordPressのエディタに固有のもので、ここで他のものがあります, このような挿入/編集画像へのシフト+ Alt + mと.

以下のためにそれを使用します: あなたのワークフローをスピードアップ, あなたが大量に使用する書式設定の特定のタイプがあります場合は特に.

WordPressのツールバーのボタンは、ブログの中で最もスリリングな側面ではないかもしれませんが, 実際に違いを作ることができる効果的にあなたの記事やページをフォーマットすることができること. まあ形式のポストは、プロの見て、読みやすいです, そして、よくフォーマットされたページは、リードや顧客に変換展望の良い仕事を行うことができます.

あなたがあなたの次のブログ記事で使用されます新機能があります, またはあなたのページのいずれかに? 一つはあなたはどちらを試します?

それとも、あなたにも存在し実現したことがない機能について学びました? 私たちは、コメントで教えてください.

ポスト プロのようにあなたのブログの投稿のフォーマットにWordPressのWYSIWYGツールバーを使用する方法 最初に登場 プロブロガー.


      

で、これについての詳細を読みます problogger.com.

あなたの投票を残します

0 点数
Upvote Downvote

投票の合計: 0

Upvotes: 0

Upvotes割合: 0.000000%

Downvotes: 0

Downvotes割合: 0.000000%