ウエブリブログのデザイン変更

新しくなったウエブリブログのタイトル文字位置が中央になったため背景が
白いので見えにくくなった、それとオリジナルのタイトル画像が旧システムから継承されていません。

先ずはオリジナルのタイトル画像の復元をやりました
保存されている画像データーを探すのが面倒なので 「ブログ設定」→「旧データー確認」を参照します

移行前.jpg



CSS上級の欄を下にスクロールし タイトル(大)内の「 http~・・・~jpg 」までをコピーします

画像ファイルコピー.jpg




「デザイン」をクリック →「デザインきりけ替え/CSS編集」をクリックし
「デザインタイトル」をクリック

デザイン切替.jpg

矢印.jpg

15行目をコピーした画像ファイル名と入れ替えします
重要なのはhttpの前と後尾に「”」ダブルクォーテーションを付け加えます


スタイルシート.jpg


「保存」して終了です

LIN.png

ブログデザイン幅変更

前のシステムでは記事画像を600pxにしてたのに460pxでの表示です
そこで全体幅を840pxに拡げ 記事書き込み幅を600pxに拡げました。

幅を拡張.jpg


私の使っているデザインが「世界遺産」で画像高さが228px
少し高さが狭いので 19行目を画像サイズの 240pxに変更し840×240px をアップしました

ファイルマネージャーでアップした画像をクリックしてURLをコピーし
上記の要領で画像ファイルを入れ替えです。


新規画像.jpg


LIN.png


ブログ文字位置と文字高変更

ブログ名を左に寄せ 文字を大きくしました(デザインによっては多少行数が違うようです)

左寄せ.jpg
文字の左寄せ
428行目の align-items: center; を → align-items: left; に変更。

ブログ名文字大きさを1.75倍にしました。
font-size: 1.6rem; を 2.8rem; にしました、2倍にしたいなら  3.2rem; です。



