“Customize”というプラグインによって、スタイルシート(CSS)をいちいち編集しなくても、WordPressの管理画面から予めサーバー上に用意されたヘッダー画像を選んで変更したり、変更対象となっているフォントカラーなどを、とても簡単に変更することができ、その設定内容を記憶したり後で一部編集することもできます。

DigiPressテーマは、この”Customize”プラグインに準拠するように設計されており、非常に動的でバリエーション豊かなサイトデザインの切り替えを実現しています。

管理画面から変更できる項目は以下の通りです。

選択中テーマのデザインのカスタム方法

現在選択中のテーマをカスタマイズするには、以下の手順にて行います。

1. ログイン後、サイドバーの「外観」⇒「Customize Theme」を選択。
2. “Customize from this style“ボタンをクリック。
3. サイトデザインに関するカスタマイズ可能な設定項目が表示されます。
4. ヘッダー画像や各種カラー、サイズについて自由に変更後、「Customize Theme」ボタンを実行してオリジナルのデザイン設定を反映させます。

自前のヘッダー画像を用意して、上記の管理画面からいつでも自由に切り替えを行うには、FTPにて以下の場所に自前で用意したヘッダー用の画像をアップロードしてください。

オリジナルヘッダー画像素材アップロード場所

• 2カラムの場合：/wp-content/themes/digipress-img/header/2column
• 3カラムの場合：/wp-content/themes/digipress-img/header/3column

対応するヘッダー画像サイズ

• 2カラムの場合：800px × 150px のヘッダー画像用意してください。
• 3カラムの場合：1000px × 150px のヘッダー画像を用意してください。

関連する投稿

• サイトの一般的な設定について (0)
• 携帯電話やモバイル端末での表示について (0)
• テスト投稿 (0)
• DigiPressテーマのオプション設定 (0)
• ブログの投稿について (0)

現在の設定は、携帯電話からのアクセスは「Ktai Style」、iPhoneからのアクセスは「Wtouch iPhone Theme」プラグインを有効にしています。

「Ktai Style」の設定は、管理画面の「設定」→「携帯表示」から行えます。

モバイル用アドセンスを表示させたい場合は、この「Ktai Style」で選択しているテーマの”header.php”などのファイルの任意の場所にモバイル用アドセンスコードを貼り付けます。

例えば、「KtaiStyle」で”Monolith”というテーマを選んでいる場合、サーバ上の以下のファイルをテキストエディターで開きます。

/wp-content/plugins/ktai_style/themes/monolith/header.php

上記のファイルの末尾にアドセンスコードを貼り付けると、サイト名の下にアドセンス広告が表示されます。

「MobileEye+」(現在は未使用)の各種設定は、管理画面の「設定」→「MobileEye+」より行えます。
また、MobileEye+の携帯閲覧用テーマファイルは、サーバ上の”/wp-content/plugins/mobile_eye/themes” にあります。

テーマファイルをカスタマイズしたり、モバイル用アドセンスを貼り付けたい場合は、ここのテーマファイルを修正します。

「MobileEye+」での携帯表示の見た目を変更したり広告等を挿入するには、例えばテーマファイルの”header.php”や”footer.php”など、挿入したいテンプレートに任意の位置でタグやコンテンツを追加する必要があります。

今回は当方で、このプラグインのプログラムをカスタマイズして独自のアドセンスやカスタムフッター用のテンプレートが適用できるよう作成したオリジナルのテンプレートをサーバ上にセットアップしておきましたのでこちらをご活用ください。

■オリジナルテンプレート場所：

　/wp-content/plugins/mobile_eye/themes/digistate_custom

■アドセンスコード貼り付け用PHPファイル(ヘッダーに表示されます)

　/digistate_custom/google_adsense.php
　→このファイルにモバイル用アドセンスコードを貼り付けます。
　【アドセンスコード取得時の選択項目】

形式 : シングル
マークアップ : XHTML
文字エンコード : utf8

■カスタムフッター用PHPファイル(フッターに表示されます)

　/digistate_custom/custom_footer.php

　→アクセス解析タグなど、フッターに表示させたいコンテンツがあればファイル内を編集します。

【注意事項】

拡張子はPHPですが、記述するのはアドセンスで取得したコードでもHTMLタグでも何でも結構です。
文字コードはUTF-8で保存してください。

iPhoneやiPod touchの場合は、モバイル用ではなく通常のアドセンスコードを表示できるので、「iWPhone」や「Wtouch iPhone Theme」プラグインが使用するテーマファイルの任意の位置に、通常のアドセンスコードを貼り付けておくことで、これらの端末からアクセスがあった場合にもアドセンスを表示させることができます。

「iWPhone」のテーマファイル：

/wp-content/themes/iwphone-by-contentrobot

「Wtouch iPhone Theme」のテーマファイル：

/wp-content/plugins/wptouch/themes/default

関連する投稿

• テスト投稿 (0)
• サイトの一般的な設定について (0)
• タグについて (0)
• サイドバーウィジェットについて (0)
• アドセンスの管理について (0)

管理画面の「投稿」→「編集」より投稿済みの記事の一覧を確認でき、記事の削除、簡易編集、個別編集などの操作が行えます。

記事のパーマリンクについて

