WordPressで線を追加する方法(水平方向と垂直方向)

WordPressで線を追加する方法(水平方向と垂直方向)

WordPressサイトを使っていると、何か物足りなさを感じることがあります。デザインを微妙に変えるだけで、見通しがよくなるという大きな変化をもたらすことがよくあります。 

線はとてもシンプルな要素で、デザインを改善するための簡単なハックになるかもしれません。セクションを区切ったり、重要なエリアを強調したり、訪問者がナビゲートしやすい構造的なレイアウトを作るために使うことができます。

このガイドでは、WordPressで水平線と垂直線を追加してスタイル設定する最も実用的な方法を説明します。あなたのスキルレベルに関係なく、あなたのニーズに合ったアプローチが見つかり、サイトのレイアウトをより洗練されたプロフェッショナルなものに変えることができるでしょう。


方法1:「セパレーター」ブロックを使う

最初の作業は、行を追加する予定の特定のページまたは投稿を開くことです。そして、行を追加したい正確な場所に移動します。 

をクリックする。 ブロックインサーター+ボタン を検索してブロックを追加する。 「セパレーター をブロックライブラリに追加しました。それをクリックしてページに挿入してください。デフォルトではエディタに水平線が表示されます。線の外観は使用しているテーマによって異なる可能性があることに留意してください。 

ブロックを選択し ブロック設定 をクリックしてください。お好みの スタイル (実線、破線、点線)。 

最後に、カスタム カラー をクリックすると、ラインのハイライトが変わります。 


方法2:アルティメットブロックのディバイダーブロックを使う


まだインストールしていない場合は アルティメット・ブロック プラグインを有効にしてください。

アルティメット・ブロックの設置


その後、WordPressのエディターを開き + ボタンをクリックしてブロックを追加する。次に "ディバイダー" それをあなたのページに挿入する。

ブロックインサーターを使ってディバイダーブロックを追加します。


右サイドバーのブロック設定で、行を次のようにするかどうかを選択します。 ホリゾンタル または 縦型.縦線の場合は 縦型 オプションがある。

向きを選ぶ。


ラインの 厚さ, 高さそして width を使用している。 一般設定

厚み、高さ、幅を調整。

に移動する。 スタイルの設定、 の3つから選ぶことができる。 回線種別.この後は、以下のようにカスタマイズするだけです。 カラー あなたのサイトのテーマに合わせて 

線の種類を選び、色を設定する。

調整に満足したら、仕切りの準備は完了です。

結論

素人目には些細なことのように思えるかもしれませんが、線を適切に使うことができれば、サイトの見た目に大きな影響を与えます。Separatorブロックを使って素早く水平に区切るか、Ultimate BlocksのDividerブロックを使ってよりカスタマイズ可能なオプションを追加するかは別として、線を追加することで、すっきりと構造化されたデザインを作ることができるのは確かです。

このガイドの方法を使えば、WordPressのページに水平線と垂直線を効果的に入れるために必要なものはすべて揃ったことになる。 

今日から試してみて、これらのシンプルな要素があなたのウェブサイトをより洗練されたプロフェッショナルなものに変えることができるかを見てみよう!



テーブルバーグ・チーム