Stinger5-Cheetah を使ってみたい!

でも、html/CSSコーディング とか WordPressタグとか分からない!

 

そんなあなたの為に、僕がブログを公開するまでに実施した設定や、機能追加、テーマファイルの修正などを公開します。

 

この通りにやったら、僕と全く同じブログができる・・・かもしれません(笑)

コンテンツまで同じもの作っちゃダメですよ? フル(・_・ 三・_・)フル

 

みんなで楽しくStinger5-Cheetah を使い倒しましょうね!

 

※リンクの無いものは現在作成中のコンテンツです。公開までしばらくお待ち下さい。

(TwitterかFacebookでもフォローしておいていただけると、更新情報が通知されますのでよければどうぞ~)

 

Stinger5-Cheetahとは

 

compare-theme-speed-05

テーマダウンロードは→WordPressテーマ【Stinger5-Cheetah】ダウンロードページ | ブログマーケッターJUNICHI

作者はブログマーケッターJUNICHI | ブログ中心のWEBマーケティングのほんまの情報が学べるサイトを運営しておられる松原 潤一さん(@Junichi_Santa)。

Stinger5-Cheetahは、松原さんがご自身の経験をふんだんに盛り込んで作られたStinger5の派生テーマです。

 

 

【基礎編】ブログを公開するまでに必要な最低限のカスタマイズ

ダウンロードしたけど、さて何からはじめようか?』とか『とりあえず、早くブログ始めたい! 』という方は、基礎編の7つの記事どおりにカスタマイズすればOK!

※マジで最低限だから、できれば応用編も見てほしいけどね…|д゚)チラッ

 

基礎編 第01回 まずはStinger5-Cheetahをインストール

⇒これやらないと始まらないですよね。

(このまとめ記事作ってから思いました。丁寧に解説するよ!って自称するなら、最初のステップを忘れちゃイカンよね…近日こっそり公開予定…しました)

 

基礎編 第02回 最初に絶対子テーマを導入すべし!

⇒ 『なんかカスタマイズしてるうちに直らなくなった!?Σ(゚д゚lll)ガーン』とならないために、ガッツリカスタマイズする人も、インストールしたまんまで良いよって人も、とりあえず子テーマだけは入れておきましょう。

基礎編 第03回 管理画面でデザインを変更しよう

⇒ だから、HTML/CSSなんて知らないって言ってんじゃんヽ(`Д´ )ノ
安心して下さい、管理画面からパーツの色とか画像とか変えれますから(σ・∀・)σゲッツ!!

 

基礎編 第04回 ナビゲーションやフッターを設定しよう

⇒ 訪れてくれたユーザーさんに喜ばれるように、使いやすいメニュー(TOPナビ、サイドナビ、フッターナビ)を考えてみましょう。

 

基礎編 第05回 テーマファイルでSNSの設定をしよう

⇒ 制作知識の無い方も、ここだけは『テーマファイル』を修正しなければいけません。作者様が丁寧にコメントをつけてくださっているので、それを確認しながら修正してみましょう。

 

基礎編 第06回 タップ ターゲットのサイズを適切に調整する

⇒ Page Speed Insight でチェックすると、モバイルのユーザー エクスペリエンスで『タップ ターゲットのサイズを適切に調整する』というエラーが表示されます。

検索窓のあたりと、カカテゴリの表記のあたりが原因なので、修正ついでに『CSSのカスタマイズ』の練習をしてみましょう。

 

基礎編 第07回 コンテンツのサイズを表示域に合わせる

⇒ Page Speed Insight でチェックすると、モバイルのユーザー エクスペリエンスで『コンテンツのサイズを表示域に合わせる』というエラーが表示されます。

フッターの構造が原因なので、修正ついでに『テーマファイルとCSSのカスタマイズ』の練習をしてみましょう。

 

 

【応用編】当ブログで実装しているおすすめのカスタマイズ

ここからがカスタマイズの本番。

これはおすすめ!ってカスタマイズについて紹介していますので、あなただけのブログを作っちゃってくださいね!

 

応用編 記事装飾のために入れておきたいプラグイン3選

⇒ 公式HPでも一緒に使うと便利なプラグインとして紹介されていた『Shortcodes Ultimate』を中心に、使用すると記事の作成がはかどるプラグインを導入してみましょう。

 

応用編 簡易プロフィールを作ってみよう

⇒『このブログ書いてるのはこんな人!』というのをアピールすることで、記事に対する安心感アップにもつながります。

プロフィールページに加えて、サイドナビに簡易プロフィールを追加してみましょう

 

応用編 上ナビとフッター有りの1カラムテンプレートを作ってみよう

⇒Stinger5-Cheetah で用意されている1カラムテンプレートはヘッダー/ナビゲーション/フッターを排除しLP(ランディングページ)の作成などに特化したシンプルな構造になっています。

特設ページの作成のため、ヘッダーとフッターは有りのテンプレートがほしいな~という人は、この記事のテーマファイルを作成してみましょう。

 

応用編 スマホの上ナビをデザイン変更

⇒スマホの上ナビ(グローバルメニュー)は右寄せのテキストでシンプルなデザインになっています。

すこしクリックしづらいな~と思ったので、ちょっとデザインを変更して押しやすくしてみます。

(近日実装予定)

 

応用編 サイドナビにSNSのフォローボタンを追加してみよう

⇒Stinger5-Cheetah はヘッダーと記事の上下にSNSのボタンがついています。

上記のように簡易プロフィールを作成した場合、ついでにTwitterやFeedlyのボタンを追加してみてはいかがですか?

(近日実装予定)

 

 

【番外編】当ブログで実装している、僕自身のためのカスタマイズ

個人的にはめっちゃはかどるけれど、万人受けはしないかもね~という若干マニアックなカスタマイズ。

当ブログの理念、『同じ悩みを持つ誰かのために、自分が調べたことを分かりやすくまとめる』にしたがって、公開しちゃうよ!

 

番外編 Windows Live writerを使ってみよう

⇒ローカルで執筆したいWindowsユーザーには最有力のブログエディタですが、残念ながらStinger5-Cheetahでは、そのテーマ構造上の問題で利用することができません。

でもどうしても利用したい!という方(σ(゚∀゚ )オレ)のために、参考記事をもとにStinger5-Cheetahの場合の解決法を公開します。

 

番外編 記事作成画面の色を調整してみよう

⇒記事作成画面が公開中のものと同じ色とか装飾になればいいのに(´・ω・`)と思ったことはありませんか?

参考記事をもとに、Stinger5-Cheetahでのカスタマイズ方法を公開します。

 

最後に

しょせん、ここにあるカスタマイズなんて初歩の初歩です。

ブログを運営していれば、ここがもっと○○になったらいいのに!とか、なんでここ□□なんだろう?とか、いろんな欲求や疑問が湧いてきます。

調べて~カスタマイズして~と続けていくことで、『自分だけのブログ』という一つの財産ができてくるのだと思うので、皆さんも楽しんでご自身のブログを育ててくださいね!

 

※書いてある内容でここ分かりにくいかたもっと詳しく!とか、こんなカスタマイズしたいけど分からないから調べて記事を書いて!とかあれば、問い合わせやTwitterでメッセージでも飛ばしてくださいな。