rankst">で囲みます。具体的な記述方法や、横並びにならないときのチェックポイントを詳しく解説します。横並びにならないときのチェックポイントAFFINGER5のボタンを横並びにするコード横並びにするコードPC画面で見たときに、ランキングの「公式ボタン」「詳細ボタン」のように横並びにするには、以下の<div>タグでボタンを囲みます。href="#">ボタンB</a></p></div></div>※分かりやすいように、改行してあります。テキストモードでこのままコピペすれば、横並びになります。CSSファイルなどを書き変える必要はありません。「#」には、任意のリンクを挿入してください。問題なければ、以下のように横並びになっています。ボタンAボタンBスマートフォンで見たときは、横並びになります。AMPページでは、ボタンデザインが無効になります。ちなみに、「カスタムボタン」はこの方法では横並びにできません。先ほどのコードをコピペすればOKですが、一応、手順も紹介します。rankst">で囲む問題なくできていれば、ビジュアルモードで見たときに、下の画像のようになっています。横並びにならないときのチェックポイント横並びにならないときは、ボタンAの「r2」が「r」になっているか?ボタンBの「l2」が「l」になっているか?順番が逆(ボタンBが先)になっていないか?</div>で閉じているか?などをチェックしてください。それでもできないときは、あきらめてください。rankst">で囲みます。横並びにならないときは、ボタンA・ボタンBの「2」が削除できているか?などをチェックしてみてください。Optimizer」を使い、次世代画像フォーマット「WebP(ウェッピー)」に変換する方法を解説します。WordPressAdSenseの「ページビュー」と「表示回数」の違い2019/4/3AdSenseのレポートでよく見る「ページビュー」と「表示回数」の意味の違いを解説します。Form7」を利用せずに、Googleが提供する「Googleフォーム」を使ったお問い合わせフォームの作り方をご紹介します。プラグインBOKUこのサイトのほか、いろんなブログをWordPressで作っている男。テーマはAFFINGER5を愛用。BOKU関連記事AFFINGER52019/8/9AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。キャッチコピーはどうすれば表示されるのか?設定方法を解説します。AFFINGER52019/8/9AFFINGER5ヘッダー用メニュー(横列)のタイトル属性の設定法AFFINGER5(WING)のver20190801βより、ヘッダー用メニュー(横列)が設定できるようになりました。ヘッダー用メニュー(横列)では、タイトル属性でサブテキストも表示できますが、このタイトル属性が表示されないことがあります。AFFINGER52019/5/17AFFINGER5に「この記事は約何分で読めます」を表示する方法WordPressテーマ「AFFINGER5(WING)」の記事上に、自動的に「この記事は約何分で読めます」と表示させるカスタマイズをご紹介します。AMP2019/3/17AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法WordPressテーマ「AFFINGER5(WING)」のAMPページにスティッキー広告を表示させる方法を解説。AFFINGER52019/3/14AFFINGER5の404ページのカスタマイズ方法とサンプルWordPressテーマ「AFFINGER5(WING)」では、ウィジェットから404ページをカスタマイズ可能です。AMP2019/3/17AFFINGER5(WING)のAMPページカスタマイズまとめWordPressテーマ「AFFINGER5(WING)」のAMPページのカスタマイズ例をまとめました。AMPは機能に制限がありますが、カスタマイズをすれば少しはマシになります。