僕とStinger3-カスタマイズ箇所と参考サイト様-

将来の夢は日本全国の国公立図書館と小中学校に「うしおととら」を寄贈することです。
こんにちは、宗岡(@pre_muneoka)です。

まだ読んでいない方はぜひ。
少年漫画のすべてがつめ込まれた傑作です。

スポンサーリンク

僕とStinger3

WordPressフリーテーマであるStinger。 StingerについてのAdvent Calendarです。 ###何を書いたらいいの? - Stingerを使ってみてよかったこと。 - こういう風にStingerを利用しているよ。 - Stinger改造まとめ。 などなど何でもOKです! どう...

こちらのイベントに参加できなかったので勝手に書きます。
完全にタイミングを見失いました…

こんにちは、FCめがぶーの宗岡(@pre_muneoka)です。 突然ですが、スマホやタブレット向けの表示をまたまた切り替えま

こちらに書いたのですが、「wp touch」の代わりとしてMulti Device Switcherと併用してStinger3を使用したのがきっかけです。

  • パソコンサイト…PC用のテーマ
  • スマホ・タブレット…Stinger3

かなり特殊な使い方です。
いま思うとwp touchでもよかったのですがStinger3がどうしても使いたかったのでしょう。

こんなにハマったStingerはミニ四駆のレイスティンガー以来です。

結局満足できずにこのサイトを作ることになったのですが…

ノーマルからの変更点と参考サイト様

ヘッダー

①追従するメニューバー

テーマをStinger2に変えて1週間が経ちました。こたら(@kotala_b)です。 テーマの変更と同時に今…

僕の場合は、ナビゲーションメニューを移動するかたちに変更しています。

②ヘッダー画像の削除 & タイトルの画像化

WordPressのテーマ「Stinger3」のサイト名をテキストから画像に変更する方法
ワードプレスを使い続けて早○年。いろいろなテーマを使いながらカスタマイズしてみたり、自分で子テーマを作成してカスタマイズしてみたり。そんな私が先日たまたま見つけた素晴らしいテーマ「STINGER」。作

ヘッダーの画像を削除して、タイトルを画像にしています。
また、スマホの表示も変更しました。

見出し

①各見出しの変更

ハロウィンが近くなってきたので画像はかぼちゃでwどうも(=゚ω゚)ノりゅんた(@RyunNote)です。 ブロ…

h1~h4までサイドバーを含めて変更しています。
CSSがわからない僕ですが、ジェネレーターのお陰で変更できました。

SNS

①追従SNSボックスの削除

追従するSNSボタンを削除して、記事の上にSNSアイコンを追加しています。
ココらへんは趣味の問題だと思います。

②Pocketアイコンの追加

photo credit: poodle_mom2002 via photopin cc 朝と夜は風が少し涼しくなってきましたね。凛(@rin_wan)です。 Stingerをカスタマイズしている時、

SNSに流行りのPocketを追加しました。
PC表記は問題ありませんが、スマホではSNSアイコンがずれているので修正する必要がありそうです。

③はてぶアイコンのデザイン変更

はてぶのアイコンを変更しています。
sns.phpの12行目のはてぶに関する記述の下記の部分を変更しています。

変更前

data-hatena-bookmark-layout="vertical"

変更後

data-hatena-bookmark-layout="vertical-balloon"

hatebu

このようなタイプに変更が可能です。

サイドバー

①サイドバー背景の変更

サイドバーの背景を白に変更しました。

②NEW ENTRYの抜粋削除と日付の追加

NEW ENTRYの表記を変更して、抜粋を削除。
日付も追加しました。

あとSNSアイコンを入れたり変更をしていますが…
見よう見まねで適当にやっています…

その他

①閲覧所要時間の追加

閲覧所要時間を掲載してユーザービリティの向上。

②アイコンフォントを入れて小洒落た感じに

ブログ、HP、どこでも自由に369種類もの「アイコン」を設置できる便利なWordPressプラグインをご紹介。プラグイン導入からアイコンの設置、サイズ、カラー変更も簡単。デザインアクセントにぜひ。− WordPress無料テーマ&テンプレート紹介サイト|テーマタンク

WordPress Visual Icon Fontsを使って、アイコンフォントを導入。
カテゴリーやタグの横に設置しました。

その他、部分的にゴニョゴニョしてますがまだまだ修業が足りない感じです。

記事数が増えたら関連記事表示の変更も行う予定です。

サイトの関連記事・人気記事をカスタマイズ【記事下】

ここでご紹介した参考サイト様の情報はStingerのバージョンによっては適応出来ない場合があります。カスタマイズの際はバージョンをご確認の上で行ってください。

やっぱりStinger3は面白い

参考サイト様を見て頂ければわかると思いますが非常に「個性」が出ています。
元は同じテーマなのが信じられないくらいです。

イベント公式キャラクターが行われるWordPressテーマを僕は知りません。

いやー本当に愛されてますね。

今後はStinger好きの方々を唸らせる情報を発信できればと思っております。
あと、スマホ部分の調整をまったくやってないので変更しないと…

では、素晴らしいカスタマイズの日々を!

この記事をお届けした
O3 WEBの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク