無料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件のコメント

  • はじめまして。こちらのサイトより無料テンプレート0512をDLして作成しています。
    レスポンシブWEBデザイン対応と記載されているのでスマホで見るときはレイアウトがスマホ仕様に変更されると思っていたのですが。

    確認するとウェブ上のレイアウトがスマホで確認できる状態です。
    このテーマではこれがレスポンシブデザインとなるのでしょうか?

    設定でウェブブラウザのレイアウト、スマホやタブレット対応レイアウトに変更設定すれば反映されるのでしょうか?

    ご教授お願いします。

  • 使わせて頂いてます。

    トップページにページャーが出ず、記事が5件しか表示されません。

    どこをいじればよいでしょう?

  • すみません。続きです。
    アーカイブページから下記を引っ張ってきてトップページ最下部に入れました。

    ページャーは表示されたのですが、page2 が存在しないページになってしまいます。

    ご教授願います。

  • コメント機能に障害が起きていますので、返信できずご迷惑をお掛けします。
    近々に、別途コメント機能を追加する予定です。

    タックさんへの回答です。

    index.phpの下記の部分で

    &showposts=5 を削除してください。
    表示数は、管理画面で指定します。

  • 上記解決しました。
    ありがとうございます。

    同様に、単一記事ページに次の記事とか前の記事等は出ないのでしょうか?

    あと、トップページのアイキャッチ画像がバラバラぼ大きさで見苦しいのですが、どんな大きさのアイキャッチでも統一した大きさで表示することは出来ますか?

    例えば。全て320×160にしたい場合はどうすればよいでしょう?

  • タックさんへの回答です。

    >同様に、単一記事ページに次の記事とか前の記事等は出ないのでしょうか?
    上記については、previous_post_link と next_post_linkを使って、リンクを作成してください。
    ググっていただくと、利用法が見つかります。

    >全て320×160にしたい場合はどうすればよいでしょう?
    functions.php のアイキャッチ設定で
    set_post_thumbnail_size( 320, 160, true );
    と指定すれば、指定した大きさで切りかきます。

    ただし、指定後はプラグイン等でアイキャッチ画像を自動再設定してください。

  • メニューについて

    ご案内の通りheader.phpの部分を下記のように書き換えました。

    ”,
    ‘container_id’ => ”,
    ‘container_class’ => ”,
    ‘theme_location’ => ‘topmenu’
    ) ); ?>

    そしてメニューでカスタムリンクを配置しましたが
    トップページのメニュー名は変わらず、またリンクも晴れていません。

    ご指示を居たたけないでしょうか。

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

  • 篠原さんへ

    すみません。どのように作業されたのか理解できていません。
    ナビゲーションに表示させるには、「メニューでカスタムリンクを配置」の項目を参照してください。
    なお、topmenuの名称で作成すること、ナビゲーションにチェックが入っていることをご確認ください。

  • 早速のお返事ありがとうございます。

    管理画面のメニュー作成機能で「topmenu」の名称でナビゲーションメニューを作成しました。

    メニューでカスタムリンクを配置しております。

    またナビゲーションにもチェックを入れています。

    しかしトップページを見てもメニュー名は「MENU01から05」のままで
    各リンクも貼られていません。

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

  • 篠原さんへ

    すみません。
    状態を拝見しないと、原因を特定できません。
    可能なら、https://www.af-joho.com/ask/ から、管理画面情報をお送りください。
    なお、コメントの件とご指定ください、

1 2 3

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

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

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

CAPTCHA