【2019年版】これでOK。カエレバヨメレバの使い方。jinデザインWordPressサイトで設定する方法を解説。【便利なブログパーツ】|最果てデザイナーの今更はじめるライフスタイルデザインデザイン・プログラミングなど【2019年版】これでOK。カエレバヨメレバの使い方。jinデザインWordPressサイトで設定する方法を解説。2019年10月12日スポンサーリンクこがねさんポチ、ポチ。・・・これも読んでみたいな。AIソルトくん何してるの?こがねさんブログで紹介されてた本を読んでみたくて沢山買っちゃった。いえば、ブログでよくある紹介されている商品の画像とボタンがセットになってるパーツって、皆んなわざわざ作ってるのかな?大変じゃない?AIソルトくんあーそれは、「カエレバヨメレバ」っていうブログパーツを使ってるんだよ。こがねさんそうなんだ!?知らなんだ。ブロガー必須のブログパーツ「カエレバヨメレバ」とは?ワードプレステーマ「JIN」での設定方法。『もしもアフィリエイト』『バリューコマース』のアカウントがあれば、もっとシンプル設定する方法もあります。まとめスポンサーリンクブロガー必須のブログパーツ「カエレバヨメレバ」とは?ワードプレステーマ「JIN」での設定方法。ブロガー必須のブログパーツ「カエレバヨメレバ」。僕はワードプレステーマ「JIN」を使用しこのブログを作成しています。「JIN」はひつじさんという方がデザインされているワードプレステーマです。有料ですが、オシャレで完成度の高いブログサイトを手間をかけずにつくることができ、その価値を存分に感じる事のできるとてもオススメのWordPressテーマです。「JIN」は使用方法のマニュアルも充実していて、初心者、PHPが扱えない僕はとても助かっています。「???」となってしまい、少し設置に苦戦しました。(※2018年10月9日現在のマニュアルを見ました。)なぜなら、恥ずかしながらそもそも『カエレバヨメレバ』というブログパーツについて全く知識がなかったからです。いうことで、本記事では備忘録として『カエレバヨメレバ』ってそもそも何なのか?『カエレバヨメレバ』基本的な設定方法はどうしたらいいのか?そんな疑問にお答えしています。試しに「カエレバ」デザインを設置してみました。「カエレバ」とは、こんな感じで、ブログで紹介したい商品のAmazon、楽天、Yahooショッピング等のリンクを、一つのまとまったデザインとして表示することのできるブログパーツのことです。ひとつの『ヨメレバ』はカエレバと同様のブログパーツで、書籍紹介様につくられています。『カエレバヨメレバをJINオリジナルデザインにする』にチェックを入れておくと『カエレバヨメレバ』のデフォルトデザインに、自動にスタイリッシュな『JIN』オリジナルデザインになるCSS(文字の大きさ、カラー等を制御するウェブ言語)が適用されてキレイに表示してくれます。「カエレバヨメレバ」を設置するには、そもそも「カエレバ」のサイトで基本設定を済ませ、自動生成されたコードを取得する必要があります。『カエレバ』もしくは『ヨメレバ』のサイトでユーザーデータを設定する。↓2.自動生成されたコードを取得する。↓3.ブログにコードを設置する。『カスタマイズ』→『その他設定』→『カエレバヨメレバをJINオリジナルデザインにする』にチェックを入れる。↓5.ワードプレステーマ『jin』に合わせたCSSデザインが適用された『カエレバヨメレバ』パーツの設置完了です。全体的には設置までこんな流れになります。商品紹介ブログパーツ『カエレバ』公式サイト商品紹介ブログパーツ『ヨメレバ』公式サイト『カエレバ』の設定方法こがねさんおおすじは何となくわかったけど、自分で設定できるかな。AIソルトくん大丈夫。これから出来るだけ具体的に設定方法を説明していくよ!カエレバヨメレバをブログパーツとして使える様にする為には、まずカエレバヨメレバのサイトで基本情報を設定する必要があります。具体的な設定方法を解説していきます。カエレバデザインのサイトにアクセスまず、カエレバデザインのサイトにアクセスします。「ユーザーデーター入力」の項目に、必要事項を入力していきます。AmazonアソシエイトIDの設定アマゾン・アソシエイトにログインすると、画面の右上にIDが表示されています。表示されているIDをAmazonアソシエイトの項目にコピペします。Amazonアソシエイトに登録がまだの場合は、登録&審査通過をする必要があります。Amazonアソシエイト公式サイトページビューほぼ自分だけ&5記事作成でアマゾンアソシエイトの審査通過しました。ページビュー、閲覧ユーザー数はほぼ「ゼロ」。5記事だけ投稿のブログサイトでAmazonアソシエイトの申請通過!申請時の状況やコツをまとめてみました。楽天のアフィリエイトはアマゾンの様な審査は特にありません。普段使用している楽天市場のIDがあればそれを利用する事ができます。調べ方)の”調べ方”のリンクをクリックし、リンク先の楽天ページでログインします。ログインすると、上記画像のページが表示されIDが確認できます。表示されたIDをカエレバの楽天の項目にコピペします。楽天DevelopersYahoo!ショッピング、バリュコマの情報の入力バリュコマとは、バリューコマース株式会社が運営しているASP(アフィリエイトサービスプロバイダ)の事です。ASPは、ウェブサイトでの広告掲載の依頼をしたい方と、広告を掲載したい人をつなげるアフィリエイト広告の仲介のサービスをしてくれています。バリューコマースは『ヤフー株式会社』が主要株主で、ヤフー株式会社に属している会社です。バリューコマースはヤフーと関連しているサービスの紹介に強いASPです。「Yahoo!ショッピング内の商品を紹介したいなぁ」という場合は、バリューコマースに登録しておく必要があります。登録がまだの方はまず、バリューコマースにて登録を済ませます。合わせてバリューコマース内で「ヤフーショッピング」と連携を済ませておく事で「カエレバヨメレバ」のYahoo!ショッピングの自動生成リンクを使える様になります。Yahoo!ショッピングの「カエレバヨメレバ」設定用のコードは下記の手順で取得します。MyLink」と進んで行きます。上記画像ページが表示されたら「コピーしたURLを貼り付ける」の項目に『https://shopping.yahoo.co.jp/』などの適当なアドレスを入力します。「広告となるテキストを入力する」には、『サンプル』など適当な文字列を入力しておきます。その後に「MyLinkコードを取得」ボタンをクリックします。012345678の数字の部分を抜き取り、カエレバのヤフーショッピングの枠内にコピペします。これで、Yahoo!ショッピングのリンクの設定ができます。「Amazon」「楽天」「Yahoo!」ショッピングへのリンク作成コードの設定を済ませたら、最後に「ユーザーデーター入力」表の一番下にあるの「保存」ボタンをクリックして設定を保存します。これでカエレバの基本設定は終了です。ちなみにデーターの保存には、「カエレバヨメレバ」サイトの説明にもある通り、『Cookie』を利用しています。ChormeやSafariなどのブラウザの『Cookie』機能をONにしていないと保存できず、その都度入力しなければいけなくなるのでご注意ください。『もしもアフィリエイト』『バリューコマース』のアカウントがあれば、もっとシンプル設定する方法もあります。ここまで、「アマゾン」「楽天」「ヤフー」の各サイトから直接個別に情報をとってきて設定する方法を解説いたしました。1つの方法として、『もしもアフィリエイト』または『バリューコマース』のアカウントを使用して、もっとシンプルな手順で設定する方法もあります。『もしもアフィリエイト』に登録する。↓もしもアフィリエイトのサイト内で「Amazon」「楽天」「ヤフーショッピング」との提携を済ませておく。↓もしものアフィリエイトのサイトの中から該当コードを取得し「もしも」の枠内にコピペしていく。いう流れで設定を行います。カエレバを設定していく際には、既に各ショッピングサイトとアカウントの連携を済ませておく必要があります。Amazonとの連携の審査は既にアマゾンアソシエイトの審査を通過していても、もしもアフィリエイトから提携を申請し、承認されるまでは案外時間がかかったりしますのでご注意ください。そのことを踏まえた上で、『もしもアフィリエイト』『バリューコマース』にアカウントをもっており、アマゾン、楽天、Yahoo!ショッピングと既に提携を済ませる事ができているなら、この方法もオススメです。アフィリエイト公式サイトカエレバのコードを作成&ブログに貼り付ける方法ブログにカエレバのブログパーツを設定するには、上記基本設定を済ませた後に、一旦ページ上部に戻ります。ページ上部に戻ると『商品キーワード』の検索窓があるので、掲載したい商品の検索をします。カエレバの検索窓で検索』という手順で検索すると、該当の商品の検索精度をあげる事ができます。検索窓右側にある選択カラムより、『楽天価格ナビ』『楽天市場』『ヤフーショッピング』どのサイトをメインで検索をかけるか選び『検索』をクリックします。検索をかけるとずらっと商品のリストが表示されます。『商品詳細ページ』でメインのリンク先を確認し問題が無ければ『ブログパーツを作る』をクリックします。『ブログパーツを作る』をクリックすると1つ前のページに移動します。ブログパーツ生成』の項目に、先ほど選んだ商品ページのブログ設置用パーツがおおかた出来上がっています。表示されている商品画像に間違いがなければ、1の部分を調整し詳細を設定していきます。『デザイン』の項目は『amazlet風-2(cssカスタマイズ用)』を選択します。次に下にある、『Amazon』『楽天市場』『Yahoo!ショッピング』にチェックを入れます。ちなみに、後ほどjinのオリジナルデザインを適用していくので、画像の大きさなどの設定はそのままで大丈夫です。1の設定が終えると、設定に応じたコードが2の部分に自動生成されています。コードをコピーしてしてブログの表示したい部分に貼り付けます。『amazlet風-2(cssカスタマイズ用)』以外を選択するとどうなるの?『amazlet風-2(cssカスタマイズ用)』以外のテンプレートデザインを選択し、jinのテーマを使用したWordPressブログに貼り付けると、PC版ではぱっと見には違いはありませんでした。スマホページで表示してみると上記画像の様な違いが出てきます。画像左の表示は「amazlet風-2(cssカスタマイズ用)」以外のデザインを選択しています。画像右の表示は「amazlet風-2(cssカスタマイズ用)」を使用した時の表示となります。「amazlet風-2(cssカスタマイズ用)」を選択しておかなければ、カエレバヨメレバの自動生成コードの中にCSS(デザインを制御するWeb言語)が同時に生成される為、jinのCSSがうまく適用されず、レイアウトに少し不具合が出てしまいます。jinの方でレスポンシブ表示に最適化する為のCSSの設定がある様ですので、特に必要がない限りは「amazlet風-2(cssカスタマイズ用)」を使用した方が無難に設置する事ができます。ワードプレステーマ「JIN」での「カエレバヨメレバ」のデザイン設定方法まずは『外観』→『カスタマイズ』をクリック。次に、『その他設定』をクリック。その他設定上部に表示されている『カエレバヨメレバデザインをJINオリジナルデザインにする』にチェックを入れます。これでWordPressテーマjinでの設定は完了です。まとめお疲れ様でした。以上で、カエレバデザインをブログに設置完了です。簡単な設定で便利なブログパーツができるので、使ったことの無い方は、是非試してみて下さい。このブログが同じ様なところでつまずいている方の参考になれば幸いです。【簡単】アフィリエイトで稼ぐ!広告提供おすすめASPサイト5選。「アフィリエイトに興味があるんだけど、どう始めればいいのか分からない...。」アフィリエイトを始める事は全然難しくありません。掲載するWebサイトを作成、アフィリエイト広告提供サイト(ASP)に登録→広告掲載の3つのステップをクリアするだけ。本記事では登録すべき鉄板のオススメのASPサイトを5つご紹介いたします。これからアフィリエイトを始めようと考えている方は是非記事をご覧ください。...jinをお使いの方へ。本記事ではそんな疑問にお答えする方法を解説しています。基本的には本サイトでも使用しているワードプレステーマ「jin」での...その発想はなかった!3秒でできる、バズるタイトルをつける方法。その発想はなかった!3秒でできるバズる斬新なブログタイトルのつけ方のコツをご紹介します。プラグインスポンサーリンクスポンサーリンク【無料】プログラミングなんて自分にできるの?一番簡単に最短でスキルを身に着ける方法。こがねさん「Webデザインやプログラミングに興味はあるんだけど、本を読んでてもちんぷんかんぷんでできる気がしないゾ...。」AIソルトくん最初はプログラミングスクールの力を借りるのも1つの選択肢だよ。僕もそうでしたが、Webデザインやプログラミングは、最初の基礎を身につけるまでが本当に一番大変です。した基礎を身につける事ができれば、あとは独学でも様々な言語に手を広げていく事ができます。今の時代、YoutubeやWebに無料の有益な情報もたくさんあるので、しっかりとした目標を見定めて勉強すれば独学も不可能ではないです。ネットは有益な情報もあれば微妙な情報も混在しているので、どうしても回り道になったり独特なやり方が身についてしまったり、といったデメリットもあります。僕も最初は独学でプログラミングスキルを身につけようとして何度も挫折してきました。独学で苦戦しているなら、最初はスクールの力を借りるのも1つの選択肢です。「最短でプログラミングスキルを身に付けたい。「間違いのない、しっかりとしたプログラミングの基礎を勉強したい。「一緒に切磋琢磨できるプログラミング仲間が欲しい。「スキルを活かした場所や時間にとらわれない新しい時代の生き方をしたい。」そういった方は、実績のあるオンラインスクールを一度無料体験してみることをオススメします。プログラミングのオンラインスクールも探せば色々選択肢があります。その中でも圧倒的な知名度を誇るTechAcademyは、日本e-Learning大賞プログラミング教育特別部門賞の受賞実績があり、今なら無料体験コースがあります。無料コースを試してみてやめるもよしですし、手応えを感じれば、まずはその勢いで基礎を固める事を目指してみるのもアリです。1つの言語の基礎をしっかり身に着ける事ができれば、様々なプログラミング言語の習得の難易度も一気に下がります。スキルは奪われないし裏切りません。その中でもプログラミングスキルは将来に希望もあり、単純にできる様になるととっても楽しい上に、人生の助けにもなります。登録は5分もあれば十分できます。独学で行きづまったり、モチベーションが保てず挫折した経験のある方は、とりあえずTechAcademyの無料で学習できるチャンスを活用してみることをオススメします。やって導入するの?初心者でもできる使い方と準備方法。最果てデザイナーの今更はじめるライフスタイルデザインデザイン・プログラミングなどこんなに簡単でいいの!?オリジナルグッズの作成・販売が一瞬でできる「SUZURI」が便利すぎる。最果てデザイナーの今更はじめるライフスタイルデザインブログで自由に生きれるの?ページビューほぼ自分だけ&5記事作成でアマゾンアソシエイトの審査通過しました。まとめて指定「メソッドチェーン」の書き方のアドバイス。最果てデザイナーの今更はじめるライフスタイルデザインデザイン・プログラミングなどたった5分でHTMLコーディング速度を爆上げ。emmet記法の使い方。最果てデザイナーの今更はじめるライフスタイルデザインライフハック・ハウツー・お役立ち情報など5分でできる!エックスサーバーのXアクセラレータの設定をチェックしてみよう。最果てデザイナーの今更はじめるライフスタイルデザインバンクシー(Banksy)を知るなら、イグジット・スルー・ザ・ギフトショ...もっと知られて欲しい。何だかんだそれなりに色々できちゃう多機能なデザイナーです。・ネットショップ運営・マーケティング・イラスト・コピーライティングなど音楽やアート、ITや先端技術が好き。クリエイティブで自由に楽しく。デザイン、プログラミング、お小遣い稼ぎ、副業や日々の体験談などの雑記ブログです。【資格】Webクリエイター能力認定試験を受けてみた話【難易度や概要など】2019年12月7日たった5分でHTMLコーディング速度を爆上げ。emmet記法の使い方。2019年11月10日MacでSassがエラーでインストールでできない問題を解決した話【一瞬で解決するかも】2019年11月9日CSS記述を高速化して時間に激務にゆとりを。【簡単】アフィリエイトで稼ぐ!広告提供おすすめASPサイト5選。【体験談】2週間で国家試験合格。ITパスポートのオススメ勉強方法。【2019年版】これでOK。カエレバヨメレバの使い方。jinデザインWordPressサイトで設定する方法を解説。【便利なブログパーツ】アイデアが浮かばない...。そんな時に見直すアイデアの出し方のヒント。twitterでよく見る強調の囲みのやつ。ギザギサ吹き出しAAを簡単につくる方法。3級を独学で1発合格する方法【2019年7月】いらすとやさんの闇深い系おもしろ画像のまとめGoogle検索のコツ。便利な全20のテクニックとオプション機能まとめ。アーカイブ2019年12月2019年11月2019年10月2019年9月2019年8月2019年7月2019年6月2019年5月2019年4月2019年3月2019年2月2019年1月2018年12月2018年11月2018年10月2018年9月2018年8月スポンサーリンク繋がりやすてく高速、安定のオススメレンタルサーバー。どこを使うか迷っているならXSERVERが絶対オススメです。ドメイン取得価格がたった1円〜。ドメインを取るならお名前.com。【2019年版】これでOK。カエレバヨメレバの使い方。jinデザインWordpressサイトで設定する方法を解説。me何だかんだそれなりに色々できちゃう多機能なデザイナーです。・ネットショップ運営・マーケティング・イラスト・コピーライティングなど音楽やアート、ITや先端技術が好き。クリエイティブで自由に楽しく。デザイン、プログラミング、お小遣い稼ぎ、副業や日々の体験談などの雑記ブログです。最果てデザイナーの今更はじめるライフスタイルデザイン。