今の自分にできることを、集中し全力を尽くせ

info@example.com 000-000-0000

Do your best !

今の自分にできることを、集中し全力を尽くせ

WordPress開発講座03

「css」「images」「js」などを、テンプレートタグで取得し出力できるようにに設定します。

下記のテンプレートタグを「css」「images」「js」の前に記述してください。

<?php echo get_template_directory_uri(); ?>/

/を忘れずに...
事例

<link href="<?php echo get_template_directory_uri(); ?>/css/bootstrap-4.3.1.css" rel="stylesheet">

ちなみに「echo」は表示させるPHP言語になります。

「get」はサーバーなどの指定されたデータを取ってくるの意味になります。

header内に下記のコードがあれば削除

WordPressにコピーしたBootstrapのheader内のコードに下記のコードがあれば削除してください。

<title>web-design|ブログ</title>
<meta name="description" content="">
<meta nmae="author" content="">

タイトルやディスクリプションなどは、Wordpressの管理画面で設定が出来ます。

ロゴタイトルをテンプレートタグで呼びだす事例コード

タイトルが画像の場合

<div class="container">
<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.jpg" class="img-fluid"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
	
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <?php
        wp_nav_menu( array(
            'theme_location'    => 'gloval-navigation',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => '',
            'container_id'      => '',
            'menu_class'        => 'navbar-nav', // ulに付けているクラス
            'fallback_cb'       => '',
            'walker'            => new WP_Bootstrap_Navwalker(),
        ) );
        ?>
</div>
</div><!-- container END -->
タイトルがテキストの場合

<div class="container">
<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'mane' ); ?></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
	
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <?php
        wp_nav_menu( array(
            'theme_location'    => 'gloval-navigation',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => '',
            'container_id'      => '',
            'menu_class'        => 'navbar-nav', // ulに付けているクラス
            'fallback_cb'       => '',
            'walker'            => new WP_Bootstrap_Navwalker(),
        ) );
        ?>
</div>
</div><!-- container END -->

参考サイト

https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/bloginfo

Side Contents

Category List

Archive List

タグ