starnote*
Menu
  • Home
  • About
    • About this site
    • About the author
    • Contact
  • Travel
  • Photo
  • Gadget
    • Apple
      • Mac
      • iPhone
      • iPad
    • Sony
    • Camera
    • Android
  • Goods
  • Academic
    • My Research
    • Doctor Course
    • Pharmacist
  • Lifestyle
    • Essay
    • Column
    • House
    • Blog
    • Music
Series
2018年まとめ 2019年まとめ 2020年まとめ 2021年まとめ 2022年まとめ BATTABI Black Mist BRUNO CX-5 CX-60 Featured FUJIFILM FUJINON XF18-55mmF2.8-4 R LM OIS FUJINON XF23mmF2 R WR GR IIIx iPhone 12 Pro Max My Research Panasonic Cuble PickUp PR PRESSo Recommendation SAMYANG AF 12mm F2 SIGMA 24-70mm F2.8 DG DN Art Sony A7III Super Takumar 55mm F1.8 Tokina atx-m 23mm F1.4 X Tokina atx-m 33mm F1.4 X Tokina atx-m 56mm F1.4 X X-T4 X-T200 すたのじん ゆるゆる名古屋旅 わたしたちと鎌倉 わたしたちの長野旅行 アメリカと薬学 伊豆半島ジオパークをめぐる 国営昭和記念公園 年末まとめ 本当に買ってよかったもの 軽井沢挙式 週末台湾 長崎ランタンフェスティバル2019
Categories
  • Academic
    • My Research
  • Android
    • dtab
  • App
    • iOS App
    • Mac App
    • Web App
  • Apple
    • Apple Music
    • Apple Watch
    • iPad
    • iPhone
    • Mac
  • Blog
    • Adsense / Affiliate
    • Blog Design
    • Weekly / Monthly
  • Books
  • Case
    • iPad Case
    • iPhone Case
    • Mac Case
  • Column
    • Blog Writing
    • Career
    • Doctor Course
  • Design
  • Drug Development
  • Essay
  • Foods
  • Gadget
    • iPad Gadget
    • Mac Gadget
    • TV Gadget
  • Goods
    • Goods for Gadgets
    • IKEA
    • MUJI
    • Stationery
  • House
  • Lifestyle
    • Car
    • Dog
  • Movie / Drama
    • Foreign Drama
  • Music
    • Album
    • Headphone
    • Live
    • Music Note
    • Speaker
  • Net
    • Mobile Router
    • WiMAX
  • Opinion
  • Photograph
    • Camera
    • Eyefi
    • FlashAir
    • Photo Management
  • Qualification
    • Pharmacist
  • Skill-Up
  • Sony
    • Action Cam
    • Speaker
    • Xperia
  • Travel
    • America
    • Café
    • Drive! on cube
    • Fukuoka
    • Kamakura
    • Kobe
    • Kumamoto
    • Kyoto
    • Nagano
    • Nagasaki
    • Nagoya
    • Oita
    • Saga
    • Sakura Week
    • Taiwan
    • Tokyo
  • Vlog
  • Web Services
    • Evernote
  • Wedding
Archives
  • 2023年1月 (9)
  • 2022年12月 (13)
  • 2022年11月 (7)
  • 2022年10月 (7)
  • 2022年9月 (8)
  • 2022年8月 (8)
  • 2022年7月 (7)
  • 2022年6月 (8)
  • 2022年5月 (13)
  • 2022年4月 (9)
  • 2022年3月 (10)
  • 2022年2月 (8)
  • 2022年1月 (9)
  • 2021年12月 (9)
  • 2021年11月 (8)
  • 2021年10月 (8)
  • 2021年9月 (10)
  • 2021年8月 (12)
  • 2021年7月 (13)
  • 2021年6月 (13)
  • 2021年5月 (11)
  • 2021年4月 (12)
  • 2021年3月 (9)
  • 2021年2月 (10)
  • 2021年1月 (10)
  • 2020年12月 (11)
  • 2020年11月 (9)
  • 2020年10月 (6)
  • 2020年9月 (9)
  • 2020年8月 (9)
  • 2020年7月 (10)
  • 2020年6月 (7)
  • 2020年5月 (7)
  • 2020年4月 (8)
  • 2020年3月 (11)
  • 2020年2月 (3)
  • 2020年1月 (9)
  • 2019年12月 (11)
  • 2019年11月 (8)
  • 2019年10月 (8)
  • 2019年9月 (16)
  • 2019年8月 (17)
  • 2019年7月 (20)
  • 2019年6月 (17)
  • 2019年5月 (17)
  • 2019年4月 (21)
  • 2019年3月 (32)
  • 2019年2月 (28)
  • 2019年1月 (31)
  • 2018年12月 (26)
  • 2018年11月 (10)
  • 2018年10月 (6)
  • 2018年9月 (8)
  • 2018年8月 (5)
  • 2018年7月 (8)
  • 2018年6月 (6)
  • 2018年5月 (11)
  • 2018年4月 (12)
  • 2018年3月 (9)
  • 2018年1月 (8)
  • 2017年12月 (6)
  • 2017年11月 (6)
  • 2017年10月 (1)
  • 2017年9月 (1)
  • 2017年8月 (7)
  • 2017年7月 (5)
  • 2017年6月 (9)
  • 2017年5月 (8)
  • 2017年4月 (4)
  • 2017年3月 (10)
  • 2017年2月 (5)
  • 2017年1月 (9)
  • 2016年12月 (9)
  • 2016年11月 (7)
  • 2016年10月 (4)
  • 2016年9月 (3)
  • 2016年8月 (4)
  • 2016年7月 (6)
  • 2016年5月 (8)
  • 2016年4月 (3)
  • 2016年3月 (3)
  • 2015年7月 (2)
