ネットビジネス関連のメモと、初心者にわかりやすく無料ブログツールWordPressのサイト制作方法を書いています

WordPresデフォルトテーマ「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
に書き換え、「ファイルを更新」をクリックします。

サイトを確認するとずれがなくなっています。