無料WordPressテーマ No.5012(レスポンシブWEBデザイン)

Release: 2015/02/20 Update: 2019/09/29

レスポンシブWEBデザインの2カラム無料テーマです。

サイドバーの位置やテーマの基本色を「テーマカスタマイザー」で自由に変更できるようにしました。
5012_03

※画像をクリックすると、サンプルサイトを表示します。

 

テーマカスタマイザーでテーマを設定

ヘッダーとリンク色、背景色の設定。

5012_04

 

ヘッダー画像を変更する

5012_07

 

基本色とサイドバーの位置

基本色とサイドバーの位置、スマホ対応(レスポンシブWEBデザイン)の設定ができます。

5012_05

 

ナビゲーションの設定

テーマカスタマイザーのナビゲーションで「topmenu」を選択設定すると、ヘッダーナビゲーションが表示されます。
ただし、管理画面のメニュー作成機能で「topmenu」の名称でナビゲーションメニューを作成しておく必要があります。

5012_06

 

ウィジェットの設定

テーマカスタマイザー管理画面のウィジェットで、テーマのウィジェット設定ができます。
テキストやカスタムメニューを利用することで、多様な設定が可能です。

5012_08

 

その他、注意事項

アイキャッチ画像について

アイキャッチ画像は、できるだけ幅500px程度以上の画像を利用してください。

既存のサイトに利用する場合は、アイキャッチ画像の再設定が必要な場合があります。
Regenerate Thumbnails」プラグインを利用すると、簡単に再設定ができます。

テーマの修正について

WordPressのバージョンアップでメーニュー表示に変更があります。
header.phpの下記の部分を


<nav>
<?php wp_nav_menu( array( 'container' => '',
        'container_id' => '',
        'container_class' => '',
        'theme_location' => 'primary'
) ); ?>
</nav>

次の様に変更してご利用ください。


<nav>
<?php wp_nav_menu( array( 'container' => '',
        'container_id' => '',
        'container_class' => '',
        'theme_location' => 'topmenu'
) ); ?>
</nav>

 

必須のプラグイン

Breadcrumb NavXT :パンくずリスト

Category Order and Taxonomy Terms Order :カテゴリーの並べ替え

Prime Strategy Page Navi :ページナビを表示

 

テーマのダウンロード

下記フォームに必要事項を記入の上、送信いただくと、
メールにてダウンロード詳細をお送りします。

こちらから、ご送信ください。

HOME


関連コンテンツ



28件のコメント

  • いつもご案内ありがとうございます。様々なデバイス向けということで期待しています。

  • 初心者です、教えてください。
    トップページの下記の部分はどのように編集するのですか?

    記事表示のサンプル
    記事表示のサンプルになります。この部分は、index.phpを変更してください。

    宜しくお願いします。

  • あんどう様 返信機能がトラブってますので、別コメントでお答えします。

    管理画面の「外観」ー「テーマ編集」で、index.php を選択して
    編集してください。

  • 何度もすみません。
    トップページのレスポンシブ・ウェブデザイン採用しています!!の下の「レスポンシブWEBデザイン」の画像はどこで設定したらよいですか?
    初歩的な質問ですみません。
    宜しくお願いします。

  • 本当に何度もすみません
    ナビゲーションのメニューの並べ替えはどこですればよいですか?
    メニュー構造の順番で並べたいです。
    宜しくお願いします。

  • よろしくお願いします。

  • 試してみたいです。

  • 使ってみたいと思いますので、よろしくお願いいたします

  • まったくの初心者です。
    無料で簡単にできるということなので挑戦してみたいと思います。
    よろしくお願いします。

  • よろしくお願いします

1 2 3

コメントはお気軽にどうぞ

メールアドレスは公開されません。
また、* が付いている欄は必須項目ですので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA