ワードプレステーマTCD
- » フリーテーマ配布 » WordPressテーマFree版 仕様解説
目次
01. テーマをダウンロード
02. テーマをアップロード
03. テーマを有効化
05. ウィジェットの設定
06. カスタムヘッダー、カスタム背景
07. アイキャッチ画像の設定方法
08. 抜粋の使い方
01. テーマをダウンロード
02. テーマをアップロード
「wp-content」フォルダ内の「themes」の中にインストールしたいテーマをアップロード
03. テーマを有効化
管理画面 左メニュー「テーマ」から 先ほどアップロードしたテーマを「有効化」
※あらかじめ、WordPressのバージョンは3.0以上にしておいてください。それ以下のバージョンですと、正しく動作しない場合がございます。
04. カスタムメニュー（グローバルメニュー）の設定
TCD-free版では、デフォルトで5箇所 カスタムメニューに対応しております。下の画像の通りです。
デフォルトでは、「ページ」全てがナビゲーションメニューに表示されるようになっています。ページの構成によっては表示崩れを起こす原因にもなりますので、まず最初に任意のカスタムメニューを設定します。
管理画面「外観」→「メニュー」から図のような手順を踏みます。
1. メニューの名前を付けて「メニューを作成」します。
2. カスタムリンク、ページ、カテゴリーの中から メニューに表示させたいリストにチェックを入れて、「メニューに追加」します。カスタムリンクを使うと、任意のURLを設定できます。「ラベル」は、メニューに表示させる時の名前で、好きなモノを付けられます。
3. メニューを追加できたら「メニューを保存」し、「上部のナビゲーションメニュー」に今作ったメニューを選択し、「保存」します。これでカスタムメニューの設定は完了です。プレビューで確認してみてください。
この他、フッターのカスタムメニューも今お伝えした方法を繰り返すことで設定できます。ウィジェットを使わない場合は、設定しておきましょう。
05. ウィジェットの設定
管理画面のウィジェットから、コンテンツをドラック＆ドロップだけで直感的に入れ替えることができます。
「外観」→「ウィジェット」から編集できます。
参照： ウィジェットの使い方
06. カスタムヘッダー、カスタム背景
ヘッダー部分のロゴと背景色を管理画面から変更します。次の記事を御覧ください（カスタマイズでコードをいじって頂く必要はございません）。
WordPress管理画面からヘッダー、背景、メニューを編集する方法
07. アイキャッチ画像の設定方法
記事を投稿するときに、記事ごとにアイキャッチ（推奨は85x85pxの正方形バナー）を設定します。未設定の場合は代替画像が挿入されます。
アイキャッチの設定方法は、WordPress「投稿画面」の右下に「アイキャッチ画像」という項目が追加されます。そこの「アイキャッチ画像を設定」というリンクをクリックします。すると、画像を選択する画面が現れますので、ローカルからアイキャッチ画像を選択します。
08. 抜粋の使い方
記事投稿の時、抜粋に書いた文章は トップページの新着一覧部分に表示されます。ここはあまりに長文だと見た目が悪くなるため、60文字以上はカットされるようにしています。もし、抜粋を書かなければ、通常の記事の文章の中から勝手に抜粋されますので、特に問題はありません。
アイキャッチや抜粋が 記事投稿画面に無い場合は、「表示オプション」を開いて チェックを入れてください。
最新の記事一覧
Copyright(c) 2008-2012 ワードプレステーマTCD All Rights Reserved.
下記のエラーが出ます。
どのように対応すればよいでしょうか？
パッケージをインストールできませんでした。 テーマに style.css ファイルが含まれていません。
テーマのインストールに失敗しました。
2012年4月20日 11:57 PM | ゆちべぇ
＞ゆちべえさん
「tcd-free」フォルダではなく、テーマファイルフォルダ（free-blackなど）をアップするようにしてください。
「tcd-free」フォルダをアップした場合、「style.css ファイルが含まれていません。」といったエラーメッセージが流れます。
2012年4月21日 11:59 AM | 管理人
zipｆファイルを解凍し、再度、色別にzip圧縮してから、各色ごとにインストールしたら使えました。
お騒がせしました。
2012年4月21日 9:19 PM | diana
テーマ TCD006を購入しましたが、フリー版が気に入り利用させていただいております。
少しお尋ねしたい事がございます。
ブログ記事の、「文章１」 と 「文章２」 の間の間隔が を挿入した場合とあまり変わらず、文字が詰まりすぎて文章が読みにくい感じがします。
この部分の間隔を広げるには、CSSのどの部分を編集すれば良いでしょうか？
お手数ですが、ご教授いただけますと助かります。
2012年5月12日 10:33 PM | タマ
上記文章のタグの部分が消えてしまいましたので、新たにコメントさせていただきます。
普通にブログ記事を書いた場合、
＜ｐ＞文章１＜/p＞
＜p＞文章２＜/p＞
といった感じにタグがなると思いますが、文章１と文章２の間隔が狭く、文章が詰まりすぎて少し読みづらく感じます。
この間隔を広げるには、cssファイルの、どの部分を編集すれば良いのでしょうか？
お手数ですがご教授いただけますと助かります。
2012年5月12日 10:38 PM | タマ
＞タマさん
<p>文章1</p>
<p class="mt30">文章2（mt30 で上30px分の余白を空ける）</p>
<p class="mt50">文章2（mt30 で上50px分の余白を空ける）</p>
上記のようにすると、行間を調整できるかと思います。
なお、mt30 の t のところを b にして mb30 にすると 下（bottom）に30pxの余白ができます。
mt30 の t のところを r にして mr30 にすると 右（right）に30pxの余白ができます。
mt30 の t のところを l にして ml30 にすると 左（left）に30pxの余白ができます。
2012年5月14日 5:09 PM | 管理人