wordpress 基本タグ各種

18.11.20

基本タグ

cssに足すタグ▼

<?php echo get_template_directory_uri(); ?>/css

1	<?php echo get_template_directory_uri(); ?>/css

imgに足すタグ▼

<img src="<?php echo get_template_directory_uri(); ?>/

1	<img src="<?php echo get_template_directory_uri(); ?>/

titleにするタグ▼

<?php bloginfo('name'); ?>

1	<?php bloginfo('name'); ?>

titleをページごとに変更するために例えば
（今日のできごと！-サイト名）にするためには
まず、「-」ハイフンを表示させる設定▼

<title><?php wp_title('-',true,'right'); ?></title>

1	<title><?php wp_title('-',true,'right'); ?></title>

ハイフンをページタイトルの文字の右に表示させる・・・という意味。
ちなみに左の場合は”とrightの文字を消すだけ。

homeにリンクするタグ▼

<a href="<?php echo home_url(); ?>">

1	<a href="<?php echo home_url(); ?>">

bodyを以下に変更する。bodyをclass属性に変化させる▼

<body <?php body_class(); ?>>

1	<body <?php body_class(); ?>>

headerをカットしたところに以下を貼り付けてheader.phpを読む▼

<?php get_header(); ?>

1	<?php get_header(); ?>

header.phpのheadタグの中に以下を入れておく。ここがheaderだと認識させる▼

<?php wp_head(); ?>

1	<?php wp_head(); ?>

footerをカットしたところに以下を貼り付けてfooter.phpを読む▼

<?php get_footer(); ?>

1	<?php get_footer(); ?>

footer.phpの</body>の直前に以下を入れておく。ここがfooterだと認識させる▼

<?php wp_footer(); ?>

1	<?php wp_footer(); ?>

sidebarをカットしたところに以下を貼り付けてsidebar.phpを読む▼

<?php get_sidebar(); ?>

1	<?php get_sidebar(); ?>

jqueryのjsフォルダにあるファイルの読み込み方▼

wp_enqueue_script('hotel-common',get_template_directory_uri().'/js/common.js');
↑↑
wp_enqueue_script('任意の文字列（ハンドル名）',get_template_directory_uri().'jsファイルへのパス');

wp_enqueue_script('hotel-common',get_template_directory_uri().'/js/common.js');

↑↑

wp_enqueue_script('任意の文字列（ハンドル名）',get_template_directory_uri().'jsファイルへのパス');

jqueryの重複読み込みを防止するタグ▼

wp_enqueue_script('jquery');

1	wp_enqueue_script('jquery');

テンプレートに初めからあるjqueryとの重複防止。▼
（jqueryサイトのurl ＆ jsファイルのパス＆ wp_headタグのおまけつき）▼

<script src="http://code.jquery.com/jquery-2.1.1min.js"></script>
<?php
wp_enqueue_script('jquery');
wp_enqueue_script('hotel-common',get_template_directory_uri().'/js/common.js');
wp_head(); ?>

<?php

wp_enqueue_script('jquery');

wp_enqueue_script('hotel-common',get_template_directory_uri().'/js/common.js');

wp_head(); ?>

トップページの時だけ表示する条件分岐タグ
例）：トップページだけビジュアルを表示するときは表示するところを構文ではさむ。▼

<?php if(is_home()): ?>
    <div class="homeVisual"><span>石垣島でのんびりゆったりと。</span></div>
<?php endif; ?>

<?php if(is_home()): ?>

<div class="homeVisual"><span>石垣島でのんびりゆったりと。</span></div>

<?php endif; ?>

is_homeはトップページ。他にはis_singleは記事ページ　is_pageは固定ページ　is_categoryはカテゴリーページ。

« wordpress そのページだけにcssを適用させる方法。

スクロールすると画面上部に固定されたメニューバーが出現する方法　 »

2020.12.08 contactform7でドメインと異なるメールアドレス(Gmail)を送信者とするときに迷惑メールにならないようにする方法。
2018.10.27 ワードプレスで子テーマを設定する方法。
2018.11.20 スクロールすると画面上部に固定されたメニューバーが出現する方法　
2020.12.09 psdで印刷物を作る時のまとめ
2018.10.27 粒子状のパーティクルを背景に表示させる方法。
2023.06.08 sakuraメールがgmailに届かないときの対処法。

wordpress 基本タグ各種

基本タグ

関連記事