Apple Music
starnote*
starnote*
  • Home
  • About
    • About this site
    • About the author
    • Contact
  • Travel
  • Photo
  • Gadget
    • Apple
      • Mac
      • iPhone
      • iPad
    • Sony
    • Camera
    • Android
  • Goods
  • Academic
    • My Research
    • Doctor Course
    • Pharmacist
  • Lifestyle
    • Essay
    • Column
    • House
    • Blog
    • Music
  • Blog
  • Blog Design
  • Design

ブログのデザインをリニューアルしました

  • 2019-08-13
  • Yusuke Miura

その理由は2つ。


2年ぶり2回目のリニューアル

ブログのデザインをリニューアルしました。

といっても見た目はほとんどキープコンセプトで、少ししか変化していないように見えると思います。つまり、今回のアップデートは「中身」を最新にすることを重視したものです。

アップデートにあたり、僕はその目的を2つ設定しました。

  1. 最新の技術に追いつく
  2. 記事への動線を確保する

この2つです。追って説明しましょう。


ちなみに、過去の変遷はこちらの記事で見ることができます。興味があればぜひ。

starnote*が400記事達成、そして4周年を迎えます。 – starnote*
ここまで来れるとは思ってなかった。 400記事&4周年 ちょうどこの記事が400番目。そしてあと4日で4周年を迎えます。 正直に言って、こんなにたくさん記事を書くなんて予想だにしなかったし、こんなに長く続けているのは全くの想定外です。 たまに言っているけど、僕は自分の飽きっぽい性格を変えたくて、そして自分の軸となるものを作りたくて、このブログを始めました。なので始めた当初は「どうせブログもすぐ飽き
starrrrr.com starrrrr.com

→ starnote*が400記事達成、そして4周年を迎えます。


最新の技術に追いつく

starnote*は「WordPress」というシステムの上で動いています。そのためにはサーバーをレンタルし(自分で立ててもいい)、サーバー上にデータベースとWordPressをインストールして、ひとまず体裁が整います。

しかし、WordPressをインストールするだけでは、最初から入っているデフォルトのデザインしか使えません。このデザインのことを「テーマ」とよびますが、そのブログらしさを出すためには他のブログと異なるテーマを使った方がいい。

だから、多くのブログはデフォルトではなく、誰かが開発したテーマを使ったり、自分でコードから書き起こしたりしているわけです。

利用できるのは有料、無料、国内、海外など、いろいろな選択肢がありますが、僕は他のサイトと差別化するために以前から「海外の有料テーマ」を使っていました。こちらのデザインにしたのが2017年8月です。

starnote*旧デザイン

それから2年が経ち、いろいろなものがアップデートされました。WordPressの最新版「WordPress 5」、サーバー上で動いているプログラミング言語「PHP 7」、サイトを構築しているデータベース「MySQL 5.7」。

セキュリティ上はすぐにアップデートしたほうがいいのだけど、テーマとの互換性の問題から、なかなかバージョンを上げることができずにいました。

正確に言えば、特に問題なさそうだったのでWordPress 5だけは先にアップデートしていたけれど、「Gutenberg」という編集機能だけは使えずにいました。でも、PHPは古い5.6だったし、MySQLも5.5で動いていました。

だから、これらを一気に新しくして最新技術をキャッチアップし、セキュリティも内部構造も強いサイトに変えたかった。これが1つ目の理由です。


記事への動線を確保する

2つ目の理由は「記事への動線の確保」。

前回のデザインを採用した2017年8月当時は、starnote*の記事数がそんなに多くなかった。せいぜい100記事を少し超えた感じだったと記憶しています。

しかし、それから2年経った現在は400記事あまりに肥大化し、旧デザインのままでは次の記事への動線の確保が難しくなってきました。「こんな記事もありますけど、どうですか?」という提示ができてなかったですね。

