月: 2020年9月

現在、大学での講座用PCの展開、また、企業システムの構築しており、時間に追われている状態が続いております。
#がんばります
#年内中に完遂したい

BLOG 記事幅について

あまり時間がかけられないのですが、Twnty Sixteen 記事幅についてです。デフォルトテンプレートからいろいろカスタムしてきて、記事幅について気になりました。多分、記事の幅が広すぎると、読みにくいと思うんですね。

デスクトップPC表示でお話すると、右側PROFILE部分とくっつきすぎていたため、ここの調整が必要でした。探したところ、どうやら、conten-areaのwidthが関係していたようです。

.content-area {
float: left;
margin-right: -100%;
width: 65%;
}

widh幅の変更で改善されました。
#完全に僕の備忘録

こうしてみると偉い簡単なのですが、これ何が大変かというと、探すのが大変なんですよね。どこのコードがどこに作用しているのかという確認です。

今回の調整で、スマートフォンでもある程度みれるように調整しました。

出来上がってからアップしていては、全てが間に合わないので、走りながら、調整していこうと思ってます。

#TwntySixteen　#記事幅　#contentarea

Takuma Sugita BLOG

４連休も残すところあと１日です。
#連休中ショッピングモールに行ったらびっくりするぐらい密だったよ

Twenty Sixteen タイトルが大きい

利用させてもらっていたFC2 BLOGサービスから、WANDZ NOTEに移行し、しばらくたち、使い方もだいぶ慣れてきました。

バタバタしていて、細かく確認していなかったのですが、テンプレートについて、一番に思ったことは、使っているテーマのタイトルが大きすぎるということ。

調べたところ、.entry-titleのクラスから変更可能らしい。pxフォントサイズのみ変更しても、フォントの大きさは変わらず、後から読み込まれている、remフォントサイズを変更して、フォントの大きさが小さくなることを確認しました。
#完全に僕の備忘録

rem（レム）フォントサイズ

remは、CSSにおきるhtmlタグの文字サイズを基準とする相対的な文字サイズ指定の単位。

またレスポンシブに動作しているため、複数箇所変更する必要があります。iPhone時の文字サイズ。ノートパソコンの時文字サイズ。デスクトップパソコンとデバイスごとに見え方が異なるため。

とりあえず、一つ気になっていた箇所を修正できてよかったです。気になるところは、まだまだたくさんあるので、WANDZ NOTEは徐々に修正していく予定です。

#TwentySixteen #タイトル #フォント #rem

Takuma Sugita BLOG

ワンズテクノロジー株式会社では、パソコン・サーバーの修理＆販売＆展開を主軸に
光インターネット回線工事、ホームページ制作、中古再生事業など
お客様のビジネス環境をトータルにサポート致します。

公式ホームページはこちら↓
WAndz Technology