ウェブリブログ サイトページ幅変更 20191225

ウェブリブログのサイトページ幅変更しました。

ブログに設置していた画像は1280x500だったりするのでブログ幅サイズ変更して画像が全て表示されている状態になっていますが。

参考記事
ウエブリブログのデザイン変更: 夕暮れの珈琲

自身の選択したテンプレートだと

ノート(記事概要両サイド)
全体幅
.l-wrapper .l-wrapper__inner { [478]

min-height: 100vh;
width: 800px;

記事幅
.Main .Main__inner { [523]
width: 400px;

.Main .Main__inner .Main__contents { [538]

align-items: flex-start;
width: 400px;

ブログタイトル文字位置
.Header .Header__inner { [411]

-ms-flex-align: center;
align-items: center;

ブログタイトル文字サイズ
.Header .Header__inner h1 { [428]
font-size: 1.6rem;

ブログタイトル文字カラー
.Header .Header__inner h1 a { [432]
color: #000;

サイドバースペースサイズ
.Side .Side__inner { [634]
width: 160px;

数値的なものは変更前の数値にしています。

編集する文字辺りの横に[478]という感じで数字入っていますがこれは自身で編集した時のこの項目の行数値です。
大体この辺りにあるかもしれません。

この辺り変更してみました。

ブログ記事のテキストが特定範囲内で表示されるような状態になっているので、どこか設定必要なんだろうなぁというような状態になってしまっていますが。


記事下に表示されるフリースペースに入力してある「見つけた画像のツイート貼り付けてます。」という文字がブログ記事の上の方に表示されてしまっているみたいです。


ウェブリブログは新しくなってから使いづらくなっているなぁと思うところがありCSS変更で設定変更が起こりキーワード検索でどこにあるかの確認がしずらく、ファイルマネージャのフォルダ名が日本語入力できなくなり、フリースペース編集も表示される編集枠で見づらく編集しづらい感じになっているかなぁと思ってしまいます。

こんなところです。

見つけた画像のツイート貼り付けてます。





ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント