2018.02.10書き込みの前に以下の3点をご確認ください。1つのトピックにつき1つの質問を書き込んでください不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。不具合・カスタマイズ対象ページのURL:相談内容:不具合の発生手順:解決のために試したこと:※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。※高速化設定をしている場合は無効にしてください。テーマ情報」にある「環境情報」を貼り付けてください。環境情報の取得方法はこちら。https://wp-cocoon.com/theme-report/高速化設定を無効にするにはこちら。https://wp-cocoon.com/theme-trouble/フォーラム利用ガイドリンクフォーラムガイドラインよくある質問と答え(FAQ)サポート対象外のケース原因不明の不具合用トラブルシューティングトピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)真っ白画面でのエラーメッセージの確認方法ブラウザ環境チェックツールCocoonカスタマイズ依頼フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。リンクボタンのカスタマイズをしたいのですが、可能なのでしょうか。詳細は添付ファイルを確認いただけるとうれしいです。お手数おかけしますが、何卒よろしくお願いします。使った事がないので分かりませんが。importantを用い少し汚いコードです。13:53●注意もしもかんたんリンク広告表示を使っての動作確認していません。●方法JavaScriptで文字をアイコン画像に置き換える事もできると思います。楽天のアイコンフォントが無い為、メディアに登録した画像(ご自分で作成)としています。画面幅に関係なく画像表示となります。17:15chu-yaさんこんにちは!早速のご回答ありがとうございます。Javascriptの方法を試してみました。1.アイコン画像をWordPressのメディアライブラリに保存2.ファイルのURLをJavascriptのコードに入力3.CSSにコード入力したのですが、アイコンがデフォルトの文字表示から変化しません。詳細は添付資料確認いただけると助かります。お時間いただき恐縮なのですが、問題点を見つけていただけますとうれしいです。申し訳ございませんが、何卒よろしくお願いします。実際に「もしもかんたんリンク広告」のコードを貼り付けて確認したわけでないので、上記の通り動作は保証できないです。削除して元に戻して下さい。別の方法を思い付いたので少し時間を下さい。●注意ファーラムの注意書きの通り、高速化の解除願います。コードが圧縮され、解析しずらく。19:00上記の通り、CSS、JSは削除し元に戻し。以下をCSSを追加して下さい。21:18chu-yaさんありがとうございます!実装できました!!感動しています。スマホ表示2カラムが画面から見切れてしまうようになってしまいました。広告自体を小さくすることは可能でしょうか。トピックひとつルールですので、別に立ち上げが必要な場合、そのようにいたします。21:54●原因ボタンが50×50pxを大きく、広告枠が広がってしまい、はみ出した。●対策ボタンのサイズを40×40pxに変更する。●CSS以下の赤字の部分を修正して下さい。23:18chu-yaさん完成しました!いますごく感激しています。分かりやすい回答でほんとうに感謝しかありません。さん恐れ入りますが、フォーラムのマナーとして解決の場合、「解決済み」をクリック願います。00:21追加ですみません。いま高速化の中のCSSの縮小化にチェックを入れたのですが、カスタマイズした表示が崩れてしまいました。CSSの縮小化は有効にしなくても、問題はありませんか。教えていただけますと助かります。さんCSSを圧縮して問題の状態にして下さい。08:39chu-yaさんおはようございます。いまCSS縮小化にチェック入れて、問題の状態にいたしました。すみませんが、何卒よろしくお願いいたします。さん●原因プロパティの前に半角スペース以外のコードがありエラーとなっている。ボタンの並びが横並び(easyLink-info-btn)が無視されている。ボタンサイズ35×35pxが無視されている。上記赤字のプロパティ前の文字を削除しスペースを空けないで下さい。これで確認して下さい。表示され、コーディングの見栄えが気になるなら、半角スペースを入れインデントを調整して下さい。10:17chu-yaさん解析ありがとうございます。スペース削除したところ、Amazonなどのボタンは表示されるようになりましたが以下2点気になります。1.ボタンが横並びではなく、縦並びに表示される2.スマホの2カラム表示が、はみでる何度もすみません。さん.easyLink-info-btnの前に半角スペース以外の文字が残っています。(■の部分)削除願います。●質問この手の不当コードの問題が結構あり。10:45●補足[外観]→[テーマファイルエディター]の該当ファイルに、フォーラム掲載のコードを直接コピペすると、意図しないコードが混入する場合があります。この為、一旦、notepadなどPC上のテキストエディタ上で編集した上で、上記にコピペして下さい。15:55chu-yaさんありがとうございます。一度コードをPCテキストエディタ上にコピペしてやり直したところ、ちゃんと横並びになりました!ただ、リンクの画像が大きくなってしまっています。(添付ファイル参照)不当コードの問題が結構あるんですね。...補足のご指摘の通り[外観]→[テーマファイルエディター]の該当ファイルに、フォーラム掲載のコードを直接コピペしておりました。今後はメモに一旦貼付してからコピペします。PCは、サーフェスLaptopです。以下の部分も手を加えていませんか?スペース以外の文字コードがプロパティの前にあり、エラーとなっています。img.easyLink-img-phtこの為、画面幅480px(モバイル表示の時)画像サイズがmax240×240pxとなり、画面からはみ出てしまう。上記と同様に見直し、修正して下さい。私の相談に答えていただき本当にありがとうございます。感謝の気持ちでほんとうにいっぱいです。ありがとうございました。@simpleandwell格闘してしまいましたそれは原因調査の為、私も同じです笑、お疲れ様でした。2.1.7問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。「いいね!」機能はフォーラム登録者のみが利用できる機能です。2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。最近の書き込みはこちら。詳細なカスタマイズ依頼をするならこちら。Cocoon設定の「スキン」タブで変更できます。