ヨメレバ 無料。 【コピペ可】カエレバ・ヨメレバ・トマレバをサイトに合わせてカスタマイズ!

カエレバに続いてヨメレバ導入!オリジナルなリンクにアレンジしたよ|きにぶろぐ.com

ヨメレバ 無料

上記の様に、「アマゾン」「楽天(ブックス)」の両方のリンク先が表示されている(あとKindleも)ので、いずれの観覧者にとっても便利という事になります。 ヨメレバ・カエレバの使い方(設定方法) 前述したように、ヨメレバ・カエレバというブログパーツは「かん吉さん」が開発したもので、どちらも無料で使わせてもらうことができます。 使い方としては、以下のURLからアクセスして、必要項目を入力すればOK(審査も必要ありません)。 ・『』 ・『』 ただし、『必要項目』というのはアマゾンアソシエイト・楽天アフィリエイトが個別に付与している情報(例えば個別IDなど)なので、各々のアフィリエイトに登録しておくことが前提となります。 ・・・・・たったこれだけで、ヨメレバ・カエレバは利用できます。 兎にも角にも、基本情報を入力するにはアマゾンアフィリエイトや楽天アフィリエイトの情報が必要です。 登録は無料なので、まずは登録してみてください。 各アフィリエイトの特徴や、アフィリエイトのURLについては以下の記事でもまとめているので、余談として興味がある方はチェックしてみてください。 スポンサーリンク カエレバ・ヨメレバを使ってみよう ヨメレバ・カエレバの設定が済めば、あとは検索フォームに商品名を入力するだけで必要なソースが生成されます。 例えば、以下の画像上部にある「書籍キーワードの検索フォーム」に「ペインリハビリテーション」と入力すると、検索結果がズラッと出てきます。 でもって、該当商品の右側にある「ブログパーツを作る」をクリックすると、広告コードの生成画面へ移行します。 ブログパーツのコードをコピペして貼り付けよう 「ブログパーツを作る」へ画面が移行したら、商品画像の下に表示されているコードをコピペして貼り付けます。 上記の画像では、コードを削除して空白にしていますが、本来ならここに羅列したコードが生成されています(それをコピペしてブログに貼り付ければ広告の完成です)。 他にも、画像の大きさや、デザインをクリック一つで変えることも出来ます(すると、生成されるコードも自動的に変化します)。 コードが生成されなくても、何度か挑戦していれば表示されることが結構ある ちなみに、検索すると希望の商品が表示されてたにもかかわらず、「ブログパーツを作る」をクリックすると以下の画面が表示されることも多々あります。 本来なら生成されたコードが表示されるはずにも関わらず「書籍が見つかりません」となっています。 この様な場合でも、前の画面(ペインリハビリテーションの検索結果一覧)に戻って、再び「ブログパーツを作る」を何度かクリックしているとコードが表示される場合が多々あるので、一度この表示が出たからと言って諦めないようにしましょう。 カエレバ・ヨメレバをカスタマイズしてみよう 前述したように、カエレバ・ヨメレバに必要事項を入力すれば、あとは「検索フォームに自身が掲載したい商品名を入力するだけ」で必要なソースが生成されます。 その際に、デザインを以下のいずれかに変更すると、生成されるソースも変わってきます。 選択すると、その場でデザインが確認できますが、どれも同じようなデザインです。 ただし、 ここで解説する「カエレバ・ヨメレバのカスタマイズ」をしようと思うのであれば「amazlet風ー2(cssカスタマイズ用)」を選択しておいて下さい。 ヨメレバ・カエレバをカスタマイズしたら、こうなります ヨメレバ・カエレバで生成したコードを、前述したようにブログへ貼り付けると以下のイメージで表示になります。 これだけでも十分使えそうです(実際私も、長きにわたって、この状態のままの広告を使っていました)。 でもって、後述するカスタマイズを行えば以下のイメージで表示されます。 こっちの方が、何となくスッキリして見栄えが良いです。 少し見栄えが悪くなっちゃいました。 ヨメレバ・カエレバをカスタマイズ 実際のヨメレバ・カエレバのカスタマイズ方法です。 コピペするコードは以下のサイトより引用しているので、ここでの方法でピンとこない人はこちらのサイトを参考にしてみて下さい。 『』 注意点として、ここで記載している方法は 「レスポンシブデザインのテーマを使用している人」限定な方法です。 でもって、レスポンシブデザインではないテーマ(あるいはテンプレート)を使用している人であれば、先ほども紹介した『』を参考にしてください。 カスタマイズの方法はコピペするだけ テーマのCSSに以下のコードを追加することで、ヨメレバ・カエレバを使用した際に自動的にデザインがカスタマイズされます。 コードを追加する際には複数の方法がありますが、例えば以下の方法があります。 でもって、この方法でカスタマイズした場合、テーマを再インストールした際にコピペした情報は消えてしまっているので、再度コピペしなおす必要がある点は注意してください。 (テーマ再インストール後に、「あれ?ヨメレバの表記がカスタマイズされてない。 なんで?ってことにならないよう、覚えておいてください)。 以下のコードを全てコピペすればOKです。 booklink-box,. booklink-image,. booklink-image img,. booklink-info,. booklink-name,. booklink-powered-date,. booklink-detail,. booklink-powered-date,. booklink-link2,. booklink-link2 a,. booklink-link2 a: hover,. booklink-link2 a: active. important; border: 1px solid FF9901! important; border: 1px solid c20004! important; border: 1px solid 007dcd! important; border: 1px solid 7b0099! booklink-box,. booklink-image,. booklink-name,. booklink-powered-date,. booklink-link2 a,. ヨメレバ・カエレバは「アマゾン」や「楽天」など複数のリンクを一つの広告だけで表示することが出来るので、観覧者が商品を買いたい(あるいは調べたい)お店を選ぶことが出来て便利だというメリットがあります。 ですが、ぶっちゃけ『書籍を紹介する程度』であれば、アマゾンを利用する人が大多数です(ただし、これは当サイトの話な点には注意してください)。 っという事は、「(楽天とか要らないから)アマゾンだけに特化した見栄えの良い広告を表示させたい!」という人も存在するかもしれず、 そんな人には『 AmazonJS』というプラグインを検討してみても良いかもしえません。 カエテンWPなら簡単に設置できるよ 私は『カエテンWP』というテーマ(テンプレートみたいなもの)を使用しています。 でもってカエテンWPであれば、(ワードプレスの素人であっても)前述したコードを指定の位置にコピペすれば簡単にカエレバ・ヨメレバをカスタマイズできます(他の有料テーマも出来るかもしれないが、使ったことが無いので分からない。 ) そんな『カエテンWP』に関しては以下の記事で紹介しているので興味がある方は参考にしてみて下さい。 合わせて読まれている記事はこちら この記事と合わせて観覧されやすい記事はこちらになります。