2年前は各カテゴリの記事が数本ずつしかなかったので、そもそも動線という概念すらなかったというのもあります。なので、今回は「過去記事との接点を増やす」ということを目標のひとつに掲げました。具体的には以下のようなことです。


記事下に同カテゴリの過去記事を提示

記事下に表示している「You may also like:」という部分がそうです。ここには今読んでいる記事と同じカテゴリの過去記事が表示されるようになっています。

たとえば画像のような「週刊すたのじん」だと、過去の一覧が表示されます。他のカテゴリでも同じです。


サイドに同じカテゴリの前後記事を表示

こちらはPC版のみですが、表示中の記事と同じカテゴリの過去記事から、更新日が前後の記事を表示する機能です。マウスポインタを置くと表示されるようになっています。


サイドバーに過去記事をシャッフル表示

これは完全に遊び心からですけど、過去に書いた400あまりの記事からランダムに10記事ピックアップして、サイドバーに表示しています。スマホの方はスクロールすると下の方に出ているかと。

こうすることで、埋もれていた過去記事を表に出すことができるし、「お、この記事いいかも」という偶然の出会いを生み出してくれるはずです。


第1段階はひとまず完了

まだまだやりたいことはあるけれど、今回のリニューアルの第1段階はここまででひとまず完了とします。

第2段階は、放置しているプロフィールベージの内容やらを書き換えないといけないなと思っています。まだ「博士課程の学生です」とか書いてるからね。どんだけ放置してるのよ。

第3段階としてはAMP対応を含めた表示速度の改善があるかなと思っています。テーマとしては対応しているので、あとは僕が調整すればいいだけなんですけどね。これは後ほどやります。

また、「ここはこうしたらいいのに!」とか、「この部分すごくいいです」といったようなご意見、ご感想も寄せていただけると嬉しいです。僕が気づいていない点もたくさんあると思うので、使いにくい部分は特にご意見いただけると助かります。

0
0
0
0
0
Related Articles
View Post
  • Blog
  • Weekly / Monthly

月刊すたのじん|2023年1月|日々の暮らしをより楽しく

  • 2023-01-01
  • Yusuke Miura
View Post
  • Blog
  • Gadget
  • Goods

2022年のPR記事まとめ

  • 2022-12-30
  • Yusuke Miura
View Post
  • Blog
  • Weekly / Monthly

月刊すたのじん|2022年12月|穏やかな年末へ

  • 2022-12-01
  • Yusuke Miura
View Post
  • Blog
  • Blog Writing
  • Column

iPad miniを縦持ち、ソフトウェアキーボードで記事を書くのが意外と快適

  • 2022-11-12
  • Yusuke Miura
View Post
  • Blog
  • Weekly / Monthly

月刊すたのじん|2022年11月|マネジメントの秋

  • 2022-11-01
  • Yusuke Miura
View Post
  • Blog
  • Weekly / Monthly

月刊すたのじん|2022年10月|新天地

  • 2022-10-01
  • Yusuke Miura
View Post
  • Blog
  • Weekly / Monthly

月刊すたのじん|2022年9月|もう9月、まだ9月

  • 2022-09-01
  • Yusuke Miura
View Post
  • Blog
  • Weekly / Monthly

月刊すたのじん|2022年8月|8年目の8月も気を張らない

  • 2022-08-01
  • Yusuke Miura
Apple Music
Follow Me!
Twitter
Instagram
YouTube
Pinterest
about
Yusuke Miura, PhD
薬学部6年制課程を卒業後、そのまま博士課程に進学。2019年3月に「博士(薬学)」の学位を取得しました。Macとカメラとクルマを愛する1988年生まれのミレニアル世代です。僕自身はとても飽きっぽい性格なので、自分にひとつの軸を通したくてこのサイトを運営しています。
MORE INFO
Shuffle Posts!
  • はてなブログからWordPressに移転する際に参考にしたサイトまとめ。
    • 2017-08-25
  • 京都・カフェ&ウォーク〈後編〉
    • 2018-05-26
  • 10.5インチiPad Proのアクセサリーをレビューします。JISキーボードとレザースリーブケースを中心に。
    • 2017-06-10
  • 週刊すたのじん #010|行ったり来たり。
    • 2019-03-17
  • Google Nest Cam|外出中も在宅勤務中も、ペットを見守る優秀カメラ
    • 2023-01-24
  • わたしたちと鎌倉|第10回|長谷の北欧カフェでブランチ
    • 2021-02-20
  • PRESSoの経年変化|ノーメンテで2年使いました
    • 2020-12-29
  • 退屈なルーチンワークが日常になる前に、心の中にワクワクを補充しよう。
    • 2019-04-11
  • Music Note 01|緑黄色社会
    • 2018-12-10
  • 【Drive! on cube】海を貫く全長7kmの直線道路!諫早湾干拓堤防道路から見る絶景(長崎県)
    • 2016-08-29
