SWELLカスタムHTMLを中央に配置する方法!簡単に貼り付けるだけで解決できるコード教えます!

【SWELLカスタムHTMLを真ん中に】WordPressの他の有料テーマにも有効な設置方法!
  • URLをコピーしました!

HTMLにコードを貼り付けるだけだから簡単だよ!

SWELLカスタムHTMLを真ん中にビフォーアフター
SWELLカスタムHTMLを真ん中にビフォーアフター
こんな方におすすめの記事!
  • SWELLに引越ししたばかりでカスタムHTMLを真ん中に表示する方法が分からない
  • 広告が左端に表示されて困っている
  • SWELLユーザーじゃないけど真ん中にできなくて困っている

記事を書いていたり、サイトをデザインしていると私と同じようにカスタムHTMLが真ん中に表示されなくて困っている方が他にもいると思ったのでやり方をさっそく紹介していきます。

スポンサーリンク
目次

SWELLも他のテーマもカスタムHTMLで真ん中にするコード

まずSWELLカスタムHTMLを出す
まずSWELLカスタムHTMLを出す

自分が使いたいアフリエイトなどの広告コードの両端にコードを追加するだけでOKです。

HTMLの追加コード
<div style="text-align: center;">
~この部分に自分が貼りたい広告コード~
</div>

<div style=”text-align: center;”>と</div>の間に、好きなHTMLコードを貼るだけでOKなのです!

※アフィリエイトの広告コードやデザインは真ん中になりましたがインスタグラムは真ん中に表示することはできませんでした。

HTMLコードを真ん中に貼って実践!

ホテルミラコスタ予約のアフィリエイトコードを使って実践してみようと思います!

真ん中コードを追加せずに実践

<a href=”https://px.a8.net/svt/ejp?a8mat=▲▲▲▲rel=”nofollow”>>>●●●●<<<img border=”0″ width=”1″ height=”1″ src=”https://www16.a8.net/0.gif?a8mat=▲▲▲▲” alt=””>

>>ホテルミラコスタを予約する<<

そうそう!いつもこんな感じで左端になるんだ!

真ん中になるHTMLコードを設置して実践

<div style=”text-align: center;”>

<a href=”https://px.a8.net/svt/ejp?a8mat=▲▲▲▲rel=”nofollow”>>>●●●●<<<img border=”0″ width=”1″ height=”1″ src=”https://www16.a8.net/0.gif?a8mat=▲▲▲▲” alt=””>

</div>

真ん中になった!これでやっと綺麗なデザインになったよ!

スポンサーリンク

まとめ

HTMLの追加コード
<div style="text-align: center;">
~この部分に自分が貼りたい広告コード~
</div>

真ん中に貼るだけでOKだから簡単だね!

SWELLを使って不便だと感じる点の1つがこのカスタムHTMLが端っこに表示される問題ですよね!

SWELLユーザーの方も他のテーマの方も簡単に使えるのでさっそく実践してみてくださいね!

お読みいただきありがとうございました。

何をしても改善しなかったSWELL高速化問題を100%解決する記事はこちら

スポンサーリンク
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次