次の

コピペで簡単!カエレバ・ヨメレバなどを【Simple Custom CSS】使って簡単カスタマイズする方法

ヨメレバ 無料

・Amazon ・kindle(*検索ページに移動する) ・楽天ブックス(楽天Books) ・楽天kobo などの書籍に特化した、紹介リンクを作成できるところである。 ちなみに、ヨメレバだとメインの画像とリンクが「 楽天(楽天ブックス)」に設定される。 「楽天(楽天ブックス)よりもAmazonベースの方が良い」という方は、WPアソシエイトポストR2などの別のサービスを利用してみるのも良いかもしれない。 ・サイト名 ・Amazonアソシエイト ・楽天ウェブサービス用のアフィリエイトID などの入力フォームがあるので、ここにそれぞれ入力していく。 IDの確認方法については、下記を参照。 Amazonアソシエイトの確認方法 Amazonアソシエイトの確認方法としては、Amazonアソシエイトの管理画面に移動すると上部の項目に「アソシエイトID」の欄があるのでそこで確認できる。 クリック後は、楽天会員ログインの画面が表示されるのでこれにログインする。 「ユーザID」と「パスワード」を入力して、ログインボタンをクリックする。 すると、画面上に自分の「楽天アフィリエイトID」が表示されるので、コピーして、入力フォームに貼り付けよう。 ID確認後 IDの確認後は、 「サイト名」と「Amazonアソシエイトor楽天ウェブサービス用のアフィリエイトID」を入力フォームに入力し、IDが入力されているのを確認したのち、下記にスクロールして「保存」ボタンを押す。 これで、ヨメレバへの登録作業は完了する。 商品リンクを作成する方法 ヨメレバへの登録後は、実際にヨメレバを使って商品リンクを作成する。 で、商品リンクを作成する方法には、二通りのやり方がある。 ヨメレバのサイトで商品を検索する方法 一つ目は、ヨメレバのサイトから直接商品を検索する方法である。 ヨメレバのサイトに移動しよう。 サイトに移動したら、上部にある「書籍キーワード」の欄に「書籍の正式名称」などを入力して「検索」ボタンをクリックする。 ここでは、「ストップ!!ひばりくん!コンプリート・エディション(v.1)」と試しに入力してみる。 すると、「ストップ!!ひばりくん!コンプリート・エディション(v.1)」の検索結果が表示される。 この中から、紹介したい書籍を選択する(ブログパーツを作るをクリック)。 あとは、「ブログパーツ生成」の欄を上記のように設定してもいいし、自分で好きなように編集してもいい。 なので、SEO対策するなら設定しておいた方が良いと思われる(たぶん)。 プレビュー画面が表示されたら、自動で生成されたコードをコピーしてサイトやブログに貼ろう。 ヨメレバのブックマークレットを利用する方法 二つ目の方法としては、ヨメレバの「ブックマークレット」を利用する方法がある。 やり方を説明するので、ヨメレバのサイトに移動しよう。 ちなみに、「ブックマークレット」を簡単に説明すると「お気に入りの機能+簡易的なプログラム」のことである。 サイトに移動したら、下記にスクロールして「利用方法」の項目にある「ヨメレバブックマークレット」を上記のようにドラッグして、お気に入りバーに移動させよう。 無事に移動が完了すると上記のようになる。 そうしたら、あとは楽天Booksのサイトに移動して「楽天Books」で商品を検索する。 すると、ヨメレバのサイトに飛ばされ、 楽天Booksで表示していた書籍ページが、ヨメレバのページに自動で反映される。 あとは設定を確認後、「表示」ボタンをクリック。 プレビュー画面に自動で生成されたコードを、コピーしてサイトやブログに貼るだけである。 作成したコードをブログやサイトに貼ってみた で、ヨメレバのコードを実際に貼ってみると、下記のように表示される。 ちなみに、下記に表示されているのは ヨメレバのボタンをカスタマイズしたバージョンである。 カスタマイズしたい方は、下記の記事を参考にすると良い。

