2019/09/17SHAREツイートシェアはてブLINEPocketスポンサーリンクアプリーチの表示が崩れて困っている方へ。アプリーチとは、ままはっくを運営しているブロガーさんが開発・提供しているアプリを紹介するブログパーツです。ブロガーなら誰もがお世話になっています。無料でカスタマイズCSSを公開している人も多く、その使い勝手の良さは秀逸です。私も初めて導入したとき、デザインが崩れるという問題が起こったので、その対処法をご紹介します。当記事では、アプリーチの表示がうまくいかないときの解決方法をお話しします。スポンサーリンクアプリーチの使い方アプリーチの使い方はシンプルで分かりやすいです。検索ボックスに検索ワード(アプリ名)を入力iphoneとAndroid両方で目的のアプリが表示されるようにする。STEP.3コードを貼り付け表示されたコードを自分のブログに貼り付けるアフィリエイトを導入する方法アプリのアフィリエイトをアプリーチに導入する方法です。STEP.1広告コードをゲットASPでアプリの広告コード(URL)を入手する。テキストコードの「http://”~”」の部分。「iphoneリンク」「Androidリンク」の欄に、広告コード(URL)をコピペするSTEP.5コードを貼り付ける表示されたコードに入力したURLが自動で挿入される。コードを自分のブログに貼り付ける新コードと旧コードの違いアプリーチには、新コードと旧コードの2つのコードがあります。新コードアプリーチのブロブパーツをHTMLとCSSの2つで表示させています。カスタマイズしたい人は、新コードを使いましょう。旧コードアプリーチのブログパーツをHTMLだけで表示させています。そのため、新コードよりコードが長いです。デフォルトのデザインで構わない(カスタマイズしない)という人は、旧コードを利用しましょう。表示されたコードを、自分のブログの表示したいところに貼り付けるだけで利用できます。新コードの使い方アプリーチのデザインをカスタマイズしたい・HTMLコードをスッキリ表示させたい人は新コードを使いましょう。コードの上に表示されている「こちらのCSS」をクリックすると、別ウィンドウでCSSコードが表示されるCSSコードを自分のブログのスタイルシートにコピペするあとは新コードを自分のブログの表示させたいところに貼り付けるだけです。アプリーチのデザインが崩れるときの対処法デザインが崩れるのは、新コードを利用したときだと思われます。原因CSSコードをスタイルシートにコピペしていないCSSコードをコピペしたけど反映されていない対処法1CSSコードがちゃんとコピペされているか確認しましょう。保存(更新)をクリックし忘れると、反映されません。対処法2確かにコピペできているのに反映されていない場合。WordPressを使っている人は、コピペする場所を間違っている可能性があります。「外観」→「カスタマイズ」→「追加CSS]「追加CSS」にコピペして、「公開」をクリックしてください。カスタマイズ方法カスタマイズするには新コードを使います。アプリーチ方式で公開しているCSSコードをいじって、自分好みにカスタマイズすることができます。無料でカスタマイズコードを公開している人もいるので、そちらから拝借してコピペするだけでも素敵なカスタマイズが完成します。以上、「アプリーチでデザインが崩れるときの新コードとカスタマイズ方法」でした。参考記事も合わせてご覧ください。イデコどっちがいい?もらえるお金とリスクで比較idecoが老後の貯金としては最強。