スポンサーリンク

ワードプレスstinger3・stinger5・gush2のカスタマイズを備忘録として紹介しています。

stinger 5

ページトップへ戻るボタンの下に、ホームに移動出来るボタンを追加し
て、stinger5の利便性をアップさせました。

 

stinger5には、画面をスクロールしたらニョキットボタンが出てきて、 ...

アフィンガー

アフィンガーのスマホ・タブレット用のメニューであるアコーディオン
をクリックしやすいようにカスタマイズした備忘録です。

 
アフィンガーのスマホ・タブレット用のメニューであるアコーディオン

アフィンガー

AFFINGERのメニューは、デフォルトではドロップダウンメニューになっ
ていません。なので今回はメニューをドロップダウンメニューに、カス
タマイズしたやり方を備忘録として残しておきます。

  ...

アフィンガー

affinger

2016年2月27日

 

affinger(アフィンガー)はアフィリエイトに特化したワードプレスのテーマで初心者でも簡単にブログが作成できます。

 

affinger(アフィンガー) ここがすごい!!

...

stinger 5

stinger5

 

stinger5でウィジェットを作成して記事下にアドセンス広告以外のアフ
ィリエイト広告を設置してみた。

 

stinger5記事下にアフィリエイト広告を設置

各投稿記 ...

stinger 5

stinger5

2016年9月28日

 

stinger5は投稿ページおよび固定ページとも2カラムです。今回は新た
にアフィリエイト用に、固定ページを作成して1カラムのランディング
ページを作成するカスタマイズ方法です。

...

stinger 5

stinger5

 

stinger5の記事下にあるアドセンス広告をレクタングルにして、縦並び
から横並びに変更するカスタマイズを紹介しています。

stinger5の記事下にあるレクタングルのアドセンス広告は、 ...

stinger 5

stinger5

 

stinger5で投稿した記事の下にアドセンス広告以外のアフィリエイト広
告をランキング形式で設置してみた。

 

 

stinger5 記事下にアフィ ...

stinger 5

stinger5

stinger5のワードプレスのデフォルトのタグクラウドも嫌いではないの
ですが、ちょっと見づらいので簡単な方法でカスタマイズしてみました。

 

タグクラウドとは

 
タグクラ ...

wordprees

wordpress

今夏リリースされる予定の「Windows10」が、Windowsの最後のバージョンになることがMicrosoftから明言された。

一体どういうことか?Windowsは無くなってしまうのか?今後はどうなるのかまとめた ...

stinger 5

stinger5

 

WebサイトをPC、タブレット、スマホといった様々なデバイスの画面サイズに対応させるために、レスポンシブデザインとはなにかを解説しています。

 

stinger5のレスポンシブデザ ...

stinger 5

stinger5

 

ナビメニューバーを固定させて、スクロールしても追尾してくるようにカスタマイズしてみました。

ナビメニューバーを固定させて追尾させる

 

 

ここで紹介するsti ...

stinger 5

stinger5

 

stinger5のメタ情報の中には自分には必要の無いボタンがあると思います。なので「サイト管理」以外を削除した。

 

メタ情報のいらない項目を削除

 

ここで紹 ...

stinger 5

stinger5

 

stinger5のサイドバー見出し(タイトル)の背景をグラデーションにしてアイコンフォントも挿入してオシャレにカスタマイズした。

私のブログの色はブルー系(ロイヤルブルー)を基調としています。

stinger 5

stinger5

 

スクロールウイジェットにコードを入れても追尾しないので

プラグインを使った。

stingr5 サイドバーを追尾させる

 

ここで紹介するstinger5のカスタマイズは、 ...

PR

スポンサーリンク

stinger 5

stinger5

STINGER5 のデフォルトではトップページに新着記事が記事表示されて、そしてサイドバーにも新着記事「new post」が表示されている。

単一記事のサイドバーに表示されるならわかるけど、トップページに新着記事が表示され ...

stinger 5

stinger5

前回では
stinge5トップページに広告を増やしてアドセンス収益をアップさせるカスタマイズの内容はトップページ記事一覧の最初と最後にアドセンス広告を表示させるカスタマイズを紹介しました。

 

stinger 5

stinger5

何回かこのブログで取り上げていますが、stinger5のナビケーションメニューを改めてリニューアルしたので備忘録として書き留めています。もちろんサブメニュー付きです。
リニューアルしたstinger5のサブメニュー付きのナビケ ...

stinger 5

stinger5

stinger5「ページトップへ戻る」のカスタマイズ 2
前回カスタマイズした「ページトップへ戻る」は、はじめてのカスタマイズで目立ちすぎず記事に邪魔にならないようカスタマイズしてみたが、なんかイマイチだったのでチョコット変え ...

stinger 5

stinger5

 

stinger5のデフォルトでは、カテゴリーとタグ標記が同じところに並んで表示されています。

タグのアイコンの横にカテゴリー名があって、その横にタグが並んで標記されている状態です。

な ...

stinger 5

stinger5

2015年3月24日

前回の「stinger5 トップページ記事一覧を区別化するカスタマイズ」では、カード化にカスタマイズしたものの1記事内に「抜粋文」さらに「続きを読む」ボタンも設置したため、なんかゴチャゴチャしてスマホ等で視たら逆に見づらい感じがしまし ...

stinger 5

stinger5

2015年2月18日

デフォルトではstinger5のナビケーションメニューは、ヘッダーの下にあります。また、ヘッダーおよびフッターの背景は画面いっぱいに表示されていません。

なのでナビケーションメニューをヘッダーの上に移動させて、ヘッダーおよ ...

stinger 5

stinger5

前回「stinge5トップページに広告を増やしてアドセンス収益をアップさせるカスタマイズ」の解説では、ブログトップページの記事一覧の上と下に、アドセンス広告を表示させるカスタマイズを備忘録として紹介しました。

今回は、読者 ...

gush2

gush2

最近はアイコンフォントを使ったサイトを多くなりました。

サイドバーのSNSは「feedly」以外はアイコンフォントで表示してきましたが、
「feedly」だけアイコンフォントがなかった為画像を使っていました。

gush2

gush2

gush2のトップページ記事一覧をカード型デザインにする事によって、記事の区別
がはっきりしてゴチャゴチャ感がなくなり、オシャレでスタイリッシュですっきり
します。

 

トップページ記事一覧 ...

gush2

gush2

サイドバーの背景を半透明化と「NEW エントリー」を区別化するためにカード型に変更するカスタマイズ方法を解説しています。

また、サイドバーの背景を白色にして半透明化する事でコンテンツを観やすくした。

  ...

gush2

gush2

サイドバートップにあるSNSボタン箇所に、「feedly」ボタンの追加とそれらのボ
タンを装飾してみた。

 

既存のコード

 

 

ここで紹介するgush2 ...

gush2

gush2

ワードプレスのテーマであるgush2のメイン上部にあるアドセンス広告ですが、時々下のほうが途切れて表示される事があったので、それを修正しました。

なんでだろう? なんでだろう? なぜだ? なぜだ? なんでだろう?

gush2

gush2

gush2のカテゴリとタグ標記が同じところに並んで表示されています。

なので区別してわかり易いようにカスタマイズした。

 

カテゴリとタグ標記のカスタマイズ

 

ここで紹介す ...

stinger 5

stinger5

2015年2月13日

stinger5のSNSシェア用のボタンはよ~く観ると、デザインだけでなく、大きさまでばらばらだったりします。

SNSボタンの数も「ツィッター」・「フェースブック」・「グーグル」・「ハテナ」の4個です。

いまや ...

スポンサーリンク