サブドメイン化と右の謎の余白の退治。(2022/11/13)

ブログは収益化できていても、作ったWebアプリは収益化できていませんでした。

新しいドメインを買って、またGoogleAdsenseに申請出して…ってまたどんだけ時間かかるねんって感じで、仕方なく思っていましたが、

サブドメインというものを用いれば、このyomiaki.comの広告の設定がそのまま使えるというわけです。

参考↓

そんなこんなで、Webアプリに広告が載せられるようになりました!(サーバー代だけでもなんとか…)

「チンチロハイお得度チェッカー」は

cee-lolin-checker.com → cee-lolin-checker.yomiaki.com

「あべじぇね」は

abegene.com → abegene.yomiaki.com

というような感じで変わりました。

記事のリンクいろいろ更新しないと…

あと、先日公開した「あべじぇね」ですが、

右側に謎の余白が生まれてしまっていました。

以下の記事を参考にdivタグでbody以下を囲んで、余白を無くすことができました!

CSSを駆使して右にできた謎の余白を消す方法

ついでに左右の文字が画面にぎちぎちだったので、paddingを左右に20pxほど設けました。

<!-- 右の謎の余白をなくす! -->
<div style="overflow: hidden;padding:0px 20px;">・・・</div>

そして、スマホからみた時に画面がよってしまい、レイアウトが崩れていたので、以下の記事を参考にviewportの設定を行いました。

コピペで済ませていませんか?改めて学び直したい「Viewport」のすべて

initial-scale=0.5として引きの状態からスタートするようにしました。

<!-- スマホからみた時の崩れ防止 -->
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">

また気づき次第いろいろ直すことになりそうです…気になるので…

コメント

タイトルとURLをコピーしました