初めての方にもWordPressをわかりやすく説明

初心者向けワードプレス作成方法とネットビジネスネタのメモサイト

MovableTypeを凌ぐ無料ブログツールWordPressの基本操作、カスタマイズ方法、プラグインなどの情報を提供

スタイルシートを変更する

2007-10-13

デフォルトテーマ「Easy All」でページを追加したときに、タイトルを日本語にすると、枠が下記のようにずれてしまします。

日本語ツールバーがずれている画面

これは、フォントの大きさ、色やレイアウトなどのデザインを設定する「スタイルシート」ファイルを変更することで解消できます。

通常はファイルのアップロードで変更しますが、ここでは、コントロール画面から修正する方法を説明します。

まず、「/wp-content/themes/EasyAll」のディレクトリ配下にある、「style.css」ファイルの属性を、ファイル転送ソフトを使い、「666」に変更します。

スタイルシート属性変更

次に、コントロール画面で、「表示」-「テーマエディタ」を開きます。

テーマエディタ変更画面
右のテーマファイルで「スタイルシート」を選択します。
「style.css を編集」を下のほうにスクロールしていくと、

#navcontainer ul {
padding: 0;
margin: 0;
background: #5F707A;
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
float: left;
width: 760px;
font: 13px Osaka, Verdana, sans-serif;
}

があるので、そこの一番したにある、font部分の
13px → 12pt
に書き換え、「ファイルを更新」をクリックします。

サイトを確認するとずれがなくなっています。
日本語ツールバーがなおっている画面

  タグ:

-スポンサーサイト-


コメント

すいません。
最近、ワードプレスを使い始めたんですが、全くわからない状態です。
コメントとかもURL入力が出来ない状態ですしスタイルシートも変更したいんですが、更新ボタンがありません。

教えてもらえたらありがたいです。

*************************************************

管理人です。

レゾンさんのホームページにコメントしましたので、確認してください。

投稿者: レゾン 投稿日時: 2008年10月14日 17時14分

コメントを投稿する

-スポンサーサイト-

HOME » WordPress初級編 » 設定 » スタイルシートを変更する
Google