wordpress 基本タグ各種
基本タグ
cssに足すタグ▼
|
1 |
<?php echo get_template_directory_uri(); ?>/css |
imgに足すタグ▼
|
1 |
<img src="<?php echo get_template_directory_uri(); ?>/ |
titleにするタグ▼
|
1 |
<?php bloginfo('name'); ?> |
titleをページごとに変更するために例えば
（今日のできごと！-サイト名）にするためには
まず、「-」ハイフンを表示させる設定▼
|
1 |
<title><?php wp_title('-',true,'right'); ?></title> |
ハイフンをページタイトルの文字の右に表示させる・・・という意味。
ちなみに左の場合は”とrightの文字を消すだけ。
homeにリンクするタグ▼
|
1 |
<a href="<?php echo home_url(); ?>"> |
bodyを以下に変更する。bodyをclass属性に変化させる▼
|
1 |
<body <?php body_class(); ?>> |
headerをカットしたところに以下を貼り付けてheader.phpを読む▼
|
1 |
<?php get_header(); ?> |
header.phpのheadタグの中に以下を入れておく。ここがheaderだと認識させる▼
|
1 |
<?php wp_head(); ?> |
footerをカットしたところに以下を貼り付けてfooter.phpを読む▼
|
1 |
<?php get_footer(); ?> |
footer.phpの</body>の直前に以下を入れておく。ここがfooterだと認識させる▼
|
1 |
<?php wp_footer(); ?> |
sidebarをカットしたところに以下を貼り付けてsidebar.phpを読む▼
|
1 |
<?php get_sidebar(); ?> |
jqueryのjsフォルダにあるファイルの読み込み方▼
|
1 2 3 |
wp_enqueue_script('hotel-common',get_template_directory_uri().'/js/common.js'); ↑↑ wp_enqueue_script('任意の文字列（ハンドル名）',get_template_directory_uri().'jsファイルへのパス'); |
jqueryの重複読み込みを防止するタグ▼
|
1 |
wp_enqueue_script('jquery'); |
テンプレートに初めからあるjqueryとの重複防止。▼
（jqueryサイトのurl ＆ jsファイルのパス ＆ wp_headタグのおまけつき）▼
|
1 2 3 4 5 |
<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(); ?> |
トップページの時だけ表示する条件分岐タグ
例）：トップページだけビジュアルを表示するときは表示するところを構文ではさむ。▼
|
1 2 3 |
<?php if(is_home()): ?> <div class="homeVisual"><span>石垣島でのんびりゆったりと。</span></div> <?php endif; ?> |
is_homeはトップページ。他にはis_singleは記事ページ is_pageは固定ページ is_categoryはカテゴリーページ。
お役に立てましたらadsenseクリックお願いします！
いかがでしたでしょうか？もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！
関連記事
-
2024.06.28 Webデザインのトレンドとインスピレーション: 初心者Webデザイナー向けガイド -
2020.04.08 ドメインだけを他のサーバー（サクラサーバー）へ引っ越し
-
2022.04.25 Xサーバーでwordpressのサイトを複数追加する方法 -
-
2024.06.28 SEOとパフォーマンス: 初心者Webデザイナー向けガイド
-
2022.08.29 Googleリキャプチャ(reCAPTCHA)v3の導入
