STINGER5｜ワードプレス無料テーマ
WordPressテーマ「AFFINGER」の特徴はSEOやアフィリエイトに関する細かな設定、豊富な記事作成パーツなどたくさんありますが、一番の強みは「最適化」です。 本当に効果のあるサイトや記事はターゲットに刺さるように「尖っています」。 尖らせるためには必要なものを足し、不要なものは削除して徹底的に最適化できるカスタマイズ機能が不可欠です。 テーマを適応するだけで誰でも「なんとなくオシャレ。なんとなく綺麗。」になる。そんなテーマでも、一定の効果を見込めることは出来るかもしれません。しかし、突き抜けた売り上げを出すサイトや記事にはなりません。 また、どれほどオシャレでも、どれほど綺麗でも「ターゲット」や「目的」にあってなければ、全く効果のない「自己満足のサイト」になってしまうこともよくあります。 趣味のサイトであればそれでも良いかもしれません。無料のWordPressテーマで十分でしょう
困ったぶろぐ(komatta-blog)ライターのITOKENこと（@itoken456)です。この記事であなたの「困った」が解決されたなら「いいね！」お願いします！ 本当はあんまり書きたくないのだけど、当ブログ「困ったブログ」でのカスタマイズやノウハウ、プラグイン運営法などを一挙公開しちゃいます。 ほとんど他力本願です。 Stinger5カスタマイズ wordpressのテーマは「STINGER5」を使用させて頂いてます。 以前記事でもちょっと書きましたので一応紹介はしておきますが、かなり変更を加えておりますので一応参考までに。 STINGER5はかなり多くのブロガーさんが使われているので、まずパッと見の印象をなるべくstinger5のデフォルトデザインっぽく見えないようにしているつもりです。 SNSボタンを一新 こんな感じです。統一感があってデザインも素敵。スマホ表示でも手を加える必要
STINGER5カスタマイズまとめ！知りたい全てはここにある！
ついにレスポンシブとなった大人気Wordpressテーマ「STINGER5」 SEOの強さとカスタマイズ性の高さがその人気の理由ですね。 多くの方が使われているのでカスタマイズ記事が多いのもその強み。 今回はStinger5のカスタマイズ記事を部分ごとにまとめてみました。きっとあなたのやりたかったモノも見つかりますよ。 ※Stinger3のまとめはこちらのサイトをご覧ください。 (ここを見ておけば検索不要！Stingerカスタマイズ辞典) STINGER5の構造理解 STINGER5のid,class構造 テーマの構造がわかっているのといないのとでは、カスタマイズの自由度、楽しさが大きく変わってきます。ざっくりとでもclass,id構造は把握しておきましょう。 Stinger5カスタマイズ！最新版class,id構造早見表 -トップページ編- ディスプレイサイズによるcss適用範囲の違い
【最終更新日：2016/04/05】 こんにちは、ぶんちょうです。 趣味とアウトプットをかねたWordpressでのブログですが、まともに向き合うようになってから約１年。ようやく月間3万PVで安定してきました。また2014/10は4万PVでした。 逆に言うと、なぜか月間3万PVの壁にぶつかっているのですが。まあ努力が足りないのは分かっています。でもGoogle adsense広告も増えてきて、居酒屋で２，３回呑めるくらいにはなってます。ありがたいことです。 で、たまに新しい環境を作ったり、環境が大きく変わるときなど必ず行うことをまとめてみました。この記事は変更次第、随時更新します。 2016/04/05 時間がないのでメモ→ Stinger7 にアップ。コメント欄削除、最新記事一覧削除はStinger管理で実施。ブログタイトル名に「情報ポータルブログ：」追加。タグクラウド追加。プラグインS
ブログのデザインを変更しました。今回はWordPress無料テーマの中でも特に人気の高い「STINGER5」をカスタマイズして使っております。 公開した時点までにカスタマイズした箇所をいくつかご紹介します。
STINGER5のENJIさんの言う「利用による幸せ」を次の人に！Stinger5-Cheetahリリースしました
STINGER5というWordPressの無料テーマを知っていますか？ どうも、STINGER5を裏切って色んなテーマに乗り換えて半年になります。JUNICHIです。 さて、WordPressを運営している人なら、STINGER5のことを、おそらく8割9割の人が知ってるんじゃないでしょうか。 それだけ有名なテーマです。（テーマっていうのは、ブログのテンプレートみたいなもの） おそらく、WordPressのテーマの中でも、STINGER5は使用している人が1番多いんじゃないの？ってくらい知名度の高いテーマです。 使った事がある人なら、「あ、この人もSTINGER5だな」ってすぐに分かるはず。 そこで、実は今回はこのSTINGER5というテーマを、素人プログラマーの僕が、ブログマーケティングにぴったりにオリジナルカスタマイズをしたものを無料で配ろうと思います。 STINGER5の開発者のENJ
※配布終了しました Stinger3の時からなかなか需要のある「Ladys」。 5を配布してもまだニーズがあるので「Stinger5forLadys」を作成致しました。 DEMO Ladysの主な特徴は の２つだと思います。 この２つだけならわざわざダウンロードしなくても簡単に設定できます。 丸いサムネイル 以下のコードをCSSに追加するだけでOKです。 #topnews img { width: 150px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; } #kanren img { width: 100px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } Go
ついにリリースされた「Stinger5」。 レスポンシブ対応ということで心待ちにされていた方も多いのではないでしょうか。 カスタマイズ初心者の方には「どこがどのクラスなんだ？」と困っている方も多いはず。 また、先代Stinger3から構造やclass,id名が大きく変更されているので「変更点が知りたいよ」という方も多い気がします。 そこで今回はStinger5のid,class構造がひと目で分かる早わかり画像を作りました。 今回はトップページ編です。 ※今までStinger3を使われていた方はこちらの記事と比較しながら読んで頂くとどこが変わったのかわかりやすいかと思います。
こんにちはちゅんこ@shufulifeです！ WordPressのテーマをSTINGER5に変更してみました。メモ的な意味も込めて、これからカスタマイズした箇所ををブログに書いていこうと思いますのでよろしくお願いします。 ヨメレバとカエレバのカスタマイズ すっかりおなじみ！わかったブログのかん吉さんが運営なさってるブログパーツ、ヨメレバとカエレバ。 みんな使ってるし!私もぜひ使ってみたいと思い（私はゆとり世代ではないですよ）カスタマイズに挑戦しました。 ヨメレバとカエレバの具体的な使用方法はサイトで確認してくださいねー。 ヨメレバのデフォルトはこんな感じですね。画像は【amazlet風-1(改) amazlet風-1[ロゴ無し]】です。 みんな大好きイケハヤさん アマゾンや楽天などのショップのテキスト部分をCSSでボタン化にします カスタマイズ後はこうなります あまり買って！買って！！！と
STINGERってこんなにカンタンなの！？お試しのつもりが即適用！ブログのテーマが気がついたら変わっていたぞ！ #ブロネク #stinger5 - むねさだブログ
ブログを毎日更新し続けて950日以上が経ちました、むねさだ(@mu_ne3)です。 ブログを続けて行くと色々な事が起こるわけですが、今回今までの自分の常識からはかなり外れた事が起こったのでご紹介したいと思います。 ブログのテーマがね、数時間のうちに変わってしまったのですよ…。 きっかけはSTINGERユーザーとハングアウト きっかけは昨日行われたブロネクです。 【告知】10/30はブロネクオンエアー#48 「STINGERユーザー交えてブログテーマのお話してみるネク！」だぞ！ #ブロネク | むねさだブログ 一時期話題になってい「STINGER」というWordpress用のテーマ（ブログデザインの型というかテンプレートのようなもの）について、実際に使っている人に話を聞いてみようぜ！という企画。 STINGERってそもそもどういうもの？ってのを私これまであまり知らなかったんですが、その辺りの
先日、僕が強く憧れる方、STINGER5の制作者さんのENJIさんが新しいテーマを２つも出されましたね！ ついにSTINGER6が出ました。プラス、AFFINGER２もでましたね！ ENJIさんといえば、STINGER5を無料で配布しているページで、皆さんのハートを射止める名言を残していらっしゃいます。 利用による幸せは次の人へ繋いで下さい。 僕も、また懲りずにSTINGER5のカスタマイズテーマを非公式に作りました。（ENJIさんにはご報告済みです） そこで、今回は新たにリリースした『Giraffe（キリン）』というWordPressのテーマについてご紹介します！ 魅力的な機能もいっぱいあるし、デザインも頑張って綺麗な感じに仕上がったと思います。 WordPressテーマ『Giraffe』はもちろんレスポンシブ、スマホにも対応当たり前 僕のこのサイトのユーザーさんが、どのデバイス（端末）
WordPressでホームページ作成講座ワードプレスを使えば、ウェブサイトの構築は簡単に出来ますが、インストールをした直後というのは、どこから手を付けて良いのか分らないという初心者の方も多く見受けられます。テーマのインストールや設定などを中心とした情報配信をしてます。 STINGER５の良い所は、 シンプルなブログメインのデザインであること 初心者でも使いやすいこと カスタマイズ例が検索したら色々出てくること Stinger5-Cheetahは、バズ部Xeoryやアルバトロスのいいとこどりをしたテーマ 全体の幅をダイナミックに！980px ⇒ 1100pxに フッターが超便利な3カラムに！ウィジェットでパーツを組み込めるようになった テーマカスタマイザーでサイドバーの見出しの色、フッターの色とフッターの文字色が変えらえれる 見出し２（h2タグ）とサイドバーの見出しの色が簡単に変更ができる
WordPress専用テーマSTINGER5の子テーマ 「SIMPLESTER」の配布終了のお知らせ｜比嘉翼（屋号COFUS：こふす）のポートフォリオサイト
この度2022/12/29をもって、2015/01より無料配布していましたWordPress専用テーマSTINGER5の子テーマ 「SIMPLESTER」の配布を終了しましたことをお知らせいたします。 なお同日をもって配布サイト（http://simplester.degitekunote.com/）の公開も終了いたしました。 長年のご利用誠にありがとうございました。 バージョン別インストール数 Ver1 (公開日：2015/01/28)：963 Ver2 (公開日：2015/02/09)：1,091 Ver3 (公開日：2015/03/01)：1,190 Ver4 (公開日：2015/04/04)：1,670 Ver4 カスタマイズ版 (公開日：2015/05/17)：1,568 Ver5 (公開日：2015/08/10)：2,148 Ver6 (公開日：2015/12/21)：1,20
無料で使えて人気のある「STINGER5」というWordPress（ワードプレス）のテンプレートの使い方をご紹介させて頂きます。 こちらのテンプレートは、SEO対策があらかじめある程度されている点やシンプルな２カラム構造で記事が見やすく初心者でもカスタマイズしやすいので、おすすめです。 STINGER５の良い所は、シンプルなブログメインのデザインであること 初心者でも使いやすいことカスタマイズ例が検索したら色々出てくること
困ったときは猫に喋らせろというのが僕の家の家訓なんですよ。たぶん。 さて。SNSシェア用のボタンはほとんどのブログが設置しているのではないでしょうか。 ただ、シェアボタンは各SNSが作っているので、デザインだけでなく、大きさまでばらばらだったりしますよね。 僕のブログで使っているWordpressテーマ「Stinger5」のデフォルトのSNSボタンはこんな感じ。 うーむ。悪くはないけど。ちょっと思わずカスタマイズしたくなっちゃう感じですね！ これをこんな感じにしてみました。統一感もあるし、スマートフォンで見たときも表示崩れがありません。 外部javascriptを読み込まなくていいので表示速度の向上にも貢献してくれるはず。 各SNSのAPIに直接アクセスしてソーシャルカウントを取得するCSSスプライトで画像の読み込みを高速化みたいなことをやりました。 追記(2014/10/28)現在はSN
STINGER５でアドセンスの配置を記事下ダブルレクタングルに変更してみました | saketorock's blog
STINGER５を導入し、PCの広告表示をダブルレクタングルにしました。 ※導入したサイトはこちらのブログです。 下記は補足説明は極力省きます。詳細については後述の参考ブログをご覧下さい。それでも、独自のやり方を採用した部分もあり、その手順を備忘録として記録です。 スタイルシートの変更作業記事部分の横幅を広げる記事下に配置したいアドセンス広告336pixelのバナーを横に並べて配置するために、私は記事の横幅を800pixelに変更。記事幅の設定変更は、style.cssをいじります。該当箇所は、style.cssの966行目にありました。 #wrapper { max-width: 980px; padding: 0 10px; margin: 0 auto; } 上記の「max-width: 980px;」を「max-width: 1100px;」に変更します。 #wrapper { m
PCトップページ まずPCトップページは好きなカテゴリー別で表示する事とカテゴリーに合わせた広告を簡単に入れれるようにお願いをしました。 そして記事一覧の表示は336×280で表示をして広告の大きさとなるべく同じようにする事でなるべく広告をコンテンツの一部に見せる事によってクリック率が上がると思いカスタマイズをしてもらいました。 記事の一覧はアイキャッチの上にカテゴリーを表示してもらいタイトル下にシェアカントを付けてもらいました。 ナビゲーションやフッター・ヘッダーを テーマカスタマイザーから色を変更できるようにしてもらいました 。 私が一番カスタマイズしてもらいたかった事はもうここで完結しているので大変満足しております。 スマホトップページ スマホのトップページは記事を探しやすいようにヘッダー部分にキーワード検索を付けてもらい記事一覧の下の部分に広告を入れれるようにしてもらいました。 個
スマホでの操作性をもう少し良くしてみたくなり、フェイスブックのようなスクロールしてもフッター部分でずっとついてくるメニューを装備しました。CSSだけで作ったのであっという間に設置できますよ！ こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 コピペでOK！スマホの固定式フッターメニューのコード まずはstyle.cssに以下を記述します。場所は/*レイアウト スマートフォンより前の部分です。 /*-------------------------------- スマホのフッターメニュー ---------------------------------*/ ul.footer_menu { margin: 0 auto; padding: 3px 0; width:
ワードプレステーマシリーズ66回目 STINGER５の良い所は、 シンプルなブログメインのデザインであること 初心者でも使いやすいこと カスタマイズ例が検索したら色々出てくること Stinger5-Cheetahは、バズ部Xeoryやアルバトロスのいいとこどりをしたテーマ 1.全体の幅をダイナミックに！980px ⇒ 1100pxに 2.フッターが超便利な3カラムに！ウィジェットでパーツを組み込めるようになった 3.テーマカスタマイザーでサイドバーの見出しの色、フッターの色とフッターの文字色が変えらえれる 見出し２（h2タグ）とサイドバーの見出しの色が簡単に変更ができる フッターの背景色、文字色も変更ができる 4.設定したアイキャッチ画像が、記事の先頭にそのまま出るようにした 5.1カラムの固定ページが作れるようになった！ランディングページとし
ワードプレステーマシリーズ71回目 無料で使えて人気のある「STINGER5」というWordPress（ワードプレス）のテンプレートの使い方をご紹介させて頂きます。 こちらのテンプレートは、SEO対策があらかじめある程度されている点やシンプルな２カラム構造で記事が見やすく初心者でもカスタマイズしやすいので、おすすめです。 STINGER５の良い所は、シンプルなブログメインのデザインであること 初心者でも使いやすいことカスタマイズ例が検索したら色々出てくること #STINGER５ #WordPress無料テーマ #WordPress 参考サイト http://usedpcworks.com/stinger5/ 参考記事については、下記のページより http://social908.com/clips/2019/07/13/stinger5/ http://social908.com
STINGER5で見るHTML5から新たに追加された要素
WordPressの人気テーマSTINGERシリーズもヴァージョン5となりHTML5へと変わりました。HTML5からは新たに加わった要素がいくつかあり、ざっくりとしか理解していない方もいると思います。（わたし、わたし！）おさらいの意味も兼ねてHTML5から加わった新要素をSTINGER5に照らし合わせて説明していきたいと思います。 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 STINGER3とSTINGER5のページを構成する要素の違い HTML要素とはHTMLでマークアップした文書を構成するもので、titleタグやhead、strongやmetaタグなんかもそれに該当します。 STINGER3の場合 STINGER3ではページレイアウトを構成するすべての要素＜
どうも、ひよこですが夜は狼のぼくです。 日常ぴよぴよのテーマをStinger5に変更しました。 レスポンシブルでございます。レスポンシブル！ル！ あんまり時間ないのでStinger5に変えるまでの流れと、Stingerについて話したブロネクのことをザックリ書かせて頂きますね。 Stinger5に変えた経緯 今まで使っていたテーマは、Stinger3 For Ladysという、丸っこくてかわゆいーのでした。 別にデザインとかはてきとーに構成したものだったのですが、皆様との思い出もこのテーマで築いてきたので、Stinger5が出たあとも「このままでいいや～」と思っておりました。 が、あるツイートにより拙者のスティンガースリー人生は崩れ去るのであった。 ▼それがこれ Platinum SEO Pack というWordPressのSEO用プラグインが満足度がいちばん高いようだ。このプラグインは聞い
Stinger5？Gush2？Simplicity？無料WordPressテーマって結局どれが良いの？あなたのタイプ別に妄想込みで、おススメしてみます。
いずれも基本部分は甲乙付けがたし！さすがにStingerから進化したテーマだけに、どのテーマも以下の基本部分については、互いに譲らず、甲乙つけがたいという印象です。 無料。SEOに強い。ソーシャル連携が考慮されている（ソーシャルボタンを標準装備）。マネタイズが考慮されている（広告用ウィジェットを標準装備）。レスポンシブデザイン対応（PC、タブレット、スマホの表示をひとつのCSSで調整できる）カスタマイズがしやすい（構造がシンプル）。という訳で、この3つのテーマのどれを選択するかは、好みの問題に委ねられる部分が大きいと思います。 そこで。 それぞれの特徴を上げてみる。（妄想込みｗ）基本部分で大きく差が付きそうにもないという訳で、Stinger5、Gush2、Simplicity、それぞれの特徴的な部分について解説してみます。
主婦があれこれ日常のことや趣味のサイト作成のことなどを節操なく書き綴っているブログの運営です。また、一歳半になる娘のお世話も重要な仕事であります。 PCでの表示 PCではおなじみの表示です。 スマホでの表示 スマホではこのように1列になり、幅の狭い画面でも見やすくしました。 HTML部分 <div class="res-table"> <table> <tr> <th>左側1</th> <td>右側-1</td> </tr> <tr> <th>左側2</th> <td>右側-2</td> </tr> <tr> <th>左側3</th> <td>右側-3</td> </tr> </table> </div> css部分 /*-------------------------------------- スマホでの表示 --------------------------------------
STINGER5のシンプル子テーマ『SIMPLESTER』公開します。是非DLしてやって下さい！ | degitekunote2
どんなテーマなの？ シンプル。そう、シンプルを目標に作った結果がコチラです。 どうですかぁ？いい感じじゃありません？？ STINGER5はそのままでも素晴らしいテーマなんですが、更にシンプルにカッコよくしたのがSIMPLESTERです。読み方はシンプレスターです。 カスタマイズなんてしたくないけどある程度整ったカッコよくてシンプルなデザインがイイよという方向けです。 子テーマなので勿論親テーマのSTINGER5が必要になり、STINGER5に色々と依存します。 SIMPLESTERの中身はCSSファイルのみで構成されています。子テーマといえどもやろうと思えば編集したphpファイル同梱してより自由度の高いデザインや機能を付けることも出来るのですが、SIMPLESTERはあくまでもシンプルです。デザインだけじゃなく中身もシンプルにしました。なのでSTINGER5の素晴らしい機能を邪魔することな
どうもこんにちは！@dearwalker_yuyaです。 SEOに強いと人気のWordPressテーマ『STINGER5』にはデフォルトでTwitter/Facebook/Google+/はてなブックマークへのシェアボタンが設置されています。 そのままでも全く問題ないのですが、『はてブボタン』は古いデザインのタイプが採用されているので新しいバルーンタイプへ変更してシェアボタンのデザインを合わせてみました。 たった1箇所変更を加えるだけなので超簡単ですよ！ はてブボタンのデザイン変更シェアボタンを表示させているsns.php（記事ページ）/sns-top.php（トップページなど）に記載されている『はてブボタン』の以下を変更します。 data-hatena-bookmark-layout="vertical"こちらに変更。 data-hatena-bookmark-layout="verti
久しぶりのSTINGERカスタマイズ記事です！お待たせしました、IT系ブロガーあめたま（@ametama_l2l）です( ´,_ゝ`)ｲ ﾋ 私事ですが、昨日引っ越しました。6年間住んだ愛着のある部屋でしたが、新築のキレイな部屋に移った瞬間、前の部屋のイヤなところが目立ってしょうがありません。 エゴ満開ですか？それが人間ですよﾍ(ﾟ∀ﾟﾍ)ｱﾋｬ 普段はブログを読むときはほぼPCです。まだ引っ越してネット環境が整っていないため、今はiPhoneでネットサーフィンを楽しんでいます。 そうすると気付いたことが1つ。 スマホで見ると横に画面が揺れてしまうブログが意外と多い！ 今回はその原因と解決法を説明していきます。 スポンサーリンク あなたのページは大丈夫？横揺れしてない？ スマホ用ページの横揺れとは？ 自分のブログをスマホで確認してみてください。通常スマホの画面は縦長で見ていると思います。つ
![[STINGER5]スマホ表示時に横揺れが発生する原因と解決策 - Love2Labo](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f448fb895003386bfb622aefda728917cf17cc1/height=288;version=1;width=512/http%3A%2F%2Fwww.love2labo.com%2Fwp-content%2Fuploads%2F2014%2F10%2Fstinger5_yokoyure.jpg)
こんにちは、okutani(@okutani_t)です。あ、もう一度言いますね。okutani(@okutani_t)です。 今回は、たった今上で使ったTwitterリンクのアイコンを、Simplicity,Stinger5で超簡単に使う方法をご紹介します。 SimplicityとStinger5はWordPressテーマの中でもブログ運営に特化しており、ユーザー数が他のテーマに比べ圧倒的に多いのが特徴ですね。 僕の知っているブロガーさんのサイトを見ても、かなりの使用率です。ちなみに当ブログvdeepはStinger5を使って運営しています。 しかし、多くのSimplicity,Stinger5ユーザーは「超簡単にアイコンが使える」事実を意外にも知りません。知っているけど使ってないよ、って人もいるかとは思いますが。 本当にとっても簡単に利用することができるので、Simplicity,Sti
アイコンフォントをFont Awesomeからicomoonへ変更 icomoonは自作のSVG画像をアイコンフォント化できるので、Font Awesomeでは配布していないfeedlyやpoket、はてブなども使えるようになります。そのうちブログ独自のロゴを作って、アイコンフォント化とか目論んでおります。
今日は、Stinger3仕様の際に導入していた、CTA部分のカスタマイズを行ってました。 こんなヤツです。 参照：Stinger3カスタマイズ；Call To Actionをウィジェット形式で記事下に追加してみた。 子テーマを使ってのカスタマイズを進めていくと、必ずと言って良いほど壁として立ちはだかるのがfunctions.phpの問題ですよね。 他のファイルは上書きしてくれるのに、このfunctions.phpだけは、上書きはしてくれないわ、すぐにエラーを吐くわｗｗｗ 今日は、そんなfunctions.phpのカスタマイズを子テーマ側でやる方法についてです。 functions.phpが上書きされない仕組みまずはfunctions.phpが上書きされない仕組みについて。 最初の問題は、関数の重複そもそも親テーマの内容（関数；function～の部分）を、そのまま子テーマに持ってくると、エ
Stinger5カスタマイズ！目指せ収益UP！管理画面のウィジェットのみで広告の場所を変える方法（ダブルレクタングル対応） 自分のサイトを持っていれば誰もが気になる「サイトの収益」。 収益がすべてではないにしても、やっぱり利益があると嬉しいですよね。 広告の場所を変えてみたり、枠の大きさを変えてみたり、高い収益を上げるためにはしっかりとした分析が重要です。 でもこうした分析って意外と大変。 広告の場所ひとつにしてもコードを直接触らないと変更することはできません。ある程度の知識がないと思うようにはいかないので、初心者の方にはとっつきにくいかもしれませんね。 そこで今回は管理画面のウィジェットだけで広告の表示場所を変える方法をご紹介します。 一度設定してしまえば今後の管理がとっても楽になりますよ。 完成するとこうなるよ！ まずは完成形のご説明から！ 今回のカスタマイズを終えると管理画面に各場所
どうも！JUNICHIです。 遂にやってしまいました。浮気しました…。 僕は2014年の10月にこのブログを始めてから、ずーーーーーっとデザインテーマを「Stinger５」というテーマにしています。 このStinger5というテーマは無料なのに、凄くいいテーマなんです。もうね、これは結婚と一緒でずっと連れ添おうと思っていたんです。 でも今日、超魅力的な無料テーマの存在を知ってしまったのです。 [speech_bubble type=”rtail” subtype=”L1″ icon=”selfillust1.png” name=”JUNICHI”]すでに知ってる情報だったらごめんね！ [/speech_bubble] Stinger5ってこんなにもいいテーマなんだよ！ Stinger5を使う前は、Stinger3というテーマを使っていました。 僕は、本当にStinger信者です。何がいいか
WordPressブログのテーマをSTINGER５に変更しましたSTINGER5のカスタマイズを行いました。テーマを変更するにあたり、以前カスタマイズを行った「特定カテゴリ記事と404ページでAdsense（アドセンス）の表示を切り替える方法」を新しく採用するSTINGER5にも反映させる必要が出てきます。 その手順について記録しておきます。 サイドバーのカスタマイズまず、sidebar.phpのカスタマイズを行います。 STINGER５のデフォルト設定は、モバイルである場合のみアドセンス（AdSense）の表示を非表示にしています。これをモバイルだけではなく４０４ページが表示された時、および、特定カテゴリ記事が表示された時にも、アドセンス（AdSense）を非表示にします。 ※追記：2014年09月08日現在の最新バージョンでは404でサイドバーのアドセンスが表示される問題は解消されてい
絶対に必要となることを挙げると HTMLの知識 CSSの知識(特にfloatについて理解している) 既存のテンプレートファイルはだいたい読める 既存のテンプレートファイルにHTMLを書き加えられる レスポンシブウェブデザインの仕組みを理解している HTMLとCSSを習得しようという気持ち これらを持ち合わせていない人は手を出さない方がいいと思います。 STINGER5を3カラムにするということ自体の難易度は、ゼロからWEBサイトを作るのと大差ないレベルです。HTMLとCSSの知識とレスポンシブウェブデザインの理解が必須となります。 僕はSTINGER5のPHPは元のまま生かしてますけど、HTMLは一旦消してから書き足してるので、そういうことができないとここまで大がかりなことはできないと思っておいてください。 あと、出来れば子テーマを作って作業していくことをおすすめします。そうしておけばST
はい、どうぞ。＾＾ 自由に持って行って下さいな。 link : Stinger5カスタマイズ用の子テーマ用テンプレート stinger5/ver20141123 （リンクから直でダウンロードできます） どうせ皆さんも、カスタマイズ用の子テーマ作るんだろうしな～ｗということで配布させて頂くことにしました。 以上。 以降は、子テーマの構成云々なので、詳しい方はスルーして下さってもＯＫです。 （もちろん読んで下さる方が嬉しいですがｗｗｗ） 子テーマの概要ファイル構成本テンプレートのファイル/フォルダ構成は下記の通りです。 [images]フォルダ ・・・ 中身は空です。style.css ・・・ 子テーマ用テンプレートの本体です。screenshot.png ・・・ 子テーマのイメージ画像です。以下、内容の説明をさせて頂きます。 style.cssの中身以下の基本コードのみを記載しています。 キ
Stinger5カスタマイズ！記事一覧をオシャレな写真付き2カラムにする方法、もちろんレスポンシブ対応だよ 最近いろんなサイトで見かける「大きな写真に記事タイトル」というカード型デザイン。 スタイリッシュでカッコイイ上どんな記事かひと目でわかる、まさにいいことづくめのスタイルです。 今回はStinger5であのデザインを再現してみたいと思います。 完成するとこんな感じになりますよ。 ※Stinger3で同様のカスタマイズをしたい方はこちらの記事をご覧ください。 カスタマイズ概要 まず記事一覧の背景色を消去します。 つづいてカテゴリーや抜粋分などいらないものを取り除いていきます。 最後にcssで見た目をカード型に整えて、今回のカスタマイズはおしまいです！ カスタマイズ手順 Step1 main部分の背景色を透過 まずは背景色の透過から。main部分の白背景を消去します。 ただし！「style
先日、WordPressのテーマをオリジナルのものからSTINGER5をベースとしてカスタマイズしたものに変更しました！よっしー(@guutarayossiy)です。 変更後から「STINGERの跡形も無い」と大好評(？)でございます。 スポンサードリンク SEOに強いと評判の「STINGER5」に乗り換えました きっかけは「ブロネク」 STINGER5 – WordPressのはじめ方や使い方 一時、「あれもSTINGER、これもSTINGER、たぶんSTINGER」どこもかしこもSTINGERばかりを見る時期があり、敬遠していたSTINGER。 もともとあまり興味は無かったんですけど、10月30日のブロネクをみてちょっと興味が湧き、鞍替えすることを決心しました！ STINGERユーザー交えてブログテーマのお話してみるネク！～第48回ブロネクオンエアー放送後記～ | delaymania
WordPressにはカスタム投稿という通常の投稿記事とは別に自分で作った投稿タイプを追加できる機能があります。その機能をプラグインなしで搭載する方法をご紹介します。STINGER5の説明付です。 カスタム投稿タイプとは？ 例えば企業のサイトでは会社の情報のページ（固定ページ）とブログ（投稿ページ）を分けているケースがありますが、ブログとは別に新着情報だけを更新するお知らせの為だけのブログをもう1つ追加したい、という場合はカスタム投稿タイプを使います。 また、個人ブログでも投稿ページではブログを書いているのとは別に、趣味の写真をギャラリーとして掲載したい、そんなときにもカスタム投稿でギャラリーを表示するというやり方があるのです。 カスタムタクソノミーとは？ カスタム投稿とセットで良く耳にするのがカスタムタクソノミー。こちらは投稿ページにあるようなカテゴリやタグを自分独自で作成できるのです。
先日、僕が強く憧れる方、STINGER5の制作者さんのENJIさんが新しいテーマを２つも出されましたね！ ついにSTINGER6が出ました。プラス、AFFINGER２もでましたね！ ENJIさんといえば、STINGER5を無料で配布しているページで、皆さんのハートを射止める名言を残していらっしゃいます。 利用による幸せは次の人へ繋いで下さい。 僕も、また懲りずにSTINGER5のカスタマイズテーマを非公式に作りました。（ENJIさんにはご報告済みです） そこで、今回は新たにリリースした『Giraffe（キリン）』というWordPressのテーマについてご紹介します！ 魅力的な機能もいっぱいあるし、デザインも頑張って綺麗な感じに仕上がったと思います。 WordPressテーマ『Giraffe』はもちろんレスポンシブ、スマホにも対応当たり前 僕のこのサイトのユーザーさんが、どのデバイス（端末）
STINGER5のシンプル子テーマ「SIMPLESTER」新バージョン2を公開するよ | degitekunote2
どうも、今年の目標１日１記事を絶賛サボり中の私(@こふす)です。いや色々あるんですわ（←苦しげな言い訳） さてさて以前「STINGER5の子テーマ配布するべ」と個人的にちょくちょく作っていたWordPressのテーマ「STINGER5」の子テーマが完成し軽く宣伝したところ、思いの外反響がありまして10日ちょいでDL数が100に届こうとしております。 無名のそれも素人の私が作った子テーマが100人の方にDLしてもらえたというのはホント嬉しい限りです。どもども～ これだけ見ても如何にSTINGERが愛されているのか、あと利用している方が多いテーマなのかがわかりますよね。 公式のサイトでも記事を書いたんですが、SIMPLESTERは自分のWEB制作力やデザインを学ぶために作成＆公開をしていて、STINGER5がある限りどんどんバージョンアップを繰り返していこうと思っています。 そこで早速新バージ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
他ブログとちょっと差がつくSTINGER5とプラグインのカスタマイズ
WordPress初心者でも月間3万PV安定になりました。Stinger5の設定を全て晒す備忘録
STINGER5を使って僕が最初にカスタマイズした箇所まとめ - ディレイマニア
女性ブロガー向けWordPressテーマ 「Stinger5 forLadys」を配布開始しました。
Stinger5カスタマイズ！最新版class,id構造早見表 -トップページ編-
コピペで完了！STINGER5でヨメレバ・カエレバのカスタマイズ
WordPressテーマSTINGER5のカスタマイズテーマ「Giraffe（キリン）」作りました
『WordPressワードプレス無料テーマ Stinger5 Cheetah インストールと設定』
『WordPressワードプレス無料テーマ Stinger5 インストールと設定』
SNSボタンのデザインがばらばらだったので自作してみた。(Stinger5カスタマイズ)
STINGER5を自分色のブログテーマにカスタマイズしてもらったよ！ | 綺麗のミカタ
【STINGER5】スクロールしてもフッターで固定するメニューを設置してみたよ！
WordPressワードプレス無料テーマ Stinger5 Cheetah インストールと設定
WordPressワードプレス無料テーマ Stinger5 インストールと設定
テーマをStinger5に変えたこととブロネクに出たことをザックリ | 日常ぴよぴよ
レスポンシブのテーブルをcssで作ってみた（2列のみ）STINGER5対応
【STINGER5】『はてブボタン』を新しいバルーンデザインへ変える方法
[STINGER5]スマホ表示時に横揺れが発生する原因と解決策 - Love2Labo
Simplicity,Stinger5で超簡単にアイコンを使う方法 | vdeep
これまで私がSTINGER5に行ったカスタマイズや設定のアレコレ – Shufulife
【Stinger5カスタマイズ】functions.phpのカスタマイズを子テーマ側で実施する方法
Stinger5カスタマイズ！目指せ収益UP！管理画面のウィジェットのみで広告の場所を変える方法（ダブルレクタングル対応）
浮気した！究極の決断をしてしまった…！【Stinger5信者必見】
STINGER５で404ページと特定カテゴリの記事だけアドセンス（AdSense）を非表示にする方法
STINGER5を3カラムにカスタマイズする手順 - ディレイマニア
【Stinger5カスタマイズ】子テーマのテンプレート準備しました。時短したい方はどうぞ。＾＾
Stinger5カスタマイズ！記事一覧をオシャレな写真付き2カラムにする方法、もちろんレスポンシブ対応だよ
ブログテーマをSTINGER5ベースに変更！カスタマイズが楽しくてたまらない！ | たらハコ
【WordPress】プラグインなしでカスタム投稿タイプを追加する方法(STINGER5対応) – Shufulife
WordPressテーマSTINGER5のカスタマイズテーマ「Giraffe（キリン）」作りました