【AFFINGER】細かなカスタマイズまとめ
どうもこんにちは、@dearwalker_yuyaです。 アフィリエイト専用に特化した、WordPressテーマ『AFFINGER（アフィンガー）』のちょっとした細かなカスタマイズ方法をここにまとめていきたいと思います。 探してたカスタマイズが見つかるかもしれませんよ！ 新しいアフィンガーはこちら 稼ぐサイトの設計図-AFFINGER4公式ガイド トップページ ランキングのサムネイルサイズを揃える ランキングの画像に大きめで縦長のものを使うとサムネイルが統一しないことがありました。 これを正方形の画像でなくても揃えるよう設定してあげます。 rank.cssにサムネイルの高さを指定WordPress管理画面 → 外観 → テーマ編集より『rank.css』を選択。 記述するのはこの部分。 .rankst-box .clearfix.rankst .rankst-l a img { float
【STINGER5】関連記事を『2列の横並び』に変える方法
こんにちは、@dearwalker_yuyaです。 このブログで使っているWordPressテーマ『STINGER5』にはデフォルトで記事下に『関連記事』が入るようになっています。 これを表示する形はそのままに、PC表示での関連記事を『2列の横並び』へと変える方法をご紹介してみたいと思います。CSSと数カ所の変更するだけ、超簡単なので探してた方はぜひ試してみてください！ 追記：サイドバーにSTINGER5デフォルトの『NEW POST』などがある方はサイドバーが崩れる可能性があるので『追記』以降もご覧下さい。 目指す関連記事の『2列の横並び』 図のようにPC版デフォルトの表示を『2列の横並び』配置へと変えていきます。もちろん、モバイルでのレスポンシブデザインはそのままに。 コンテンツ幅を広げている方にオススメ！
【STINGER5】フッターに『カテゴリー』一覧ウィジェットを追加する方法
どうもこんにちは！@dearwalker_yuyaです。気のせいじゃなければ目が痒い気がする。そろそろ花粉症シーズン到来ですかね。。 さて、このブログでは今使っているWordPressテーマ『STINGER5』を少しカスタマイズしてフッター部分に『カテゴリー』一覧のウィジェットを作成して表示してあります。 今回はフッターにカテゴリーウィジェットを追加する方法とカスタマイズCSSをご紹介！たった3箇所カスタマイズするだけ！『STINGER5』のフッター部分を活かしたい方は参考にどうぞ！ フッターウィジェット追加のカスタマイズ方法function.phpをカスタマイズまずはウィジェットを表示する為の仕込みを行います。 こちらがカスタマイズしたウィジェットのコード部分。 変更するのはfunction.phpの『ウィジェット追加』です。 //ウイジェット追加 if ( !function_exis
【STINGER5】コピペで使えるPAGE TOP（上へボタン）のCSSカスタマイズ方法
どうもこんにちは！@dearwalker_yuyaです。 今回はSTINGER5の細かなカスタマイズ記事！ STINGER5の右下にあるPAGE TOP（上へボタン）のボタンをより押しやすくするようにカスタマイズしてみました。 CSSのコピペだけで出来るデザイン変更を使ってオリジナリティを出す方法を用意みたので良かったら参考にしてみて下さい。 PAGE TOP（上へボタン）のカスタマイズCSSCSSを触るだけで簡単にカスタマイズが出来ます。 カスタマイズ場所はSTINGER5のstyle.cssのこちら。『PAGE TOP』でページ内検索を使うと便利です。 /*-------------------------------- PAGE TOP ---------------------------------*/ #page-top { position: fixed; z-index:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
