【AFFINGER】細かなカスタマイズまとめ
どうもこんにちは、@dearwalker_yuyaです。 アフィリエイト専用に特化した、WordPressテーマ『AFFINGER（アフィンガー）』のちょっとした細かなカスタマイズ方法をここにまとめていきたいと思います。 探してたカスタマイズが見つかるかもしれませんよ！ 新しいアフィンガーはこちら 稼ぐサイトの設計図-AFFINGER4公式ガイド トップページ ランキングのサムネイルサイズを揃える ランキングの画像に大きめで縦長のものを使うとサムネイルが統一しないことがありました。 これを正方形の画像でなくても揃えるよう設定してあげます。 rank.cssにサムネイルの高さを指定WordPress管理画面 → 外観 → テーマ編集より『rank.css』を選択。 記述するのはこの部分。 .rankst-box .clearfix.rankst .rankst-l a img { float
【WordPress】コピペでOK！『Contact Form 7』をレスポンシブ化するカスタマイズ！
広告 WordPress 【WordPress】コピペでOK！『Contact Form 7』をレスポンシブ化するカスタマイズ！ お問い合わせフォームをサクッと『レスポンシブ化』してみました。 WordPressのお問い合わせフォームといえば皆大好き『Contact Form 7』。プラグインで簡単に設置出来るのでよく使われてるのではないでしょうか？ ただ、スマホで見た時に突き出てしまってちょっと不格好。 せっかくのレスポンシブテーマなのでお問い合わせフォームもレスポンシブにしちゃいましょうー。 作業時間1分ぐらいです。（多分） まず、スマホで見るとこんな感じ あらら。フォームが突き出てしまってますね。 別にこのままでも使えるからいいんですがあんまり気持ちよくはないので可変に対応したいところ。参考にさせて頂いた記事はこちら。 ・Contact Form 7をレスポンシブ対応する | Wor
もう忘れない！Twitterフォローボタンの『フォロワー数の吹き出しを表示・サイズを変える』方法まとめ | SiteMiru（してみる）
こんにちは、@dearwalker_yuyaです。 ブログやサイトに設置する『Twitterのフォローボタン』。 あれを後から大きくしたい・フォロワー数を表示させたいって時ありませんか？ 僕は「あれ？どうやるんだっけなー」っていつも忘れてしまうんですよね。。 毎度、検索して探すのがもう面倒なのでここに設定方法をまとめておきたいと思います！ Twitter公式フォローボタンの取得方法 ▶ Twitterボタン まず初めにTwitterフォローボタンの取得方法。ポチッと押すだけでフォロー出来たり・されたり出来ちゃう素敵なTwitter公式ボタン。 ここでボタンを大きくしたり、日本語表示に変えたりと好みの設定をしてボタンの取得してコードを好きな場所へ貼り付けます。 さて、それではよくカスタマイズで使う『フォロワー数の吹き出しを表示・サイズを変える方法』をご紹介。設置した後でもコードを少し変えるだ
【WordPress】超簡単な『favicon』と『ウェブクリップアイコン』の設定まとめ
こんにちは、@dearwalker_yuyaです。 ブログやサイトを作ったら必須とも言える『favicon（ファビコン）』と『ウェブクリップアイコン』の設定をWordPressで超簡単に出来るようにまとめてみました。 WordPressのプラグインありとプラグインなしの両方をご紹介してみるので良かったら参考にしてみて下さい。 プラグインで無しで『favicon』を設定favicon画像をico形式でマルチアイコン化▶ファビコン作成 favicon.ico 無料で半透過マルチアイコンが作れます こちらのサイトではとても簡単にマルチアイコン化することが出来ます。 png形式の画像を1つ用意して16px × 16px・32px × 32px・48px × 48pxとそれぞれ作成したいサイズに画像ファイルを選択すれば『ico形式』の1つのマルチアイコンを吐き出してくれます。 faviconを設置す
【STINGER5】関連記事を『2列の横並び』に変える方法
こんにちは、@dearwalker_yuyaです。 このブログで使っているWordPressテーマ『STINGER5』にはデフォルトで記事下に『関連記事』が入るようになっています。 これを表示する形はそのままに、PC表示での関連記事を『2列の横並び』へと変える方法をご紹介してみたいと思います。CSSと数カ所の変更するだけ、超簡単なので探してた方はぜひ試してみてください！ 追記：サイドバーにSTINGER5デフォルトの『NEW POST』などがある方はサイドバーが崩れる可能性があるので『追記』以降もご覧下さい。 目指す関連記事の『2列の横並び』 図のようにPC版デフォルトの表示を『2列の横並び』配置へと変えていきます。もちろん、モバイルでのレスポンシブデザインはそのままに。 コンテンツ幅を広げている方にオススメ！
面倒くさがりでも500記事達成！ブログ更新を超簡単にしてくれた『Macアプリ・ツール8選』 | SiteMiru（してみる）
こんにちは、ゆうや(@dearwalker_yuya)です。 SiteMiru（してみる）で「今ブログ何記事書いたのかな？」とふと記事数をチェックしてみると、なんと500記事を超えていました。 WordPressの管理画面をはい、ドドン！！ おぉう。。継続してマメにブログ更新とか絶対出来ないと思ってた人間でもやれるもんですね。開始当初は『写真を撮る』→『画像を加工する』→『記事を書く』で300文字程度のブログ更新に4時間ぐらいかかってた記憶があります。 最近では画像加工とかを凝っても1記事30分〜2時間ぐらいで書けるようになりました。それも『作業を高効率化』してくれるツールの存在が大きい！ 今回は僕のブログ更新に必須とも言えるMacアプリやツールを『目的別にまとめてご紹介』するので役立ちそうな物があればぜひ使ってみて下さい。 ブログのネタ探し・情報収集 メインブラウザ 『Google Ch
【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:
ブログに『食べログ』の店舗情報マップを綺麗に貼り付ける方法
どうもこんにちは！@dearwalker_yuyaです。 食べログ系の記事紹介でよく見かける、店舗への地図としてGoogleマップや営業時間・定休日などをブログへ埋め込むことが出来る『食べログの店舗情報』。 店舗をオススメする際の紹介に便利なので当ブログでも使っています。 しかし『店舗情報マップ』をブログに貼り付けた際、2点不具合が出たのでこれの対処法として『店舗情報マップを綺麗に貼り付ける方法』をご紹介！ 食べログの『店舗情報マップ』の貼り付け方 紹介したい店舗を『食べログ』にて検索し、店舗基本情報の下にある『ブログに店舗情報を貼る』よりコードを取得。 これを表示したい場所へ貼り付ければOKです。 が、ここで不具合発生！ PCとスマホでそれぞれ2ヶ所、表示崩れの不具合が確認出来たのでその対処法を書いていきます。 崩れその1, 『店舗名落ち』
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
