ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

【マナブログコピー】スマホ表示中のTwitterツイート埋込幅調整【横幅を縮める】

外観デザイン設定

こんにちは、ごま吉(@Lv1gomakichi)です。

この記事では、マナブログコピーのスマホ表示の際のツイート埋め込みが【横幅いっぱい】な状態の修正方法を紹介します。

当ブログについて

マナブログさんに参考マニュアルとして掲載して頂きました😆
本家認定のマニュアルです。

ManablogCopy スマホ表示 ツイート横幅調整

デフォルトでツイートを埋め込むと、スマホでの表示は下記のようになります。
ツイートが画面横幅いっぱいになっています。

表示にメリハリをつけるためにCSSを調整します。
調整は、カスタマイザー追加CSSで以下のコードを追加します。

/*twitter貼り付け位置/

.twitter-tweet{
	margin: 0 auto;
max-width: 90%!important;
}

横幅が少し空いて見やすくなりました。

画像提供:Freepik – jp.freepik.com によって作成された logo ベクトル



注目こちらも合わせてどうぞ▼
アフィリエイトを始めるための手順を紹介しています。マナブログコピーのカスタマイズが終わったら『ASP登録』をしましょう。

note


注目こちらも合わせてどうぞ▼
アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。マナブログコピーと合わせて運用すると効果大です。

note

人気記事【マナブログコピー(WordPressテーマ)】文字装飾プラグインの設定