Follow Me!
Twitter
Instagram
YouTube
Pinterest
about
Yusuke Miura, PhD
薬学部6年制課程を卒業後、そのまま博士課程に進学。2019年3月に「博士(薬学)」の学位を取得しました。Macとカメラとクルマを愛する1988年生まれのミレニアル世代です。僕自身はとても飽きっぽい性格なので、自分にひとつの軸を通したくてこのサイトを運営しています。
MORE INFO
Tweets by info_starnote
Categories
  • Academic (56)
    • My Research (3)
  • Android (3)
    • dtab (3)
  • App (14)
    • iOS App (4)
    • Mac App (10)
    • Web App (1)
  • Apple (96)
    • Apple Music (3)
    • Apple Watch (5)
    • iPad (25)
    • iPhone (33)
    • Mac (38)
  • Blog (112)
    • Adsense / Affiliate (1)
    • Blog Design (4)
    • Weekly / Monthly (80)
  • Books (5)
  • Case (11)
    • iPad Case (2)
    • iPhone Case (8)
    • Mac Case (1)
  • Column (131)
    • Blog Writing (39)
    • Career (17)
    • Doctor Course (16)
  • Design (12)
  • Drug Development (1)
  • Essay (35)
  • Foods (4)
  • Gadget (138)
    • iPad Gadget (6)
    • Mac Gadget (3)
    • TV Gadget (1)
  • Goods (81)
    • Goods for Gadgets (4)
    • IKEA (8)
    • MUJI (7)
    • Stationery (6)
  • House (61)
  • Lifestyle (200)
    • Car (84)
    • Dog (3)
  • Movie / Drama (2)
    • Foreign Drama (2)
  • Music (27)
    • Album (3)
    • Headphone (15)
    • Live (1)
    • Music Note (3)
    • Speaker (3)
  • Net (5)
    • Mobile Router (2)
    • WiMAX (1)
  • Opinion (11)
  • Photograph (102)
    • Camera (43)
    • Eyefi (4)
    • FlashAir (1)
    • Photo Management (5)
  • Qualification (8)
    • Pharmacist (8)
  • Skill-Up (1)
  • Sony (6)
    • Action Cam (3)
    • Speaker (1)
    • Xperia (1)
  • Travel (172)
    • America (12)
    • Café (14)
    • Drive! on cube (13)
    • Fukuoka (2)
    • Kamakura (12)
    • Kobe (2)
    • Kumamoto (2)
    • Kyoto (6)
    • Nagano (12)
    • Nagasaki (27)
    • Nagoya (7)
    • Oita (2)
    • Saga (4)
    • Sakura Week (5)
    • Taiwan (10)
    • Tokyo (2)
  • Vlog (8)
  • Web Services (8)
    • Evernote (2)
  • Wedding (1)
Series
2018年まとめ 2019年まとめ 2020年まとめ 2021年まとめ 2022年まとめ BATTABI Black Mist BRUNO CX-5 CX-60 Featured FUJIFILM FUJINON XF18-55mmF2.8-4 R LM OIS FUJINON XF23mmF2 R WR GR IIIx iPhone 12 Pro Max My Research Panasonic Cuble PickUp PR PRESSo Recommendation SAMYANG AF 12mm F2 SIGMA 24-70mm F2.8 DG DN Art Sony A7III Super Takumar 55mm F1.8 Tokina atx-m 23mm F1.4 X Tokina atx-m 33mm F1.4 X Tokina atx-m 56mm F1.4 X X-T4 X-T200 すたのじん ゆるゆる名古屋旅 わたしたちと鎌倉 わたしたちの長野旅行 アメリカと薬学 伊豆半島ジオパークをめぐる 国営昭和記念公園 年末まとめ 本当に買ってよかったもの 軽井沢挙式 週末台湾 長崎ランタンフェスティバル2019
Latest Posts
  • グッバイCX-5、ハローCX-60
    • 2023-01-29
  • 仕事の忙しさとブログの書きたさと
    • 2023-01-27
  • Google Nest Cam|外出中も在宅勤務中も、ペットを見守る優秀カメラ
    • 2023-01-24
  • マルプーのメル|ハリネズミのおもちゃがお気に入り
    • 2023-01-18
  • iPad mini 6もあるけど、結局11インチiPad Proばかり使っちゃう
    • 2023-01-15
  • CX-5と暮らす|40,000km乗った最後の感想
    • 2023-01-13
  • 完璧に準備して、マルプーの子犬をお迎え。しつけも完璧にしたい。
    • 2023-01-08
starnote*
© 2015-2022 Yusuke Miura All rights reserved.

Input your search keywords and press Enter.

 

コメントを読み込み中…