o2BUSINESS(株)様による、フリーテーマ「free_theme015」
のダウウンロードが必要です。
※All in One SEO Pack等のメタタグを挿入するプラグインを使用している場合は、9・10行目を削除
<meta name=”keyword” content=”” />
<meta name=”description” content=”<?php echo trim(wp_title(”, false)); if(wp_title(”, false)) { echo ‘ – ‘; } bloginfo(‘description’); ?>” />
21～30行目を修正(9・10行目を削除していない場合)
———————————-デフォルト————————————————–
<!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” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<meta http-equiv=”content-style-type” content=”text/css” />
<meta http-equiv=”content-script-type” content=”text/javascript” />
<meta name=”author” content=”” />
<meta name=”keyword” content=”” />
<meta name=”description” content=”<?php echo trim(wp_title(”, false)); if(wp_title(”, false)) { echo ‘ – ‘; } bloginfo(‘description’); ?>” />
<title><?php echo trim(wp_title(”, false)); if(wp_title(”, false)) { echo ‘ – ‘; } bloginfo(‘name’); ?></title>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<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’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_head(); ?>
</head>
<body>
<div id=”wrapper”>
<!– ヘッダー –>
<div id=”header”>
<div id=”title”>
<h2><?php bloginfo(‘description’); ?></h2>
<h1><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></h1>
</div>
<p>受付時間(平日) AM 9:00 ? PM 15:00<br /><span>TEL</span><span>092-000-0000</span></p>
</div>
<!– / ヘッダー –>
<!– コンテンツ –>
<div id=”container”>
———————————————————————————————-
修正例
<div id=”wrapper”>
<!– ヘッダー –>
<div id=”header”>
<div id=”title”>
<p align=”center”><img src=”https://wpetc.net/m/img/main.gif” width=”240″ height=”100″ border=”0″ alt=”WordPress研究所”></p>
</div>
<p> </p>
</div>
ここではheader画像を「main.gif」という名前で作成し、m/img/内にftpソフトでアップロードした。
style.cssでサイズ指定をしているので、本来はheader.phpでサイズを指定する必要はないが、あえてやってみた。
要は、どちらか一方で指定すればよいのである。
携帯版完成例
<!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” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<meta http-equiv=”content-style-type” content=”text/css” />
<meta http-equiv=”content-script-type” content=”text/javascript” />
<meta name=”author” content=”” />
<title><?php echo trim(wp_title(”, false)); if(wp_title(”, false)) { echo ‘ – ‘; } bloginfo(‘name’); ?></title>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<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’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_head(); ?>
</head>
<body>
<div id=”wrapper”>
<!– ヘッダー –>
<div id=”header”>
<div id=”title”>
<p align=”center”><img src=”https://wpetc.net/m/img/main.gif” width=”240″ height=”100″ border=”0″ alt=”WordPress研究所”></p>
</div>
</div>
<!– / ヘッダー –>
<!– コンテンツ –>
<div id=”container”>
スマートフォン版完成例
<!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” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<meta http-equiv=”content-style-type” content=”text/css” />
<meta http-equiv=”content-script-type” content=”text/javascript” />
<meta name=”author” content=”” />
<title><?php echo trim(wp_title(”, false)); if(wp_title(”, false)) { echo ‘ – ‘; } bloginfo(‘name’); ?></title>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<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’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_head(); ?>
<link media=”only screen and (max-device-width:480px)” href=”ipodtouch.css” type=”text/css” rel=”stylesheet” />
<meta name=”viewport” content=”width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” />
</head>
<body>
<div id=”wrapper”>
<!– ヘッダー –>
<div id=”header”>
<div id=”title”>
<table width=”100%”>
<tbody>
<tr>
<td height=”40″ align=”center” background=”https://wpetc.net/sm/img/header.png”><b><a style=”color : white;” href=”https://wpetc.net/sm/”>WordPress研究所</a></b></td>
</tr>
<tr>
<td height=”5″></td>
</tr>
</tbody>
</table>
</div>
</div>
<!– / ヘッダー –>
<!– コンテンツ –>
<div id=”container”>
コメントを残す