退職代行アフィリエイトだけで月80万円稼いだときの話

個人的にブログアフィリエイトへと取り組んでいて、一つのジャンルだけでガツンと大きく稼げたひとつの事例が「退職代行アフィリエイト」です。 僕が退職代行案件でもっとも成果をあげたのは2021年の5月（※ゴールデンウィーク前後）で、いっきに確定し

SWELL「この記事を書いた人」の非表示/編集/CSSカスタマイズ方法

今回はWordPressテーマ「SWELL」の記事下に表示できる「この記事を書いた人」ブロックの編集方法について解説します。 デフォルト設定では記事下に表示される、下記プロフィールボックスのことです。 これは非表示にもできますし、内容ももち

【SWELL】追従ヘッダーから画像がひょっこり出てくるカスタマイズ

WordPressテーマ「SWELL」を活用した、お遊び系のカスタマイズをご紹介します。 SWELLには、ヘッダーを追従させられる機能がついています。PC表示のみにはなりますが、そんな追従ヘッダーに好きな画像をひょっこりぶら下げられるカスタ

ライターポートフォリオサイトの作り方

今回は、ライターポートフォリオサイトの作り方について解説していきます。 Webライターとして仕事を効率よく獲得するには、プロフィールや提案文と同じくらい、ポートフォリオサイトの作り込みが大切です。 ブログを書くのは当然として「ライターとして

【SWELL】ヘッダーロゴ横に画像を配置してマウスオーバーでアニメーション

今回は、かなりお遊び的なCSSカスタマイズをご紹介します。 ヘッダーロゴ横に任意の画像を表示させて、マウスカーソルをヘッダーに載せたときにアニメーションする挙動です。下記動画をご覧ください。 ヘッダーにカーソルを合わせると、わんこがクルクル

【SWELL】新着・更新情報を表示するCSSカスタマイズ

WordPressテーマ「SWELL」には「投稿リスト」という便利な機能があります。 投稿リストを「テキスト型」にして新着記事を表示すると、更新情報や新着ニュース欄として使えます。通常であれば下記のようにシンプルな見た目です。 しかしあくま

SWELL初期設定6ステップ。インストールから流れに沿って解説

この記事では、SWELLの初期設定やインストール方法について解説していきます。 筆者はこれまでにSWELLを使い、少なく見積もっても50以上の企業サイト・個人サイトを制作してきました。そんな中、SWELLをインストールしたあとの行動はほぼル

co.jpのSEOについて。2023年1月時点の所感

自分の所感と実績ベースでco.jpのSEOについて書いていきます。あまり声高に言うことではないと思うので「nofollow」「noindex」「会員さま限定」にしました。 いま自分の所属する会社のco.jpドメインを2つ（所属会社＋グループ

SWELLアイコン一覧。ショートコードとCSSがコピペで使える。

ほぼ自分用のメモですが、WordPressテーマ「SWELL」で用意されているオリジナルアイコンを一覧でまとめました。 パッとコピペして使いたいなと思ったので、ショートコードとCSSのコードをコピペで使えるように整理しています。よろしければ

【SWELL】スマホ開閉メニュー端に画像をひょっこりさせるカスタマイズ

SWELLでスマホの開閉メニューを開いたときに、端っこから画像がひょっこりするカスタマイズをご紹介します。 下記の動画をご覧ください。 開閉メニューの端っこに、可愛いわんこがひょっこりしています。（当初は意図していなかった挙動ですが、最後な

SWELL画像サイズ一覧。アイキャッチ/メインビジュアル/ヘッダーロゴ

WordPressテーマ「SWELL」の画像サイズについて解説します。 今回はSWELLで構築している当サイト文亭の読者、約10万ユーザー分のデバイスサイズ（※2023年1月しらべ）を調べ、最新の画面サイズ状況を踏まえた画像サイズを検討して

【SWELL】SNSシェアボタンの色や形を変えるCSSカスタマイズ

