#stinger5

contactform7横幅を整えてスマートフォンでの表示を最適化

多くの方が導入されているcontactform7。 カスタマイズに優れていてとても便利ですよね。 このブログでも使っていますが、STINGER5にデフォルトで導入するとスマートフォンで表示した際にテキストエリアがはみ出てしまい、スクロールした際に横へもスクロールしてしまう現象を修正した手順を参考までに書いておきます。

コンタクトフォームの編集

お問い合わせ→コンタクトフォーム→編集とクリックしてフォームへ下記をコピペ。 [text] お名前 (必須) [[text* your-name class:form-width]]

メールアドレス (必須) [email* your-email class:form-width]

題名 [[text your-subject class:form-width]]

メッセージ本文 […

  サイドバー最上部のアドセンス広告をアフィリエイト用バナーに変えました。 変えた理由 変えた理由は、いたって単純。 記事中にアドセンス広告を入れたいからです。   記事下にダブルレクタンブルで、アドセンス広告を2つ入れているから サイドバー最上部のアドセンス広告を消すしかなかったのです。     ダブルレクタンブルをやめようかと思ったけれど、 なんかバランス的なことを考えると崩れるのも嫌だなあってわけで サイドバー最上部のアドセンス広告を消しました。 参考にした記事 STINGER5 サイドバー右上広告枠のみアドセンス広告以外のバナーに変える方法 | タラレバ思考。 とてもわかりやすかったです。 私が使った方法は応用編にあるプラグインを使う方法です。 自由に広告を変えることができるのでおススメです。

WordPressテーマとして人気の『Stinger5』と『Simplicity』の比較記事。

以前使用していたテーマは海外産の「Forceful Lite」というテーマでしたが、いくつか理由があって国内産のシンプルなテーマ「Simplicity」に変更。

カラーレイアウトはForceful Liteのものを受け継ぎました。

  テーマ変更の理由　ユーザビリティ

Forceful Liteのデザインは素晴らしいものでした。目に優しい配色。スタイリッシュなプラグイン、ウィジェット。

しかし、ユーザー視点での使い勝手はどうなのか。

ページの表示スピード

フォントスタイル　文字の大きさ

この2つが変更の理由。

  1.ページの表示スピード

Google先生からページの表示スピードをかいぜんした方がいいとご指摘を受けてスピードを計測したところ平均で10秒オーバー。

キャッシュ系プラグインによる高…

今日はStinger5の記事下に表示されている「関連記事」の部分を横並びに変えてみました。

というのも、Gush2と見比べてみると「やっぱり関連記事が増えてくると縦並びは長いなぁ」と感じていました。

ちなみに、先日の記事Stinger5 カスタマイズ；記事の抜粋を削除して、カテゴリー、タグを挿入してみた。は、今日のカスタマイズの布石ですｗ

  今回は先に実現イメージをご覧下さい

今回はカスタマイズイメージが解りやすい様に、先に実現イメージを見て下さい。

変更前は縦並び。

  これを横並びに変更します。

  カスタマイズ概要

今回のカスタマイズは、スタイルシートだけで実現できると踏んでいましたが、NEWPOST部分とスタイルシートを共有していたりして、影響範囲が大きい事が判明したため、大人しく関連記事部分のPHPを修正する事にしました。

Stinger5では、関連記事の表示の制御は…

今回は、久々のStinger5のカスタマイズ記事です。

  Stinger5では、デフォルトでは各所に記事の抜粋が散りばめられてますよね。

これ。

きちんと検索を意識して記事の出だしを書いていれば、SEO的にも良いのかもしれませんが、個人的には、視線が定まらないというか、全体的に少し見づらい気がしていました。

そこで、今回は記事の抜粋を削除してみる事にしました。

  記事抜粋の削除

記事の抜粋が表示されている箇所は、トップページの記事一覧、サイドバーの新着記事一覧、記事下の関連記事一覧の３ヶ所です。

Stinger5では、それぞれ

itiran.php・・・トップページの記事一覧

kanren.php・・・記事下の関連記事一覧

newpost.php・・・サイドバーの新着記事一覧

に分割されましたので、カスタマイズは非常にしやすくなっています。

今回は全ての箇所から記事抜粋を削除する事…

Stinger5？Gush2？Simplicity？無料WordPressテーマって結局どれが良いの？あなたのタイプ別に妄想込みで、おススメしてみます。

これまで、このブログのテーマに使っているStinger5、一般公開前にデバッグ＆解析していたGush2に続き、ここのところ、せっせとSimplicityの構造解析をしていましたが、ようやく全体像が見えてきました。

という訳で、StingerのDNAを継ぐ3つのテーマ、Stinger5、Gush2、Simplicityの全貌が一通り把握できましたので、僕の勝手な視点で、どのテーマが良いのか分析し、あなたにピッタリのテーマをおススメしてみます。

（というネタフリですｗ）

  いずれも基本部分は甲乙付けがたし！

さすがにStingerから進化したテーマだけに、どのテーマも以下の基本部分については、互いに譲らず、甲乙つけがたいという印象です。

無料。

SEOに強い。

ソーシャル連携が考慮されている（ソーシャルボタンを標準装備）。

マネタイズが考慮されている（広告用ウィジェットを標準装備）。

レス…

STINGER5使ってますか！WordPressブログと言えばだいたいSTINGERです！STINGER5いいですな！フォントがシャッとして見やすいでござるー。

MacOSがカッコいいのはフォントのおかげ。フォントがカッコいいのはジョブズがカリグラフィーをたまたま受講したおかげ。クリエイトにおいては「点と点はつながる」ってのは結構ありますね。結構頻繁に起こりますね。なので、サッカーでしょちゅうコレが起こればいいのに！と思う事があります。カリグラフィーのアリエッティですよ。

カリグラフィーってこういう感じのやつね。

オレもやってみた事あるけど、改めて見るとホントにアリエッティみたいなんだな…点と点がつながったなあ（いや、ダジャレ）。

ともかくフォントだけでこんなに具合が変化するとか面白いものです。僕なんか書く文字とかメチャクチャですからね。ペン字やっておけば良かった。

何の話をしていたか…

このブログを立ち上げてからというもの、ずっとStinger推し。

それは今でも変わってません。

が、

ここにきてGush2をローカル環境にインストール＆テストし、Gush2の記事を書いているのには、いくつか理由があります。

  なんだか節操がないみたいで、ちょっと悩みましたが（0.8秒くらいｗ）

  個人的な理由

まずは、個人的な理由から。

1.　エローラさんに思い入れがあった。

Gush2作者といえば、エローラ(uszero800)さん。

個人的かつ一方的にですが、エローラさんに対して思い入れがあります。

  といっても、理由はシンプルで、Twitterで初めてこのサイトの記事をツィートして下さった方だから。

Stinger3のフッター部分をカスタマイズしてみたよ。 http://t.co/3hoy69GwUQ

— エローラ (@uszero800) 2014, 7月 25

たったそ…