スペースを追加しますか、それとも サブセクション WordPressでインデントされていますか? WordPressの段落をインデントしますか?
ほとんどのテキストは左揃えになっていますが、場合によっては、特定の段落をインデントする必要があります。 最高のタイポグラフィ より良い 読書体験.
このチュートリアルでは、インデントする方法を示します 簡単に WordPressの段落。
方法1:ビジュアルエディタのテキストインデントボタンを使用する
デフォルトでは、ほとんど WordPressテーマ 右から左方向の言語の場合、左揃えまたは右揃えの段落を表示します。
段落を移動したい場合は、ボタンをクリックして手動で移動できます インデントを増やす ビジュアルテキストエディタの。 これにより、段落の左側に間隔が追加されます。
複数の段落をインデントする場合は、それらの段落を選択してからボタンをクリックする必要があります インデントを増やす.
ボタンを複数回クリックして、インデントを増やすことができます。 たとえば、ダブルクリックすると、インデント間隔がXNUMX倍になります。
ボタンをクリックして、引き出しを減らすこともできます インデントを減らす.
また、発見を続ける前にあなたを招待します WordPress 5.0のGutenbergエディターの使用方法:パートXNUMX
方法2:手動インデント テキストエディタを使用した段落
引き出しボタンの使用 テキスト ビジュアルエディタで、段落にインデントを追加する最も簡単な方法です。 ただし、これでは、追加する間隔を制御することはできません。
ほとんどの上級ユーザーは、に切り替えることができます テキストエディタ インデントを手動で追加します。 あなたがする必要があるのは段落タグにテキストを置くことですそしてそしてy CSSコードを追加 このように:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
このメソッドを使用すると、インデントとして使用する間隔を制御できます。 この方法は、段落を定期的にインデントする必要がない場合に最適です。
したがって、それらを十分な頻度でインデントする場合、これは理想的な解決策ではありません。
ガイドをご覧ください あなたのブログ上で(書き込み)良いパラグラフを書く方法
方法3:段落の最初の行のみをインデントする
Webページは、ワードプロセッシングソフトウェアで使用される従来の段落間隔を使用しません。これは、段落の最初の行をマークするだけです。
WordPressでも、段落をインデントすると、段落全体にスペースが追加されます。
一部の雑誌や文芸雑誌の Web サイトでは、より伝統的なインデントを追加したい場合があります。 この場合、カスタム CSS を ワードプレスのテーマ.
「に行く 外観>カスタマイズ 「 カスタマイザ 」へ ワードプレスのテーマ。 クリックしてください " 追加のCSS '。
これにより、カスタムCSSコードを追加できるテキストボックスが左ペインに表示されます。 このテキストボックスにこのCSSコードを追加します。
p.custom-indent {
text-indent:60px;
}
私たちも発見 チュートリアル:WordPressビジュアルエディタをマスターする方法
このCSSコードは、段落に「.custom-indent」クラスがある場合、60pxのインデントを追加することをブラウザに通知するだけです。
その後、テキスト エディターで記事を編集できます。 次に、テキストをタグで囲みます <p class = "custom-indent">
et </p>
次のように :
あなたの段落テキストはここにあります...
終了したら、記事をプレビューできます。段落の最初の行のみに前にスペースがあることがわかります。
いくつかの段落のみをインデントする場合、この方法は慎重に機能します。 ただし、Webサイトのすべての段落にこのスタイルを追加する場合は、次のようにカスタムCSSコードを変更するだけです。
article p {
text-indent:60px;
}
このCSSコードは、WordPressの投稿またはページ内のすべての段落の最初の行にインデントを自動的に追加します。
出発前に発見する WordPressのエディタにビジュアルスタイルを追加する方法
ウェブサイトの見栄えを良くするスタイルのビジュアルエディタをお探しの方のために、このタスク用に設計された3つのプレミアムWordPressプラグインを提供します。
1。 イエローペンシル:ビジュアルスタイルCSSエディタ
イエローペンシルは、あらゆるテーマで使用できるビジュアルスタイルエディターで、ウェブサイトを数分でパーソナライズできます(フォント、色、アニメーションなど)。
このプラグインは、ゲームのように色で遊んでいる間、バックグラウンドでCSSスタイルを作成します。これは、初心者から経験豊富なユーザー向けに設計されています。 コーディングの知識は必要ありません。 ただし、プラグインには、コーディングが好きな人のための優れたCSSエディターがあります。 このエディターを使用してライブでコーディングし、CSSをカスタマイズできます。
2。 簡単なカスタムJSとCSS
Ce WordPressのプラグイン プレミアムは、強力な CSS および JavaScript コード エディターであり、Web サイトの任意のセクションに追加できます。 これにより、大規模な更新後もカスタマイズを維持できます。 ワードプレスのテーマ.
パーソナライズされたコードの使用フィールドを制限するオプションがあります。 たとえば、コードはビデオ形式の記事にのみ使用できます。 または、コードを特定のテーマに制限することもできます。 これは、WordPressブログのテーマを頻繁に変更する場合に便利です。
2。 レスポンシブなGoogleマップ
Ce WordPressのプラグイン マップ上の複数のマーカーとページごとの複数のマップのシステムの作成を促進します。 全画面表示と複数のマーカーのグループ化が含まれます。 これを行うのに API キーは必要ありません。
L'インストールデュ WordPressのプラグイン レスポンシブな Google マップs シンプルで簡単です。 長く複雑なショートコードは不要。 同様に、地図を作成して場所をすばやく追加するのは簡単です。そのためには、地図を表示するページにショートコードをコピーするだけで完了です。
読みます GoogleマップでWPコミュニティのメンバーの位置を表示する方法
その他の機能は次のとおりです。レスポンシブアルテ、p同じマップ上の複数の場所、pページごとにいくつかのカード、の可能性独自のマーカーをダウンロードし、 全画面表示, dサポートさまざまなタイプのマップ(道路地図、衛星、ハイブリッド、地形)、zoom自動、tをカスタマイズする機能地図から行く、etはるかに..。
推奨リソース
もっと発見する ressources あなたに役立つ推奨事項 ビジュアルテキストエディタをより適切に制御します。
- WordPressにプラグインをインストール(追加)する方法
- WordPressのセキュリティWordfenceのインストール方法
- Gutenbergに新しいWordPressエディターに期待すること
- WordPress 5.0のGutenbergエディターの使用方法:パートXNUMX
- WordPressビジュアルエディタに機能を追加する方法
まとめ
ここに ! このチュートリアルは以上です。記事のインデントをより適切に整理できるようになることを願っています。 お気軽に ソーシャルネットワークで友達とヒントを共有する.
提案や発言があれば歓迎します。 また、ご相談ください あなたが初心者ブロガーならリソース.
...
記事p {ダッシュテキスト:60 px; }
エラーになる文字列。
検証サービスでも「60px;」というエラーが表示されます。 } "
どうすれば修正できますか?
良い仕事