>広告AFFINGER6|もしもアフィリエイトのかんたんリンクをCSSでカスマイズする2024年10月27日もしもアフィリエイトには、初心者向けの様々なツールがあります。2019年3月26日には新たなツールとしてリニューアルされた「かんたんリンク」が登場し物販と呼ばれる「Amazon」「楽天市場」「Yahooショッピング」をまとめて掲載できるツールが登場しました。リンク集は各販売サイトをまとめて紹介できるので、どこかで購入してもらえれば簡単に成約するのが特徴です。-AFFINGERで始めるもしもアフィリエイト-もしもに登録するこんな方におすすめかんたんリンクをよりオシャレにしたい自分のサイトに合うようにカスタマイズしたい他サイトとは違う個性を出したい今回はもしもアフィリエイトのかんたんツールをCSSでカスタマイズしたので、まとめて紹介していきたいと思います。アフィリエイトかんたんツールもしもアフィリエイトのかんたんツールはよく見る商品リンクをまとめたツールです。実際のかんたんツールはこんな感じですリンクこのツールは日々アップデートされていいて、登場時は中々味気ない感じの見た目をしていましたが、現在ではもしもアフィリエイト上でツール作成時にある程度デザインを変更することができます。かんたんツールのカスタムボタンの量を増やししたり、カラーを変更したり、文言を変えることもできるようになっています。この機能はリンクを作成するたびに設定しなければならないので少し手間な部分もあります。CSSで一度変更してしませば、何もせずともリンクを作って貼るだけでスタイルが適用されるのとても便利です!おすすめ記事AFFINGERでアフィリエイトを始める初心者は「もしもアフィリエイト」がおすすめ!-AFFINGERで始めるもしもアフィリエイト-もしもに登録するCSSカスタマイズもしもアフィリエイトのかんたんリンクはCSSでカスタマイズすることができます。CSSの記入はいずれかの方法でできます。追加CSSを編集する外観>カスタマイズ>追加CSSテーマによって多少レイアウトが変わったりするので気をつけましょう。...スタイルシートについて注意事項かんたんリンクをCSSでカスタマイズする際は注意事項があります。注意事項CSSによるカスタマイズはサポート対象外になるカスタマイズによって違反となる事はないが、推奨されているものではない今後の修正やアップデートで独自CSSは適用されなくなる可能性があるWordPressのバージョンやテーマによって内容が異なる事があるカスタマイズは自己責任になります。アフィリエイトからは推奨されてはいませんが、禁止されているわけではなく、今後変わるかもしれないけど自己責任でやってね!という感じです。基本的にCSSのカスタマイズは自己責任なのでバックアップは必ずとりましょう!カスタマイズ出来ない時は?サーバーで「WAF」の設定がオンになっている場合があります。この場合は一時的に設定をオフにしなければサイトをカスタマイズできません。WAFとは?WAF(ウェブアプリケーションファイアウォール)はウェブ上でのアプリケーションの脆弱性に外部からの攻撃や侵入を防ぐ為のセキュリティ。この「WAF」がある事によってサーバーが攻撃されるのを未然に防いでくれています。Wing」などサーバー側で設定がオンになっている場合は「CSS」や「HTML」のコードの書き換えも出来ないようになってしまっています。書き換えた後には設定をオンにしておく事をおすすめします。-AFFINGERで始めるもしもアフィリエイト-もしもに登録するカスタマイズデザイン一覧なるべく誰でも使えるように幅広くカスタマイズを紹介しています。ボタンカラーなどは自分の好きなカラーに変更できるようになっていますので、個性を付けたい方は是非試してみてください。おすすめデザイン定番カラーでどんなサイトにも合うデザインです。ボタンには影を追加しており、商品名をリンクだと分かりやすいようにカラーの変更をしています。ボタンを縦配列で幅いっぱいに表示するようにしています。マウスホバー時ボタンカラーはマウスで暗転もするように設定しています。選択しているボタンのアウトライン表示います。*/}アウトラインのデザインアウトラインのデザインです。こちらもボタンを縦に配置していますが、画像の大きさによっては以下のようにヤフーショッピングが二段に表示されることがあります。マウスホバー時マウスホバーで暗転されるように設定しています。*/}}控えめデザイン控えめな配色で縦並びのデザインを採用し、クリックで反転しないようにしています。周囲のラインも二重線からグレーの線に変更しました。カラーのみ変更も簡単なので好みのカラーに変更してみましょう。absolute;}}角丸のデザイン縦並びでボタン端を丸くしたデザインです。ボックスデザイン自体をグレーにして影をつけたデザインになっています。カラーを変更すれば好みのものに変更することもできます。20px!important;width:85%!important;}}p.easyLink-info-model{/*モデル非表示*/display:none;}クラシックなデザイン昔ながらの見た目で優しい感じのリンク集になっています。画像は大で使用しています。ボタンサイズ調整をしっかりしていて、無駄なく配列できます。!important;}ボタンのカラーについて上記カスタマイズデザインは全てボタンのカラーを変更する事ができます。#英数字」の部分を変更するだけです。HTMLカラーコードwww.colordic.orgまた、新しいかんたんリンクはリンクを作成するごとにカラーを変更できるようになっています。-AFFINGERで始めるもしもアフィリエイト-もしもに登録する商品管理プラグインWordPressでは商品管理プラグインが登場しています。Pro(ポチップ)を使うべき理由RinkerAFFINGER|Rinkerの使い方とデメリットそれぞれ使いこなせるとかんたんリンクよりもさらに使いやすいので、ぜひチャレンジしてみてください。アフィリエイトは初心者におすすめのASPです。AFFINGERでアフィリエイトを始める初心者は「もしもアフィリエイト」がおすすめ!AFFINGERで稼ぐといえば最初に思い浮かぶのはアフィリエイトです。...もしもアフィリエイトはおすすめかんたんリンクを利用する際はコピペだけで簡単ですが、デザインを確認しながら設定してみてください。コメントをキャンセルメールアドレスが公開されることはありません。関連記事AFFINGER6|ヘッダーエリアに動画を流してトップページをオシャレにする!サイトのトップページは訪問者が一番最初に目を引く場所でもあります。中でも動きのある動画はかなり有用な要素になります。AFFINGER6でも設定することができます。下記のデモサイトのように、トップページを動画にして画面いっぱいに表示する設定を解説していきます。EX限定の機能になります。同じように設定する場合はEX版が必要になります。...AFFINGER6で記事ごとに個別CSSを設定するカスタマイズカスタマイズをする際にスタイルシートを使ってカスタマイズをすることは多いと思います。AFFINGER6のCSSについては「AFFINGER6|スタイルシート(style.css)を編集する時の注意点について」で解説しています。トップページや固定ページなど、個別でCSSを当てるには様々な方法があります。ネットで検索しても出てきます。...AFFINGER6|スタイルシート(style.css)を編集する時の注意点についてサイト運営中級者あたりからWordPressでのカスタマイズで必須となるCSSを使用したカスタマイズをおこなう人が増えてきます。このCSSは「カスケード・スタイル・シート」の略で、見た目を簡単にカスタマイズすることができるので、使えたほうがサイトデザインの幅が大きく広がります。今回はAFFINGER6でCSSカスタマイズをはじめる時の注意点や書き方などを解説していきます。...AFFINGER|サイトのデザインと色使いのコツを学ぶAFFINGER6でサイトを作る際に悩むのがデザイン面です。筆者もかなり多く迷ってここまできました。今回はサイトデザインや色使いのコツについて詳しく解説していきたいと思います。サイトデザインに回答はありません。管理者の好きなようにデザインすればいいし、サイト型でもブログ型でも自由です。基本的なサイトデザインですが、たった一つだけ守った方がいい事といえば基準を設けることだと思います。