WordPressテーマ「SWELL」のSNSシェアボタンのカスタマイズをご紹介します。 普段はフラットで各SNSカラーが反映された、下記のようなデザインです。 これらSNSシェアボタンの枠を丸く、色をモノクロにして、飾り文字をつけるとこん

【SWELL】マウスオーバーで文字が出てくるボタンカスタマイズ

今回は、SWELLボタンの上にポインタが乗ると文字が出てくるボタンカスタマイズをご紹介します。 下記のような挙動になります。 デモ動画では標準サイズのボタンでご紹介していますが「小」にしても「大」にしても、同じように右上へとテキストが表示さ

【SWELL】プロフィールボックスに装飾文字を配置するカスタマイズ

今回はWordPressテーマ「SWELL」のプロフィールボックスに、装飾的なテキストを配置するカスタマイズです。 シンプルなプロフィールボックスも素敵ですが、良い感じの英字などを装飾としてつけてみてはいかがでしょうか。 たとえば上記アイキ

SWELLカテゴリアイコンを変更するカスタマイズ

WordPressテーマ「SWELL」で「カテゴリ一覧」のウィジェットをつかったとき、アイコンは で固定です。 例えばサイドバーにカテゴリ一覧を表示させると、下記のようなデザインになります。 「 をSWELLで用意されている別のオリジナルア

SWELL投稿一覧のアイキャッチ画像に縁取りと影をつけるカスタマイズ

SWELLの投稿一覧に表示されるアイキャッチ画像は、基本的にフラットなデザインになっています。下記のような雰囲気です。 このままでも綺麗なのですが、少しリッチな雰囲気にしたいときのために、縁取りや影をつけるカスタマイズをご紹介します。 今回

SWELLのPC表示でハンバーガーメニューを設置するカスタマイズ

WordPressテーマ「SWELL」では、PC表示のグローバルメニューデザインが下記のようなテキスト表示になっています。 ハンバーガーメニューにするカスタマイズは標準では用意されていません。 そこで今回は、PC表示でもハンバーガーメニュー

SWELL目次のアイコンを変更するカスタマイズ

WordPressテーマ「SWELL」の目次部分に表示されるアイコンは、基本的にのアイコンで固定されています。 「目次」のテキストや背景デザイン、リストデザインはカスタマイザーから変更できますが、アイコンはCSSで調整する必要があります。

SWELLメインコンテンツ部分を枠で囲むカスタマイズ

WordPressテーマ「SWELL」で、メインコンテンツ部分に枠（border）をつけて囲むカスタマイズをご紹介します。 PC表示はアイキャッチ画像のとおりで、SP（スマホ）表示でも下記のような見た目になります。 トップページやカテゴリペ

SWELLトップページをサイト名と別のテキストでインデックスさせるカスタマイズ

SWELLでサイト制作した場合に、トップページをサイト名以外のテキストでGoogleにインデックスさせたい場合があります。 なにも設定しなければ基本的には「サイト名」でインデックスされます。これは困った！というときのカスタマイズについて解説

SWELLフルワイドブロック内の自由な位置に画像を配置するカスタマイズ

SWELLのフルワイドブロックを活用して、比較的制御しやすく、かつ自由な配置で画像を配置するカスタマイズについて解説します。例えば下記のようなことができます。 ここがフルワイドブロックです。 このブロックを基準として、 CSSで画像を色々な

SWELLのCSSカスタマイズ方法

WordPressテーマ「SWELL」のデザインをCSSでカスタマイズする方法を解説します。 元々素敵なデザインのテーマですが、かゆいところに手を届かせるには、CSSでカスタマイズするのが近道です。 ぜひお試しください。 SWELLのCSS

SWELLのボタンカスタマイズ方法【CSS】