これまでのウエブリブログは記事コメント幅が460であるのに、アップした画像の表示サイズ幅が360pxに縮小表示でした、
リニューアルでもサムネイルサイズが360pxになっていませんか
それが今回のリニューアルで表示サイズを指定出来るんですから助かります(良いのはこれだけ 
せっかくなんで皆さんも表示幅を変えましょう

ログインして「設定」の「サムネイルサイズ」を360→460に変更しましょう
勿論アップする時は460px幅以上にします、まあ分外に大きなサイズでアップしない事
画像をクリックして拡大サイズで見せたい時は1920pxまでのサイズがアップ出来ます。




質問への答え

コメント者の名前にURLを埋め込む方法






コメントに絵文字を挿入する方法


コメントを書いているページの右隣のタグをクリックします

new-1.png
(図はgoogleの場合、IEでも同じです)



開いたページで記事書き込み、絵文字を選択してコピーします

通常エディタでやらないとコピーできないです」。




コメント書き込み中のページに戻り 貼り付けします。




終ったら記事書き込みページは × で閉じてお終い

new-5.png




ブログ気持玉

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

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

→ログインへ

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

気持玉数 : 5

ナイス ナイス ナイス ナイス ナイス

この記事へのコメント

ゴル子
2019年07月09日 05:56
yokoyamaさん、流石っす!!
Blogに書かれた手順を紙に移し替えて・・・
さぁ~と意気込んだものの・・・
「あれ(・3・) 私、何がしたいんだっけ?」
それすら分かっていない♪ゴル子でございま~す♪
hikeraki
2019年07月09日 08:26
非常に参考になりますね。ホッとするような思いでこの記事を読みました。更新されたウェブリブログの管理画面、ようやく基本的なことは使いこなせましたので、後はいろいろと・・トップのデザインを・・と思っていましたので・・有難うございました。
2019年07月09日 09:02
突然で申し訳ありません。

CSS編集の記事を拝見して、新しデザインの編集をお教えいたけるので

あれば、お願いできないでしょうか。

中央揃えなので旧デザインも選ぶデザインがなにのです。

高齢のため更新ができなくなった時のための日録なので、

元の配列に戻れたらどんなに嬉しいかと思ってお訊ねさせていただきました。

宜しくお願い致します。
2019年07月09日 10:03
ありがとうございます。
勝手にご相伴に預かりました。
古希のジジーですがブックマークして頑張ります(*^^*)
まりけけ
2019年07月09日 13:49
こんにちは~♪
おぉ~すごいですね~(^^)/
私もマネして~と意気込んで。。。
まず、移行前データーを確認するが見当たりません(;´Д`)
もうつまづいてしまいました(涙)
前は簡単に画像をトップに貼れたのになぁ~( ;∀;)
大規模メンテなんだしもっと簡単にしてくれたら良かったのに~><
愚痴ってもしょうがないのでボチボチやって行きます(^^)/

今日はキャンちゃんの出番がなくて寂しいです(*^-^*)
2019年07月09日 20:36
ゴル子さんコメントありがとう。

ブログのリニューアルで色々と不都合な事が有って参りますね
旧システムに戻してくれそうも無いのでなんとか新システムに慣れないと駄目でしょうね、気持ち玉が無いと寂しいです。

スマホで見る時に「ケント イオン・・」とかで検索するんです その時にマダムつばめさんの「初めましてケント&イオン」のページが出て来ました
https://blogs.yahoo.co.jp/hiromi_ys27_klavier/37282955.html

イオン君若いねェ、喜んでジャンプしたんですか、立ち上がっている姿はブブたんそっくり、今のイオン君とは別ワンコだね。

2019年07月09日 20:44
hikerakiさんコメントありがとう。

新システムには参ってしまいますね、の~んびり昼寝をしていたのに蹴っ飛ばされた感じです
簡単には安定しないでしょう 腹が立ったけど少しは慣れたんで今はノンビリ気分で付き合う他ないね・・って思っています。
2019年07月09日 20:51
やろい さんコメントありがとう。

自分のブログも中央だけで他は最下部に設定していたんです
それが新システムになって下部の部分が崩れてへんな表示になるんで仕方なく右サイド設定のデザインにしました
中央設定に戻したいと思ったもののシステムが安定していないので様子見している事にしています。
2019年07月09日 21:16
しのさん コメントありがとう。

しのさんのブログを拝見しました、養蜂をやっているんですか いやー羨ましい
自分も若い頃に親父が飼っていたミツバチの手伝いをしていました
いや手伝いって言うより任せられていました、親父はミツバチが恐いくせに親戚の養蜂場から物珍しさで貰ったんです
分蜂しないように女王蜂の羽を切ったりしましたね(^^)、好天だと大人しいけど曇りの日は機嫌が悪かったですね。

田舎での暮らしですから鶏 豚 山羊 兎を飼っていて全部の世話をさせられたっけ、子豚なんかめんこいね、山羊の子なんてピョンピョン飛び跳ねて凄くめんこいし、乳搾りは私にしか許さなかったですよ、馴れられるとめんこいですよね。
2019年07月09日 21:34
まりけけさんコメントありがとう。

>まず、移行前データーを確認するが見当たりません(;´Д`)

えええーーっ! そうなの やり方の説明不足だったんですね
ブログのログインで入ると「ブログ詳細設定」の中に「ブログ設定」が出てくるんだけどね、やってみて下さい。

>今日はキャンちゃんの出番がなくて寂しいです

キャンディの画像をアップする元気がありませんでしたぁ~ 
ブログのデザイン変更画像を整えるのに手間取って腰を痛くしました。

2019年07月10日 18:33
yokoさん これは助かります。ホントどうしようと思ってましたよ(>_<)。だだねぇ、私、軽く痛めた(本人はそのつもりでしたが)腰が、日増しに痛くなってきて本日はついに鍼灸院に駆け込みました。針を打つのに消毒するだけでも腰がズキズキ(T_T)。どうも痛めた個所をかばって、別の所をタップリとやったみたいです。本日からテーピングですが、PCは暫し"お預け"です。椅子に座っての作業は×になりました。コメント書く間に、「修正・変更せんかい!」の声が聞こえてきそうですね。取敢えずお礼まで(^^♪。
2019年07月10日 23:22
y&mさんコメントありがとう。

この変更のやり方が参考になれば幸いです
なんせ説明を分り易くしようと思うと長くなってしまうので簡略しました
説明の為に沢山のPC画面コピーをしたんですが腰が痛くなって来たんで省きました。

結構長い時間座っていたから寝て休んでも腰痛の痛みが治まらないので鍼灸院に駆け込みました、治療の鍼はいつも30本です
腰が非常に痛い時に行くと最初のトントンで浅く刺されただけでもズキーンって来ますよ、1~2cm刺して10分ぐらいおいて刺激ガ収まった頃更に深く刺すんです、背中は3cm、腰周りや横腹 そしてお尻は4cm刺すんですよ、痛いけど効く痛さだから耐えられます、痛くないと効きが悪いですね。

腰が痛い時に無理をすると他の筋肉に負担を掛けてしまって駄目ですね、横腹の筋肉なんて腰痛を起さなけりゃ痛くならないのが、腰が痛いのを無理して動くとどんどん痛くなります、座っているのも駄目、安静にしていなくてはなりません
あっ松葉杖を用意していた方がいいですよ ホント
私の買ったのは整形外科でも「へーいいの買ったね」って言われました、整形外科から借りたのはアルミなのに重いしカチャカチャ音がするんです。

2019年07月11日 18:29
やっぱり yokoさんすごい!
yokoさんのトップ画像が変わらなかったので
教えて頂きたかったので嬉しいです
でも出来るかなぁ難しそうだなぁ
でもチャレンジしてみます
2019年07月11日 22:57
ルーシーママさんコメントありがとう。

ルーシーママさんとこのトップ画像、最初は「目隠しワンコ?」って思ったんです
そんでタイトル名の「ピーカープー」をしっかり見ないで「カーピープー」って読んでいたんです、しばらくカーピープーって思っていました
はてカーピープーなんだ?って疑問を持った時に良く読んで間違いと気づいたんです、そんでピーカープーに何か意味が有るんだろうと思って語句を検索したら「いないいないバー」 あっそう言う意味でのトップ画像だったんだ
外国でもいないいないバーってやるんだって知りましたね。

デザインの変更を色々試してみて下さい、間違っても保存しなけりゃいいし、保存したのが気に入らなけりゃデザインを選択し直せば元にもどります。
2019年07月13日 10:06
パパさん、お早うございます。

流石 凄いですね。私にはできそうもないわ。
コピーして見ながらできるかと思ったら、コピーもできない!
さて、どうしましょ。

キャンディちゃんの登場はないんですね。
PCをしている時は腰は大丈夫なんですか。
同じ姿勢は辛そうですが、お大事にしてくださいね。
ひろびろ
2019年07月13日 15:43
 いつも参考にさせて頂いています。
 設定の件、自分のブログで写真を上げると大きいので少し小さくしようと思うのですが上手く行きません。
 以前の(中)サイズにと思って、本文下書き時に画像挿入をするとタグが表記されるのでそこにある幅と高さ、640と480を以前の数字、というか動画を入れる際の数字、430と360に変えてみたんですが写真の大きさは変わりませんでした。
 これは上記にあるCSS編集の項目の数字を変えないといけないんでしょうか。そうだとしてどれが該当するのか判りません。
 お手数ですが教えて頂ければ、 m(_ _ )m

 
2019年07月13日 23:33
yasuさんコメントりがとう。

Web設定の説明を書くのに結構時間が掛かって・・腰が悲鳴をあげているんでキャンディの画像を引っ張り出す意欲がありませんでした 
今朝家内が足を痛めて松葉杖状態になって・・ そんで自分も余計動かねばならなくなって腰に来ています。

2019年07月14日 00:00
ひろびろさんコメントありがとう。

ひろびろさんの画像アップは結構大きなサイズをアップしているんですね

リニューアルされた設定ではサムネイルサイズが指定出切るから良くなった、アップした画像は記事幅の460pxで表示されますね
ひろびろさんの記事コメント幅は460pxになっていて表示画像も460px幅になっていますね

自分のブログ記事の表示サイズ幅は600pxですから画像もそのサイズになります、試しに記事編集でサイズをいじってみました
alt="画像" width="600" height="400" />
       ∇
alt="画像" width="360" height="240" />
ひろびろ
2019年07月14日 06:39
 おはようございます。
 つまり、本文の幅の指定が狭いから写真も幅一杯になると云う事ですね。
 本分幅を広げればそれに応じた縮小になると。
 困っているわけではないので他の仕様変更と合わせ追々試してみます。
 まだ使いづらさがあって当分は及び腰での更新ですね。
 ウッカリすると記事が消えてしまうのでメモ帳にコピーしてからでないとあちこちクリックできません。(昨日もそれが有ってメモのお陰で事なきを得ました)
 ご指導有り難うございました。
 
2019年07月14日 13:49
ひろびろさんの記事幅は460pxなんで大きな画像アップだとサムネイル幅は460pxになります、それを430pxにした時、サイズが大して変わっていないから「変わらない」と見えたんでしょう
7/2以前の画像を見ると320px幅 240px高でのサムネイル表示ですね、アップしていたのが400×300px

今のシステムは大きなサイズは460pxに縮小サイズでの表示です、記事アップ時に画像サイズを書き換えるのは面倒でしょう
アップする時に320px幅にした方が良いと思いますよ、サムネイルも460px以下なんでそのまま表示されます。

ただ画像をクリックした時に大きなサイズで見せたい時は大きなサイズでアップ サムネイルサイズが460pxとなります、サムネイルを小さくしたいなら記事編集で320px幅に変更すれば良いでしょう。
2019年07月14日 18:02
yokoさん

>記事幅は460pxなんで大きな画像アップだとサムネイル幅は460pxになります、それを430pxにした時、サイズが大して変わっていないから「変わらない」と見えたんでしょう・・

 よく判りました。お手数掛けました。こうして答えを貰うと助かります。
 パソコンになれていない皆さん、私も含め、どこから手を付けたらいいのか判らないから困惑してるんでしょうね。

 有り難うございます。
2019年07月14日 23:55
こんばんは
yokoさんのおかげで ぴーかーぶーの画像を
やっとこさトップに載せることができました
全体の幅も広げることができました
まだやりたいことがあるのでまた教えてください
とりあえず第一の悩みが消えました
本当にありがとうございました
2019年07月15日 09:17
ルーシーママさん 良くやりましたね
いやこう言うと失礼なんですけど、自分の説明が行き届いていないと思っていましたから
こと細かく説明となるといっぱい参照画像を用意しなくちゃないのです、腰が痛くなるんで省いて説明したんです、幅も拡げて上手く行ってよかったです
気軽に質問していただいて結構ですよ、プロじゃないので分る範囲でしかお答えできませんけどね。