最近のhead内コード
当サイトではアフィリエイトプログラムを利用して商品を紹介しています。
最新のwordpressでテンプレートを作るときのhead内はこんな感じです。
<!DOCTYPE HTML>
<html <?php language_attributes(); ?> xmlns:fb='http://www.facebook.com/2008/fbml'>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" media="all" />
<title><?php bloginfo('name'); ?></title>
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" />
<link rel="apple-touch-icon" href="<?php bloginfo('template_url'); ?>/screenshot.png" />
<?php
wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), '1.7.1');
wp_head(); ?>
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
</head>PR
- html5
- 「prefix=”og: http://ogp.me/ns#”」はプラグインで排出するので、「xmlns:fb=’http://www.facebook.com/2008/fbml’」だけ設置。
- viewportはスマホ・タブレット用に
- apple-touch-iconも設置だけど、スクリーンショットと共通に
- プラグインを使わずjqueryを使うことが多いので、置き換え
- wp_head
- フィード(wp_headで排出される無駄なものを削除しているので、追加)
ってな感じです。
これが最低限でプラグインなどで必要があれば追加。
description、OGPなどはプラグインで排出
以上、ご参考に
