カテゴリー: WEB開発

HTML5のベースコード

<!DOCTYPE HTML>
<html lang="ja">
<head>

<!-- メタエリアここから -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=1">
<!-- メタエリアここまで -->

<!-- タイトルここから -->
<title>タイトル</title>
<!-- タイトルここまで -->

<!--ファビコン・ウェブクリップ　ここから-->
<link rel="shortcut icon" href="XXXXXXXXXXX">
<link rel="apple-touch-icon" href="XXXXXXXXXXX">
<!--ファビコン・ウェブクリップ　ここまで-->

<!--ウェブフォント　ここから-->
あればここに記載
<!--ウェブフォント　ここまで-->

<!-- スタイルシート読み込みここから -->
<link rel="stylesheet" href="設置ディレクトリ/css/common.css">
<link rel="stylesheet" href="設置ディレクトリ/css/layout.css">
<link rel="stylesheet" href="設置ディレクトリ/css/font-awesome.min.css">
その他あればここに記載
<!-- スタイルシート読み込みここまで -->

<!-- JS読み込みここから -->
<script src="設置ディレクトリ/js/jquery-1.11.2.min.js"></script>
<script src="設置ディレクトリ/js/setup.js"></script>
その他あればここに記載
<!-- JS読み込みここまで -->

<!--[if lt IE 9]（編集不可領域）-->
<script src="設置ディレクトリ/js/html5shiv.js"></script>
<script src="設置ディレクトリ/js/selectivizr.js"></script>
<script src="設置ディレクトリ/js/respond.js"></script>
<!-- [endif] -->

<!-- スクリプト記述ここから -->
<script>
その他あればここに記載
</script>
<!-- スクリプト記述ここまで -->
</head>

<body>
<article id="conbox">
<header>
ヘッダーのコンテンツを記載
<nav>
ナビのコンテンツを記載
</nav>
</header>

<div id="wrapper">
コンテンツ
</div>

<footer>
フッターのコンテンツを記載
</footer>
</body>
</html>

WordPressテンプレートタグ一覧

トップページのURLを出力したい

<?php echo home_url(); ?>
<?php echo home_url("/"); ?> // 最後にスラッシュを入れたい場合

 

テーマディレクトリのパスを出力したい

<?php echo get_template_directory_uri(); ?>
//  使用例
<img src="<?php echo get_template_directory_uri(); ?>/images/common/ph_contents.jpg">

 

固定ページにのみ表示させたい　(条件分岐)

<?php if(is_page()): ?>
<p>ここの内容は固定ページにしか出力されません</p>
<?php endif; ?>

 

投稿ページにのみ表示させたい　(条件分岐)

//  カテゴリ一覧ページ
<?php if(is_category()): ?>
<p>ここの内容は固定ページにしか出力されません</p>
<?php endif; ?>
//  投稿詳細ページ
<?php if(is_single()): ?>
<p>ここの内容は固定ページにしか出力されません</p>
<?php endif; ?>

 

投稿ループ系

<?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php the_content(); ?> // 記事の内容全部
<?php the_excerpt(); ?> // 記事抜粋
<?php the_permalink(); ?> // パーマリンク(その投稿やページのURL)出力
<?php the_title(); ?>　// その投稿（ページ）のタイトル
<?php the_time(); ?>　// その記事（ページ）の投稿日時
<?php the_author(); ?>　// その記事（ページ）の投稿者名
<?php the_category(); ?>　// その記事のカテゴリー名
<?php the_tag(); ?>　// その記事に付けられたタグ
<?php endwhile; endif; ?>