WordPressでDivを使用する方法

HTMLコーディングでは、ディバイダー(「Div」タグ)は、Webサイト用の新しいセクション(独自のコンテンツとHTML要素を含むセクション)を作成するためのコードです。 それらを使用して、埋め込まれた地図内のビジネスの場所、特別オファーやプロモーション、連絡先の詳細など、サイトの特定の部分を区切ることができます。 区切り線を追加するには、ブログのテーマエディタにHTMLコードとCSSコードを追加します。

1。

WordPress管理コントロールパネルにログインしてください。 画面左側のメインメニューバーから[外観]をクリックし、[エディタ]をクリックします。

2。

画面右側のファイルリストから「style.css」をクリックします。 通常はリストの一番下近くにあります。

3。

ファイルの一番下までスクロールして、新しい行を始めます。 次のコードを貼り付けます。

newdiv {

表示ブロック; 幅:100%。 背景色:ホワイト。 色:黒。 ボーダー:5px赤一色。 マージン:5px。 パディング:5px。 }

“ newdiv”をディバイダに適した名前に変更し、Divに必要なスタイルに合うように属性を変更します。 「マージン」はDivとその周囲の他のWebサイト要素との間にギャップを作成し、「パディング」はDivの端とその中に含まれるコンテンツとの間にギャップを作成します。

4。

編集ウィンドウのすぐ下にある[ファイルの更新]ボタンをクリックします。

5。

Divを追加したいサイトの部分に対応するファイルのリストからテンプレートファイルをクリックします。 たとえば、投稿ページに掲載する場合は、「single.php」をクリックします。

6。

ファイルをスクロールして、新しい分割線を追加するファイル内の場所にカーソルを置きます。

7。

ファイルに次のコードを入力します。

これら2つのタグの間に区切り線を入れたいコンテンツを追加してから、「ファイルの更新」をクリックします。これで、このタグを他のテンプレートファイルに追加したり、必要に応じて新しいDivを作成できます。

人気の投稿