WordPress – STINGER5の使い方

medium_11913623593

凄く遅くなりましたが、STINGER5の使う時の注意点や、基本設定、推奨プラグインを記事にします。

photo credit: Bohman via photopin cc

基本設定

WordPressのインストールからテーマ「STINGER5」の適応方法

こちらは、STINGER3と変わりないのでそちらをご参考下さい。

http://stinger3.com/wordpress/

最初の設定

パーマリンク設定

2014-10-11_191026

推奨は「/%postname%/」です。

Stinger5は自身で投稿毎に英数字スラッグを指定しない場合は自動的にIDを付与する仕様を採用（ver20141011より）しております。日本語URLを使用したい方はこちらを参考にして下さい。

ver20141011をUP致しました。

表示設定

2014-10-11_190847

最大投稿数は「20」以上、RSS/Atom フィードでの各投稿の表示は「抜粋のみ」を推奨します。

最大投稿数は内部リンクの数にもなります。多すぎるとスマートフォンでのパフォーマンスが落ちますが少なすぎるのもNGです。理想としては20以上は欲しいと考えています。

メディア

2014-10-11_190952

大サイズは「580px」です。高さは適宜設定して下さい。

カスタマイズ

Stinger5ではWordpress独自のテーマカスタマイザーを使用して多くの事が簡単に管理画面より修正できます。

2014-10-11_192645

2014-10-11_191612

ロゴ画像

2014-10-11_191731

サイトタイトルをロゴ画像に変更できます。アップした画像は自動的に横幅300pxになります。

サイトタイトルとキャッチフレーズ

2014-10-11_191744

サイトタイトルとその下のキャッチフレーズを設定します。
Stinger5のトップページではサイト名よりキャッチフレーズに重点を置いていますのでキーワードはキャッチフレーズに含めた方が吉です。

基本色（キーカラー）

2014-10-11_184043 2014-10-11_184024

3つのキーカラーと文字色の設定で全体のカラーを調整できます。

参考全体の分布図

一度、テーマカスタマイザーを使用すると「購読ボタン」のカラーがグレーアウトするので上記で設定し直すか、個別にCSSで調整したい方はfunctions.phpの以下のコードを削除して下さい。

2014-10-11_184325

色：背景色の変更

2014-10-11_191806

背景の色も好きに変更できます。

ヘッダー画像

2014-10-11_191821

ヘッダー画像も好きな画像にしたり、削除可能です。デフォルトのサイズは980px×250pxです。

背景画像の変更

背景色だけでなく、画像にも変更できます。

ウイジェット

アドセンスコードなどを設定するウィジェットはこちらでも出来ますが、メニューの「ウイジェット」でした方がやり易いです。

2014-10-11_201139

アドセンスの貼り方はstinger3と同じです。

参考： http://stinger3.com/wordpress/affiliate/

推奨プラグイン

photo credit: Kaptain Kobold via photopin cc

Stinger5での推奨プラグイン。
僕が必ず使うものばかりです。ググれば詳細があるものばかりなので簡単な説明にとどめさせて頂きます。

Broken Link Checker

リンク切れをチェック。設定でリンク切れのリンクは自動でリンクを削除する。

EWWW Image Optimizer

投稿画像サイズを自動で最適化

Google XML Sitemaps

Googleサイトマップ作成

PS Auto Sitemap

ユーザー用サイトマップ作成

WordPress Meta Robots

記事毎のindexを設定

WP Admin Basic Auth

ログインのBasic認証でセキュリティUP

PubSubHubbub

indexを強化します。

WP Multibyte Patch

デフォルトです。

あると良いと思うプラグイン

EXIF-Remove-ImageMagick

投稿した写真の位置情報などを自動で削除（※古い）

Limit Login Attempts

ログイン失敗回数を制限

WassUp Real Time Analytics

アクセス解析

Preserve Editor Scroll Position

編集時の保存時に位置が変わらない。

Contact Form 7

コンタクトフォーム

AmazonJS

アマゾンアソシエイトが楽に出来る

参考僕のWordPressブログで効果を出している+αなカスタマイズ

App Store Insert

ituneのアフィリエイトが簡単に

参考iTunes（iPhoneアプリ）でアフィリエイトする方法 – ENJILOG

AddQuicktag

タグの入力が簡単に。

STINGER5の注意事項

functions.phpで指定している事など

ヘッダーの自動整理

headcleanerでエラーが出ます。使用したい場合はfunctionsの以下を削除

//ヘッダーを綺麗に
remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
remove_action( 'wp_head', 'wp_generator' );

その他、いらない、もしくは不具合が出る可能性のあるプラグイン。

WP Page Numbersとかのページナビゲーション系プラグイン

Breadcrumb NavXTなどのぱんくず系プラグイン

Head Cleanerなどのソース綺麗にする系プラグイン

MoreLink#removeのような#more-XXXを削除する系

WP touchとかのスマホ表示系プラグイン

セルフピンバック機能のプラグイン

ソーシャルボタン系のプラグイン

※他にもあるかもしれません。

パーマリンク

先にも記載しましたが、日本語パーマリンクは自動でpostIDに変換されます。

知っておくと得かも

STINGER5が重要視しているのは常に「記事タイトル」です。サイト名はデフォルトでは重視していません。したい場合はtitle部を以下のコードに

<?php
global $page, $paged;
if(is_front_page()):
elseif(is_single()):
wp_title('-',true,'right');
elseif(is_page()):
wp_title('-',true,'right');
elseif(is_archive()):
wp_title('-',true,'right');
elseif(is_search()):
wp_title('-',true,'right');
elseif(is_404()):
echo'404 -';
endif;
bloginfo('name');
if($paged >= 2 || $page >= 2):
echo'-'.sprintf('%sページ',
max($paged,$page));
endif;
?>

スマートフォンとPCの表示、非表示の切り分け

以下のコードでスマートフォンの表示を切り分ける事が出来ます。

<?php if(is_mobile()) { ?>
ここにスマホ用の内容
<?php } else { ?>
ここにPC用の内容
<?php } ?>

ブレークポイントについて

レスポンシブのブレークポイントは「780px」と「380px」です。気に入らない方はCSSで適宜変更して下さい。

サムネイル画像について

Stingerでは記事サムネイルをデフォルトとしていますが、移行した人は再設定が面倒ですよね。僕は使用してないのでアレなんですが「Auto Post Thumbnail」というプラグインで解決するようです。

参考WordPress(ワードプレス)自動でアイキャッチ画像設定するプラグインAuto Post Thumbnail

アフィエイト記事参考稼げるのはどれ？アフィリエイトの種類と稼ぐコツについて～7月データ

更新情報はステ子まで！

2014-10-11_210322

重要な情報は僕の各SNSで通知していますがその他細かなカスタマイズ記事はステ子で随時更新しています！もし、皆さんがStinger記事を書いて頂いたら「#stinger5」「#stinger3」のタグを付けて頂くと見つけやすいです。（stingerだけでは無理。。）

Twitter https://twitter.com/WPSTINGER