WordPressから投稿する場合、記事の固有のパーマリンクを任意に設定することができます。

※HyperBloggerから投稿した場合は、記事のパーマリンクは変更できません。記事タイトルがURLエンコードされたものがそのまま記事URLとなります。

記事のパーマリンクを変更するには、WordPressの記事投稿(または編集)画面の記事タイトルと本文編集用テキストボックスの間にある”パーマリンク”項目の「編集」ボタンより変更できます。

ビジュアルエディタとHTMLエディタ

WordPressから記事を投稿したり編集する際は、Wordのように実際に投稿されるWebページの表示と同じように編集できるビジュアル（WYSIWYG）エディタと、ノーマルのHTMLエディタが用意されています。

※HyperBloggerの記事編集画面は、HTMLタグを直接編集する形の通常のHTMLエディタです。

ビジュアルエディタとHTMLエディタの切り替えは、WordPressの記事投稿/編集画面から、「ビジュアル」、「HTML」リンクのどちらかを選択して切り替えることができます。

HTMLタグに不慣れなうちは、ビジュアルエディタを使用する方が使いやすいと感じるかもしれませんが、ブログを今後運営する上ではHTMLタグを少しずつ覚えていき、HTMLエディタをメインに記事を編集できるよう、慣れていくことをお勧めします。

※HTMLに慣れてくると、ビジュアルエディタは逆に非常に使いづらくなります。

関連する投稿

• テスト投稿 (0)
• 携帯電話やモバイル端末での表示について (0)
• タグについて (0)
• サイドバーウィジェットについて (0)
• サイトの一般的な設定について (0)

ウィジェットには、カテゴリ、タグクラウド、RSSリーダー(他のサイトのフィードを設定し、アクセスされるたびにフィードから最新の記事情報を表示)、アーカイブ情報、検索ボックスなど様々なサイドバーコンテンツを任意の順番でカスタマイズできます。

また、ExecutablePHPウィジェットプラグインにより、サイドバーに任意のHTMLタグやPHPコードを記述することも可能です(ウィジェットにPHP Codeを追加)。

セットアップ初期状態では、サイドバーの最下部から2番目にある「PHP Code ウィジェット」がそれに当たります。

ここには、テキスト、HTMLタグ、広告コード、その他自由なコンテンツを盛り込むことができます。

関連する投稿

• 携帯電話やモバイル端末での表示について (0)
• タグについて (0)
• アドセンスの管理について (0)
• アクセス解析について (0)
• ブログの投稿について (0)

これはH3タグです

これはH4タグです

これはH5タグです

これはH6タグです

• これはリストです
• これはリストです
• これはリストです
• これはリストです

• これはチェックマークリストです
• これはチェックマークリストです
• これはチェックマークリストです
• これはチェックマークリストです

これは引用(blockquote)です。他サイトのコンテンツや書籍等の著作物がある内容を引用する場合などに使用できます。

チェックマーク

これは注意用ふきだし

これは要点用ふきだし

これは注目用ふきだし

これはポイント用ふきだし

これはチェック用ふきだし

これはまとめ用ふきだし

これは重要用ふきだし

これは新着用ふきだし

これはおすすめ用ふきだし

これはTips用ふきだし

WordPressを使っています？

はい、使っています。

WordPressを使っていますか？

はい、使っています。

WordPressを使っていますか？

はい、使っています。

WordPressを使っていますか？

はい、使っています。

WordPressを使っていますか？

はい、使っています。

もしや「？」マークもあるのですか？

「？」マークもあるのですか？

「？」マークもあるのですか？

「？」マークもあるのですか？

「？」マークもあるのですか？

これはバッジアクセント（ブルー）です

これはバッジアクセント（レッド）です

これはバッジアクセント（グリーン）です

これはバッジアクセント（イエロー）です

これはバッジアクセント（ピンク）です

これは10ピクセルのフォントです。
これは15ピクセルのフォントです。
これは20ピクセルのフォントです。
これは30ピクセルのフォントです。

これはテキストマーカー（イエロー/ブラック）です。
これはテキストマーカー（イエロー/レッド）です。
これはテキストマーカー（グリーン/ブラック）です。
これはテキストマーカー（グリーン/レッド）です。
これはテキストマーカー（ブルー/ホワイト）です。
これはテキストマーカー（ブルー/レッド）です。
これはテキストマーカー（レッド/ホワイト）です。
これはテキストマーカー（レッド/イエロー）です。
これはテキストマーカー（オレンジ/ホワイト）です。
これはテキストマーカー（オレンジ/イエロー）です。
これはテキストマーカー（ピンク/ホワイト）です。
これはテキストマーカー（ピンク/イエロー）です。

通常ボックス表示サンプル

太枠ボックス表示サンプル

点線ボックス表示サンプル

これはボックス表示内のコンテンツです。CSSによる数字画像の表示例です。
数字用の装飾は、1文字ずつ指定できるため、どんな桁のどんな数値にも対応できます。
1,980円

関連する投稿

• 携帯電話やモバイル端末での表示について (0)
• ブログの投稿について (0)
• サイトの一般的な設定について (0)
• DigiPressテーマのオプション設定 (0)
• CSSの編集をせずにヘッダー画像・フォントカラー等を変更しオリジナルデザインを作成する方法 (0)