WordPressで列幅を調整できますか?

著者: Sara Rhodes
作成日: 9 2月 2021
更新日: 1 12月 2024
Anonim
列幅の調整:【はじめてのWordPress無料講座32】初心者の方もわかりやすい初級編!
ビデオ: 列幅の調整:【はじめてのWordPress無料講座32】初心者の方もわかりやすい初級編!

コンテンツ

CSSを操作してTumblrブログの外観を作り直す方法を学びましょう。たとえば、列では、ブログをWebページ全体に水平に表示される縦方向のセクションに分割します。ブログのCSSコードを変更して、ページの幅とレイアウトを変更します。


新しいレイアウトであなたの訪問者を驚かせる (Comstock Images / Comstock /ゲッティイメージズ)

列のCSSスタイル

多くのWebページは2つ以上の列で構成されています。ページの左側にはナビゲーションメニューを含めることができ、中央の列にはページのメインコンテンツを表示できます。右側のオプションの列にはリンクと広告を表示できます。 Web開発者はCSS(Cascading Style Sheetsとも呼ばれます)を使用してこれらの列を作成します。要素の幅を表すCSSのwidth属性は、Webページ上での列の表示方法を変更するためにCSSで使用されている最も重要な属性の1つです。長くなります。値を小さくすると列が狭くなります。

列のサイズ変更

ブログとコラムのページを構成するCSSを変更する前に、アップデートを購入する必要があります。更新後、ダッシュボードの[カスタムデザイン]をクリックするとデザインページにリダイレクトされます。このページにはCSSを編集するための2つのオプションがあります。 1つの選択肢として、既存のブログのCSSコードを更新することができます。このオプションを選択した場合は、ブログの列を定義するCSSタグの幅の値を更新できます。独自のCSSコードを作成したい場合は、「最初からやり直す」オプションを選択してください。このオプションを使用すると、ブログの表示方法をより細かく制御できますが、CSSスタイルに関する知識がさらに必要になります。

検討事項

あなたがCSSに "edit-css-content-width"オプションを追加して、メインコンテンツを保持する列の幅を変更することをお勧めします。ブラウザがこのオプションを表示するときに、メインのコンテンツ列に収まるように、ビデオやその他のメディアオブジェクト(画像など)のサイズを調整します。より幅の広いコラムを作るときは、視聴者を見ることを検討してください。誰もがワイドスクリーンのモニターを持っているわけではありません。列を大きくしすぎると、ブログの訪問者はすべてのコンテンツを表示するために画面をスクロールする必要があります。


列のその他のスタイルオプション

WordPressのデフォルトテーマの列の順序を変更してブログの外観を調整することもできます。 [ダッシュボード]ページにある[テーマオプション]タブには、ブログにすぐに適用できる3つのレイアウトオプションがあります。メインコンテンツをページの左の列、右の列、または中央に表示するには、いずれかのオプションを選択します。最後のオプションは、ブログ上のすべてのサイドバーを削除し、ページの中央にメインコンテンツを表示する大きな列を残します。 CSSを使用して列のサイズを変更する前に、これらのオプションを検討して、ブログの外観にどのような影響があるかを確認してください。あなたはそれらのうちの1つが好きかもしれません。