きのう久しぶりにCSSをつつきました
6月以来、半年ぶりのカスタマイズ。
おしゃれにするつもりが、ダサくなってしまいました。俺にはもうグレーしかないのか・・・？
サイドバーのボックス背景色が白くできなくて意味がわからなかったけど、この記事で解決しました。まあ単純にhatena-moduleだけじゃ綺麗に白くならなくて何か間違ってたんでしょうね・・・
ついでにサイドバーカスタマイズも。ありがとうございます。
なんだろう、自分のセンスのなさ。笑
このブログはスマホ訪問が3割と少なくて、デスクトップからが多いのですが、その方がデザイン難しくてもうなんか色とかないテーマ初期のままにした方がいいのかとか思うレベル。
テーマも変えたくなってきました。笑
年末年始の過ごし方かな。
ちなみにCSSはこういう風にしています
Wordpressのときもテーマ本体のCSSファイルはいじらず別ファイルにしていたのでやっていることは同じなのですが作りながら確認しながらが面倒なのでCSSの確認はCodepenを使っています。でもCodepen上だとはてな特有のクラスの確認ができないのでそれはダッシュボードで行っています。
ウェブ上だけにCSSがあると不安なのでローカルにCSSファイルを置いてコピーしてバックアップしています。
Wordpressからはてなになって
はてなからWordpressに移行する人は多いだろうが、逆はあまりいないだろう。
もうすぐ1年なので、書いてみる。
https対応、wwwなしもできるようになりました
はてなの最大の？デメリットだった非SSLですが、SSL化して、wwwが必須だったのもなしにできるようになったよ！
Wordpressより良い点
- プログラムの更新が必要ない（プラグイン動くかな？とかの心配もいらない）
- 実はそれが一番のメリットかも。半年放置で記事だけ書くから記事数が圧倒的にWordpressの時より多い
- ダッシュボードがさくさく動く（使ってると慣れるが、ふとWordPressのダッシュボードを見るとクッソ遅！ってなる）
- アプリが使いやすい
- Wordpressはスマホウェブ版もアプリも使いにくい・Syncpressという有料アプリも使ってました
- プラグインを入れなくてもデフォで使える機能がたくさんある（Amazon商品、Flickr挿入、Markdown、アクセス解析、画像の横並び、関連記事、人気記事などなど）
- プラがグインがなくても簡単にしてくれている人がいる（アドセンス自動挿入、カテゴリ階層化）
- はてなコミュニティから読みに来てくれる人がいる、読者登録機能
- 雑記ブログなのでタイトルが目に着いたら、暇なら読んでくださいくらいの
Wordpressはスマホから記事が書きにくかったのでスマホで画像アップや下書きがすっごい楽になった。サクサク動くのもプラスして投稿数に比例すると思う。
はてなで悪い点・困っていること
検索ランクは下がった気がする
やっぱりWordpress単独より低いと思う。SEOとか何も考えてないけど・・・（サイトマップは手動で登録、くらいはやった）
時期が時期で移転してすぐはSSL非対応でwwwがついてURLが全然違うことになってしまったし、Googleのアップデートもあったので判断しかねるが、検索結果上位に出る記事がへっちゃいました
まあ、もうアドセンスとかあってないような金額になってしまったのでまあいいんですけどね・・😭
新しいURL安定はしました。
そもそも内容がくそだろと言われてしまっては、そうですとしか言いようがないけど・・・・😭
移転直後はクロールエラーたくさんサーチコンソールででちゃってた
タグのページ、月別アーカイブなどははてなと構造が違うのでサーチコンソールでエラーになります
はてなフォトライフが外部サービス
無制限で使えるのは素晴らしいのだが、これがはてなブログの投稿画面から編集したり削除したりできない・・・・
ワードプレスでいう、「メディア」が別サービスになっているんです。
別サービスだからか、ブログアプリから画像だけアップロードするということもできない
PCからだと、D&Dでアップロードもできるし、アップロード済みの画像を再度選択しなおすことができます。
アプリは、一度あげた画像を削除はおろか、挿入や並べて挿入することもできません
記事の作成途中に消してしまったら挿入する方法がありません😭
削除、編集はてなフォトライフのページにアクセスして行ってますがちょっと不便です。
はてなフォトライフに動画があげられない
結構困るのがこれ。
ガチのYoutubeのような動画は作れませんが、たまにちょっとした動画を載せたい時もあるんですが、フォトライフに動画がアップできず、WordPress移行データも、動画のところがURL直リンクになってしまったままです。手動で修正するしかありません。
現在新たな動画はflickr貼り付けで対応しています。
タグがない
はてなはカテゴリをタグのように表示させることしかできない
（そもそもカテゴリの階層システムもいまいち！！！）
Wordpressでタグにしてたもんが全部カテゴリにぶちこまれて唸ったわ〜
いちおう、実装予定らしい
いまから実装されても過去記事にタグ振るの大変だからもうなしで記事作りかな。
プラグインがないので拡張ができない
なにもしなくていいけど拡張性もありません。
とくにデザイン面はPROでようやく自由になるけどそれでもWordpressの自由さほどではありません。
ページに任意header入れられないとか。見たままモード⇔Markdownの切り替えができないとか。でもプラグインなしでできることの方が多い気がします。
こまかいこと
下書きの履歴が記事一覧からしか確認できない
ヘッダー非表示にしたらログイン時でも消えてしまう（Wordpressのように出てくれたら最高）
アプリからH2タグが指定できないし、HTML編集もできない
見たままモードからだと挿入できるものが少ない
リストの入れ子が見たままからできない（Clipyにスニペット入れてHTML編集モードで入れてる・・）
カテゴリが記事管理一覧から一気に編集できない
記事一覧からカテゴリやタイトルなどの簡易編集できない
今後に期待
とはいえ、定期的にhttps化のように改良されてますし
書かなければ意味ないので、はてなにしてよかったです。
ただもう少し私が文章とかSEOとか勉強したほうがいいでしょうね。
いくら趣味でやってるだけどいっても、読まれないと意味ないし
せっかく来てもらっても、つまんね、おもんなってなるのも残念だし。文章力ってどうしたらいんだろう😭
追記：やっぱりデザイン変えました
ちょっとすっきりしたかな
テーマをNakedにしました。
以下メモ。
背景画像がどうやってもうまくいかないからはてなフォトライフに上げた画像をCSS指定。なんかめっちゃ拡大される仕様？ background-sizeでサイズ指定
トグルメニュー作成
するとヘッダー部がでかくなったので、
.header-image-only #blog-title #blog-title-inner
height{150px}
とピクセル指定
サイドバーが長すぎなのでタブ化
引き続き階層化は使うが、うまくいってないので.hatena-module-category a::before を無効化
タブ化と階層化でこのくらい。カテゴリ多すぎだろ。でもサイドバースッキリ
見出しデザインは色だけ変更。
あともう少しリンク色など修正かな
一覧画面のタイル化は公式テーマカスタマイズにないから、できないっぽい。スマホからならどうせ一列表示なんだけどね。
