piroweb

椅子の上にも3年以上

WordPressのタグとかHTMLタグとか覚え書きです

WordPressタグとかHTMLタグ

WordPressのタグとかHTMLタグは、EvernoteやDwのスニペットや単語帳に登録してますが、たまにコピペで必要になるときがあるので、そんな時用の自分なりのまとめです。

よく使うものをコピペで使う

タグは、EvernoteやDwのスニペットや単語帳に登録していますが、たまにコピペで必要になるときがあるので、そんな時用の自分なりのまとめです。
必要な部分をたまにコピペで使っています。再インストールなどでバックアップし忘れたときなんかも役立つかな。

HTMLソースなどは丸ごと登録しておけば 作業は速くなりますよ。

WordPressのタグ

<?php get_header();?>
 <?php if (have_posts()) : ?>
     <?php while (have_posts()) : the_post(); ?>
         <?php the_content();?>
     <?php endwhile; ?>
     <?php else : ?>
         コンテンツが無い時の表示
 <?php endif; ?>
<?php get_sidebar();?>
<?php get_footer();?>

<?php wp_head(); ?>
<?php wp_footer(); ?>

<?php bloginfo('name');?>
<?php bloginfo('description');?>
<?php bloginfo('url');?>
<?php bloginfo('stylesheet_url');?>
<?php bloginfo('template_url');?>
<?php bloginfo('charset'); ?>

<?php get_header();?>
<?php get_sidebar();?>
<?php get_footer();?>
<?php comments_template();?>
<?php get_search_form();?>

<?php the_title();?>
<?php the_permalink();?>
<?php the_post_thumbnail();?>
<?php the_content();?>
<?php the_excerpt();?>
<?php the_time();?>
<?php the_time('Y-m-d H:i')?>
<?php the_time('Y年m月d日 (D) H:i')?>
<?php the_author();?>
<?php the_tags();?>
<?php the_tags('この記事のタグ: ',' | ');?>

<?php the_category();?>
<?php the_category(', ');?>
<?php wp_list_categories('show_count=1&title_li=');?>
<?php wp_get_archives('type=monthly');?>
<?php get_calendar();?>

<?php posts_nav_link();?>
<?php next_post_link();?>
<?php previous_post_link();?>

<?php
/*
Template Name: About(任意の名前)
*/
?>

/*
Theme Name: *****
Theme URI: http://www.*****.com
Description: ******************
Version: 1
Author: ***
Author URI: http://www.*****.com
*/

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>タイトルが入ります</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="****************************" />
<meta name="keywords" content="***,***,***" />
<link rel="stylesheet" href="./css/import.css" type="text/css" />
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="./js/*****.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="./js/*****.js"></script>
<![endif]-->
</head>
<body>

<div id="wrapper"><!--wrapper-->
</div><!--wrapper-->

<div id="header"><!--header-->
</div><!--/header-->

<div id="contents"><!--contents-->
</div><!--/contents-->

<div id="sidebar"><!--sidebar-->
</div><!--/sidebar-->

<div id="footer"><!--footer-->
</div><!--/footer-->

</body>
</html>

html5

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タイトルをここに記入</title>
<meta name="description" content="******************************************">
<meta name="keywords" content="***,***,***">
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/import.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="./js/*****.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
<script src="./js/*****.js"></script>
<![endif]-->
</head>
<body>
<header><!--header-->
</header><!--/header-->

<section><!--section-->
</section><!--/section-->

<article><!--article-->
</article><!--/article-->

<time><!--time-->
</time><!--/time-->

<hgroup><!--hgroup-->
<h1></h1>
<h2></h2>
</hgroup><!--/hgroup-->

<figure><!--figure-->
<img src="***.jpg">
<figcaption>画像タイトル</figcaption>
</figure><!--/figure-->

<nav><!--nav-->
<ul>
<li>***</li>
</ul>
</nav><!--/nav-->

<aside><!--aside-->
</aside><!--/aside-->

<footer><!--footer-->
</footer><!--/footer-->

</body>
</html>

Facebook OGPを使用する場合

<html lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<!--Facebook OGP-->
<meta property="og:title" content="ページのタイトル" />
<meta property="og:description" content="**********" />
<meta property="og:url" content="http://*****" />
<meta property="og:image" content="http://www.***.com/images/thumbnail.jpg" />
<meta property="image_src" content="http://www.***.com/images/thumbnail.jpg" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="サイト(ブログ)のタイトル" />
<meta property="og:site_url" content="http://www.***.com/" />
<meta property="fb:app_id" content="***************" />

コメント

ページトップへ戻る