ワードプレスで広告を横に並べる方法

 
<table>
<tr>
<td>1個目の広告</td>
<td>2個目の広告(右側)</td>
</tr>
</table>

下記のようになります。

 

 

ワードプレスで枠線の作り方

  • 枠線を作る時は、テキストから入力してください。

<div style=”border: solid 1px #CCCCCC”; padding: 15px;>テストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</div>

styleの順番は、線の種類、線の太さ、色を指定します.

 

border  四角の囲み   border-radius — 角丸の半径

solid  実線      dotted  点線

1px  線の太さ

#CCCCCC  薄いグレー

padding  余白の指定です。 サイズの指定も忘れずに!

background-color — 背景色

最後はセミコロン(;)で終わります。

実際にテキストで入力すると下記のようになります。

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

 

ワードプレスで罫線の作り方

  • 左右に余白を入れたい場合 <hr width=”80%”>
  • 罫線に色を付けたい場合 <hr color=”#ff0000″>
  • 線を太くしたい場合 <hr size=”10″ color=”#ff0000″>
  • 細かい点線にしたい場合 <hr style=”border:1px dotted #ff0000″>
  • 粗めの点線で左右に余白をつけたい場合 <hr width=”80%” style=”border:1px dashed #ff0000″>

 

ワードプレスで見出しの幅の調整の仕方

<div style=”width:300px;”><div style=”background:#000066; border:1px solid #000066; padding-left:10px; font-size:1.16em;”><font style=”color:#ffffff; font-weight:bold;”>■タイトルはこちら■</font></div><div style=”border:1px solid #000066; padding:10px; font-size:1em;”>本文はこちら!<br>
改行後の本文はこちら(ここは削除してください。)</div></div>

 

見出しを中央にした時

<div style=”width:300px;margin-left:auto;margin-right:auto;”><div style=”background:#000066; border:1px solid #000066; padding-left:10px; font-size:1.16em;”><font style=”color:#ffffff; font-weight:bold;”>■タイトルはこちら■</font></div><div style=”border:1px solid #000066; padding:10px; font-size:1em;”>本文はこちら!<br>
改行後の本文はこちら(ここは削除してください。)</div></div>

 
 

賢威ヘルシー版で固定ページのヘッダー画像を削除する方法

 
外観⇒テーマの編集⇒header.php

 

赤い文字の分岐命令文を追記しましょう。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<?php if (is_singular()) : $itemtype = “Article”; else: $itemtype = “Blog”; endif; ?>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” xml:lang=”ja” lang=”ja” xmlns:og=”http://ogp.me/ns#” xmlns:fb=”http://www.facebook.com/2008/fbml” itemscope=”itemscope” itemtype=”http://schema.org/<?php echo $itemtype;?>”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title><?php title_keni(); ?></title>
<?php if (the_keni(‘mobile_layout’) == “y”) { ?>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<?php } ?>
<?php if (the_keni(‘view_meta’) == “y”) { ?>
<meta name=”keywords” content=”<?php keyword_keni(); ?>” />
<meta name=”description” content=”<?php description_keni(); ?>” />
<?php } ?>
<meta http-equiv=”Content-Style-Type” content=”text/css” />
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<!–[if IE]><meta http-equiv=”imagetoolbar” content=”no” /><![endif]–>

<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/common.css” type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/layout.css” type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/design.css” type=”text/css” media=”all” />
<?php if (the_keni(‘mobile_layout’) == “y”) { ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/mobile.css” type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/mobile_layout.css” type=”text/css” media=”all” />
<?php } ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/advanced.css” type=”text/css” media=”all” />
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/print.css” type=”text/css” media=”print” />

<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’); ?>/images/home-icon.png” />
<link rel=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’); ?> Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” />
<?php wp_enqueue_script(‘jquery’);
$public = get_option(‘blog_public’);
if ($public > 0) {
echo getIndexFollow();
}?>
<?php canonical_keni(); ?>
<?php wp_head();?>
<?php facebook_keni();
google_plus_keni();
tw_cards_keni(); ?>
<script type=”text/javascript”>
var nend_params = {“media”:22920,”site”:117475,”spot”:306225,”type”:2,”oriented”:1};
</script>
<script type=”text/javascript” src=”http://js1.nend.net/js/nendAdLoader.js”></script>
</head>

<body <?php if (isset($post->ID)) : body_class(getPageLayout($post->ID)); else: body_class(notFoundLayoutView()); endif; ?>>

<div id=”fb-root”></div>
<div id=”container”>

<?php if(is_front_page() ): ?>
<!–▼ヘッダー–>
<div id=”header”>
<div id=”header-in”>

<div id=”header-title”>
<p class=”header-logo”><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></p>
<h1><?php h1_keni(); ?></h1>
</div>

<div id=”header-text”>
<p><?php echo the_excerpt_keni(); ?></p>
</div>

</div>
</div>
<!–▲ヘッダー–>
<?php if (the_keni(‘globalmenu’) > -1) { ?>
<!–▼グローバルナビ–>
<div id=”global-nav”>
<dl id=”global-nav-in”>
<dt class=”btn-gnav”>メニュー</dt>
<dd class=”menu-wrap”>
<ul id=”menu” class=”menu”>
<?php echo get_globalmenu_keni(); ?>
</ul>
</dd>
</dl>
</div>
<!–▲グローバルナビ–>
<?php } ?>
<?php endif; ?>