WordPressテーマ「SWELL」のボタンカスタマイズについて解説していきます。 SWELLには「SWELLボタンブロック」として、オリジナルのボタンデザインが用意されています。それらは専用の設定項目から大きさを変更できたり、色を変更で

【SWELL】コーポレートサイトの作り方を5ステップで解説

当記事では、WordPressテーマ「SWELL」でコーポレートサイトを作る手順をわかりやすく解説していきます。 さっそくですが、今回の記事で作り方を解説するコーポレートサイトのデモをご用意していますので、下記サイトをご覧ください。 SWE

【SWELL】ページ内リンク（アンカーリンク）の作り方。ブロックエディタ対応

今回はSWELLでページ内リンク（アンカーリンク）を使う方法を解説します。なおWordPressのブロックエディタであれば、SWELL以外でも応用が可能です。 方法論としては、飛び先に任意のアンカー（id）を設定して、そのidに対してリンク

SWELLのフッターをカスタマイズする方法【CSS】

この記事では、WordPressテーマ「SWELL」のフッター周辺をカスタマイズする方法をご紹介します。 フッターを綺麗にしておくと、よりサイトデザインのバランスが整います。 SWELLの標準機能でカスタマイズできる項目と、CSSを追加して

SWELLでサイト型トップページを作るカスタマイズとSEO上の注意点

当記事では、WordPressテーマ「SWELL」でサイト型トップページを作るカスタマイズについて解説していきます。 トップページをサイト型にする場合は、明確な目的がなければ中途半端なデザインになってしまいがちです。訴求するサービスや対策す

SWELLのタイトル文字を非表示にするカスタマイズ【CSS】

今回は、SWELLのタイトル文字を非表示にするカスタマイズをご紹介します。 純正機能に調整項目はついていませんので、対象ページにCSSを追記する形で対応しましょう。 カスタマイズは自己責任でお願いします。 SWELLでタイトル文字を非表示に

SWELLのタイトル文字サイズ変更カスタマイズ【CSS】

この記事では、SWELLのタイトル文字サイズを変更するカスタマイズをご紹介します。 純正機能では対応していませんので、CSSを追加する形で調整しましょう。 カスタマイズはあくまで自己責任でお願いします。 SWELL投稿ページのタイトル文字サ

codoc（コードク）とは？安全性や購入方法を徹底解説

当記事では、Webサイト上にコンテンツ販売機能を実装できる「codoc（コードク）」についてご紹介します。 当サイトでも「有料記事」の販売に使わせていただいている、便利な決済ツールです。 今回は「codocは怪しいツールじゃないよ」というこ

SWELLの見出しデザイン変更/カスタマイズ方法【CSS】

この記事では、WordPressテーマ「SWELL」の見出しデザインをカスタマイズする方法をご紹介します。 SWELL純正の機能をつかったデザイン変更方法と、CSSで指定したカスタマイズ方法に分けて解説していきます。 SWELLの見出しデザ

SWELLでスライダーを実装する方法3選

今回は、SWELLをつかってスライダーパーツを実装する方法を解説していきます。 標準機能で簡単に実装できて、便利にカスタマイズできるパーツが3種類用意されていますので、ご参考ください。 当記事は、SWELLのバージョン: 2.7.2.1の機

比較記事の書き方8ステップ。SEOやアフィリエイト成果改善のコツも解説！

今回は「比較記事」の書き方について解説していきます。 ブログアフィリエイトで成果を上げたいと思ったときに、比較記事はサイトの軸にもなる存在です。 基本的な書き方や、サイト内における比較記事の役割、SEOやコンバージョン改善に役立つコツまでわ

商標記事の書き方6ステップ！アフィリエイトで売れやすい商品選びのコツも解説

この記事では「商標記事」の書き方について解説していきます。 商標記事を書いて検索上位を取っていくには、絶対的に必要な要素があります。もちろんそれは商品によっても、狙うクエリによっても少しずつ変わりますが、本質は同じです。 今回はどんなジャン