次の

【比較】Rinkerとカエレバの違いは?どっちを使うのがおすすめ?

ヨメレバ 無料

すでに別のソースコードを記述していた場合は、1行スペースを空けて記述すればOK。 テーマAFFINGER5ならこれで一発完了! WPプラグイン「Simple Custom CSS」でソースコードを記述する方法 CSSへソースコードを記述する機能は、AFFINGER5のカスタマイズで記述する「追加 CSS」と一緒。 このプラグインを使う理由は、 追記した CSSコードがテーマに依存しないという点。 テーマを変更しても、このプラグインに記述しているCSSコードは「影響を受けない」ので、多くのCSSを記述する場合は「Simple Custom CSS」がおすすめ。 step 1WPプラグインをインストールして有効化します。 step 2プラグインインストール一覧画面で「CSSの追加」をクリックします。 step 3下の画像にある赤枠部分へ、CSSを記述して「カスタムCSSの更新」をクリックするだけ。 cstmreba. booklink-box,. cstmreba. kaerebalink-box,. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. booklink-image a,. cstmreba. kaerebalink-image a,. cstmreba. cstmreba. booklink-image a img,. cstmreba. kaerebalink-image a img,. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. booklink-info a,. cstmreba. kaerebalink-info a,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. kaerebalink-name p,. cstmreba. booklink-name p,. cstmreba. cstmreba. booklink-powered-date,. cstmreba. kaerebalink-powered-date,. cstmreba. cstmreba. booklink-powered-date a,. cstmreba. kaerebalink-powered-date a,. cstmreba. cstmreba. booklink-powered-date a:hover,. cstmreba. kaerebalink-powered-date a:hover,. cstmreba. cstmreba. booklink-detail,. cstmreba. kaerebalink-detail,. cstmreba. cstmreba. kaerebalink-link1 div img,. cstmreba. booklink-link2 div img,. cstmreba. cstmreba. kaerebalink-link1,. cstmreba. booklink-link2,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-link2 a,. cstmreba. kaerebalink-link1 a,. cstmreba. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkamazon a,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkrakuten a,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkseven a,. cstmreba. booklink-link2. cstmreba. booklink-link2 a:hover,. cstmreba. kaerebalink-link1 a:hover,. cstmreba. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkamazon a:hover,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkrakuten a:hover,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkseven a:hover,. cstmreba. booklink-link2. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. cstmreba. cstmreba. shoplinkamazon a,. shoplinkkindle a,. shoplinkrakuten a,. shoplinkamazon a:hover,. shoplinkkindle a:hover,. shoplinkrakuten a:hover,. kaerebalink-box,. kaerebalink-info,. kaerebalink-box,. kaerebalink-info,. kaerebalink-image,. important; text-align: center; float: none! kaerebalink-name,. cstmreba. booklink-box,. cstmreba. kaerebalink-box,. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. booklink-image a,. cstmreba. kaerebalink-image a,. cstmreba. cstmreba. booklink-image a img,. cstmreba. kaerebalink-image a img,. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. booklink-info a,. cstmreba. kaerebalink-info a,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. kaerebalink-name p,. cstmreba. booklink-name p,. cstmreba. cstmreba. booklink-powered-date,. cstmreba. kaerebalink-powered-date,. cstmreba. cstmreba. booklink-powered-date a,. cstmreba. kaerebalink-powered-date a,. cstmreba. cstmreba. booklink-powered-date a:hover,. cstmreba. kaerebalink-powered-date a:hover,. cstmreba. cstmreba. booklink-detail,. cstmreba. kaerebalink-detail,. cstmreba. cstmreba. kaerebalink-link1 img,. cstmreba. booklink-link2 img,. cstmreba. cstmreba. kaerebalink-link1,. cstmreba. booklink-link2,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-link2 a,. cstmreba. kaerebalink-link1 a,. cstmreba. cstmreba. booklink-link2 a:hover,. cstmreba. kaerebalink-link1 a:hover,. cstmreba. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkamazon a,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkrakuten a ,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkseven a,. cstmreba. booklink-link2. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. booklink-box,. cstmreba. kaerebalink-box,. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. booklink-image a,. cstmreba. kaerebalink-image a,. cstmreba. cstmreba. booklink-image a img,. cstmreba. kaerebalink-image a img,. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. booklink-info a,. cstmreba. kaerebalink-info a,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. kaerebalink-name p,. cstmreba. booklink-name p,. cstmreba. cstmreba. booklink-powered-date,. cstmreba. kaerebalink-powered-date,. cstmreba. cstmreba. booklink-powered-date a,. cstmreba. kaerebalink-powered-date a,. cstmreba. cstmreba. booklink-powered-date a:hover,. cstmreba. kaerebalink-powered-date a:hover,. cstmreba. cstmreba. booklink-detail,. cstmreba. kaerebalink-detail,. cstmreba. cstmreba. kaerebalink-link1 img,. cstmreba. booklink-link2 img,. cstmreba. cstmreba. kaerebalink-link1,. cstmreba. booklink-link2,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-link2 a,. cstmreba. kaerebalink-link1 a,. cstmreba. cstmreba. booklink-link2 a:hover,. cstmreba. kaerebalink-link1 a:hover,. cstmreba. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkamazon a,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkrakuten a ,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkseven a,. cstmreba. booklink-link2. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. booklink-box,. cstmreba. kaerebalink-box,. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. booklink-image a,. cstmreba. kaerebalink-image a,. cstmreba. cstmreba. booklink-image a img,. cstmreba. kaerebalink-image a img,. cstmreba. cstmreba. booklink-image a:hover,. cstmreba. kaerebalink-image a:hover,. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. booklink-info a,. cstmreba. kaerebalink-info a,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. kaerebalink-name p,. cstmreba. booklink-name p,. cstmreba. cstmreba. booklink-powered-date,. cstmreba. kaerebalink-powered-date,. cstmreba. cstmreba. booklink-detail,. cstmreba. kaerebalink-detail,. cstmreba. cstmreba. kaerebalink-link1 div img,. cstmreba. booklink-link2 div img,. cstmreba. cstmreba. kaerebalink-link1,. cstmreba. booklink-link2,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-link2 a,. cstmreba. kaerebalink-link1 a,. cstmreba. cstmreba. shoplinkamazon :after,. cstmreba. shoplinkrakuten :after,. cstmreba. shoplinkjalan :after,. cstmreba. shoplinkjtb :after,. cstmreba. shoplinkknt :after,. cstmreba. shoplinkikyu :after,. cstmreba. shoplinkrurubu :after,. cstmreba. shoplinkyahoo :after,. cstmreba. shoplinkbellemaison :after,. cstmreba. shoplinkcecile :after,. cstmreba. shoplinkkakakucom :after,. cstmreba. shoplinkkindle :after,. cstmreba. shoplinkrakukobo :after,. cstmreba. shoplinkbk1 :after,. cstmreba. shoplinkehon :after,. cstmreba. shoplinkkino :after,. cstmreba. shoplinktoshokan :after,. cstmreba. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. tomarebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. kaerebalink-link1. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkamazon a,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkrakuten a,. cstmreba. booklink-link2. cstmreba. kaerebalink-link1. shoplinkseven a,. cstmreba. booklink-link2. cstmreba. booklink-link2 a:hover,. cstmreba. kaerebalink-link1 a:hover,. cstmreba. cstmreba. cstmreba. booklink-image,. cstmreba. kaerebalink-image,. cstmreba. cstmreba. cstmreba. cstmreba. cstmreba. booklink-info,. cstmreba. kaerebalink-info,. cstmreba. cstmreba. cstmreba. cstmreba.

次の