「さくらのブログ」のカスタマイズメモ

久々にさくらのブログ（これです）のカスタマイズをしようとしたら、

色々忘れていたのでメモ。

このサイトが役に立った。

さくらのブログの初期CSSデザインカスタマイズ設定まとめ

https://affiholic.com/sakura-blog-start-css/

今回は幅を広げただけですが、特に凝ったことはしなくてもいいかな･･･

さくらのブログに、Google Photoから貼った写真が…

さくらのブログは、Google Photoからの画像貼付けができて大変便利なのですが、

今ごろになって問題点を発見しました。

Google Photoから貼りつけた写真が、

パソコンではちゃんと表示されているのに、

スマホ（iPhone）で見ると「ファイル名.HEIC(JPG)」となって写真が表示されていない！

これはいかんですね！！

ちょっとググったら同じように困っている人はいた、

この人の場合、画像を共有に設定すると直ったらしい。

けど私の場合、パソコンではちゃんと表示されている。

ちょっと違うんだなぁ

■seeesaaブログを利用していますが、写真はgoogleフォトから貼付けています。

最近、画像が表示されない記事が多く困っています。

お助けください。 - Google フォト Community

https://support.google.com/photos/thread/17384385?hl=ja

さくらのブログから直接埋め込む以外の方法。

Google Photoは、Embed Google Photosというツールを使うとできるらしい。

けど、今上がっている画像はそこから一旦DLした方が早そうだなあ。

たくさんあるけど。。。

Embed Google Photos - Add Images from Google Photos in your Website

https://www.labnol.org/embed/google/photos/

無料クラウドに保存した画像をブログに埋め込めるか確認してみた。

Amazon Prime Photo・Googleフォト・OneDrive

- 生活情報オンライン

https://somegoro.hatenablog.com/entry/2019/04/14/022759

スマホ用のテーマを変えて見たけど、かわらず。

逆にますます変な表示になったりすることもある。

一瞬直ったかと思うこともあるので（ラーメンブログ）、もしかしたらさくら側の問題？

たぶんさくらサーバーに問い合わせても優先度低そうだし、

またこういう問題おきるかもなので、ちゃんと画像もUploadしましょうか…

とほほ･･･

さくらのブログ カスタマイズのヒント

昨日メインサイト moonlife-style.com の方にアップしたコラム

●さくらのブログの活用法〜思い出をブログにしてみる 
　 MoonLife-Style（ゆるく楽しくセカンドライフ）

でも紹介させていただきましたが、

さくらのブログをすんごくカスタマイズしている人がいたので、こちらにもメモしておきます。

さくらブログ　カスタマイズ：
「ド素人でいーんです！ブログ作りを簡単にするテクニック」

できたらいいなぁ〜と思っていたことが、出来てる！（笑）

例えば、

●さくらブログの見出しを変更
今回は、記事の中程にある見出しをデザインされたものに変更します。見出しは、文のまとまりを区切る役目を果たしますので、読みやすくなります。

●目次をトップページに配置する方法
記事一覧のリンクをトップページに置いておく事で、誰でも目的の記事にすぐ辿り着けます。

●その他 カスタマイズカテゴリー

ちょっと無理やり感もあるけど、さくらのブログをもうちょっと何とかしたいと思っている人にはとても参考になると思います。

有難うございます！

【問題発生】さくらのブログにGoogle Photoが貼れない？

さくらのブログにGoogle Photoの写真を貼ろうと思ったら、

こんな感じで写真が表示されません。

こんなの初めて。

Google Photoそのものは普通に見れるので、さくら側の問題か。

すぐ直るのかな、こんなこともあるんだな･･･

→　次の日には直ってました。なんだったんだろう･･･

続きを読む

ブログデザイン変更しました

お気づきの方もいるかも？ですが、

ブログのデザインを変更しました。

今回はこれ、「イエローライン」。

今までの「ロボット」は左メニューでしたが、他のブログに合わせて両側メニューのデザインにしました。

今までの「ロボット」はこれでした。

スタイルシートのCSSも少しいじってます。

覚書として。

#container{

  ...

  width : 900px; ←画像は400*300で,はみでるため拡大

#content{

  ...

  width:420px; ←同上

  .date{

   font-size: 12px; ←14pxから小さめに変更

h1  14px  ←18px

h3  12px  ←14px

続きを読む