【コピペで完成】SANGOの簡単設定！1時間でサイトを作る方法

これをすることにより、以後作られるファイルが全てhttps対応のものとなるので、必ず最初にする。

「設定　→　パーマリンク設定」　カスタム構造に

/%postname%-%post_id%/

を張り付ける

「post_id」は記事IDを付与してくれるので、URLの重複が防げるうえに、記事IDの確認が簡単になるのでオススメ。

「外観　→　テーマ」　「SNGO　Child」を有効化する

子テーマを有効化しておかないと、親テーマがバージョンUPで更新されたときに、カスタマイズしたCSSなどが上書きされて無効化されてしまう。

カテゴリーIDの確認方法

FeedlyのURLには「https://feedly.com/i/subscription/feed/サイトURL/feed」を入力。
＊サイトURLは自分のサイトのURL

このサイトの場合は、ヘッダーアイキャッチ画像は横2400px・縦500pxで作ってます。

2400×700ぐらいでもいい気はします。

下記のコードを追加

/* サイドバーの目次の色 */
.ez-toc-list .active { background-color: #ededed;
}
/* 目次の点を非表示化 */
.toc_list li { font-weight: 700; list-style: none;
}
.entry-content h2 { position: relative;
}
.entry-content h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: -webkit-repeating-linear-gradient(-45deg, #6bb6ff, #6bb6ff 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #6bb6ff, #6bb6ff 2px, #fff 2px, #fff 4px);
}

個別にAddQuicktagに登録する場合は、下記を参考にして個別に登録してください。

<b></b>

テキスト

<span class="red"><b></b></span>

テキスト

 memo
<ul>	<li><b>テキスト</b></li>	<li><b>テキスト</b></li>
</ul>

 注意
ここに文章

 
POINT
<ul>	<li><b>テキスト</b></li>	<li><b>テキスト</b></li>	<li><b>テキスト</b></li>	<li><b>テキスト</b></li>
</ul>

 
ここに文章

 
タイトル
文章

<ul>	<li> </li>	<li> </li>	<li> </li>
</ul>

<ol>
<li></li>
<li></li>
<li></li>
</ol>

<ul>
<li></li>
<li></li>
<li></li>
</ul>

タイトル
 隠す内容 [/ open]

＊上記を登録する際には[/ open]の間のスペースは削除してください。

＊クリックすると表示が現れる枠です。この説明自体をアコーディオンの枠内で作っています。

手順1
タイトル1
中身1
手順2
タイトル2
中身2
手順3
タイトル3
中身3
手順4
タイトル4
中身4
手順5
タイトル5
中身5

非公開: イラストレーターでの画像の作り方

  参考 ページタイトルサイト名 

参考
FXの歩き方

 ボタンテキスト

ボタンテキスト

 ボタンテキスト

ボタンテキスト

◯◯の評価
◯◯
 (3.5)
◯◯
 (3.5)
 
◯◯
 (3.5)
総合評価
 (3.5)

<p style="text-align: center;"> もっと詳細が知りたい　 公式サイトはコチラ</p>

もっと詳細が知りたい　 公式サイトはコチラ

<table class=" tb-responsive" style="border-collapse: collapse; width: 100%;">
<tbody>
<tr style="background-color: #f3f6fc;" align="center">
<td><b>500ml換算（税抜き）</b></td>
<td><b>レンタル料</b></td>
<td><b>電気代</b></td>
<td><b>送料</b></td>
</tr>
<tr align="center">
<td>75.3円</td>
<td>無料</td>
<td>1,060円</td>
<td>無料</td>
</tr>
<tr style="background-color: #f3f6fc;" align="center">
<td><b>配送本数（1回）</b></td>
<td><b>ボトルの種類</b></td>
<td><b>お水の種類</b></td>
<td><b>配送地域</b></td>
</tr>
<tr align="center">
<td>14～24ℓ×2本</td>
<td><span class="red"><b>使い捨て</b></span></td>
<td><span class="red"><b>天然水</b></span>　1種類</td>
<td>全国</td>
</tr>
</tbody>
</table>

参考
Rinker導入はこちらから

ダウンロードはこちら

広告コードや数字データが変更になった時、変更するのが簡単になる。

サーバー上にバックアップファイルが作られるが、念のため月に1回データをダウンロードして、自分のPCに保存したほうがより安全。

入れないと様々な不具合が出る可能性があるので、インストールしましょう。

ユーザー　→　編集　→　プロフィール写真で画像を設定したら完了。

設定後の見栄え

下記のコードをfunctions.phpに追加する

//Wordpress投稿画面のタイトル文字数をカウントする
function count_title_characters() {?>
<script type="text/javascript">
jQuery(document).ready(function($){ //in_selの文字数をカウントしてout_selに出力する function count_characters(in_sel, out_sel) { $(out_sel).html( $(in_sel).val().length ); } //ページ表示に表示エリアを出力 $('#titlewrap').after('<div style="position:absolute;top:-24px;right:0;color:#666;background-color:#f7f7f7;padding:1px 2px;border-radius:5px;border:1px solid #ccc;">文字数<span class="wp-title-count" style="margin-left:5px;">0</span></div>'); //ページ表示時に数える count_characters('#title', '.wp-title-count'); //入力フォーム変更時に数える $('#title').bind("keydown keyup keypress change",function(){ count_characters('#title', '.wp-title-count'); });
});
</script><?php
}
add_action( 'admin_head-post-new.php', 'count_title_characters' );
add_action( 'admin_head-post.php', 'count_title_characters' );
//meta keyword フィールド追加
add_action('admin_menu', 'add_sngmeta_keyword_field');
function add_sngmeta_keyword_field() {//作成 add_meta_box( 'sng-meta-keyword','メタキーワード', 'show_my_keyword', 'post', 'normal' );
}
function show_my_keyword(){ global $post; echo '<textarea name="sng_meta_keyword" cols="65" rows="1" placeholder="カンマ(,)区切りで指定" style="max-width: 100%">'.get_post_meta($post->ID, 'sng_meta_keyword', true).'</textarea>';
}
//meta keyword フィールド保存
add_action('save_post', 'save_sngmeta_keyword');
function save_sngmeta_keyword($post_id){ if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE ) return $post_id; ( isset($_POST['sng_meta_keyword']) ) ? update_post_meta($post_id, 'sng_meta_keyword', $_POST['sng_meta_keyword']) : "";
}
//headに出力
add_action('wp_head','sng_head_meta_keyword');
function sng_head_meta_keyword() { global $post; if( is_single() && get_post_meta( $post->ID, 'sng_meta_keyword', true ) ){ echo '<meta name="keywords" content="'.esc_attr(get_post_meta( $post->ID, 'sng_meta_keyword', true )).'" />'; }
}
//end meta keywords
//

手順の通りに作れば、下記のような見栄えのクロージング用の誘導箇所が作れます。

ウォーターサーバーシェアNo1！家計に優しい「プレミアムウォーター」

＊プランによってお水の料金、機種によって電気代は変わります。

もっと詳細が知りたい　 公式サイトはコチラ

作ったものは「Woody snippets」プラグインに登録して読みコードとして使えば、複数のページに載せていても、Woody snippetsのデータを直せば全てのページが直せるので、管理が楽になります。

また、複数のCTA（商品：3つぐらいがベター）を載せることにより、ユーザーの選択の幅が広がり、売上UPになります。