ブログのデザイン変更のご報告。iPhoneなどからもコメント返信が可能になります。

(56)

日頃は格別のお引き立てをいただき、ありがたく深く感謝申し上げます。
Tools 4 Hack ブログ店 店長のSANTAです。

さて、かねてから当店では改装工事を進めておりましたが、おかげさまをもちましてこのたびようやく変更をいたしました。

この間なにかとご迷惑をおかけしたことと存じますが、来る3月9日より新テーマにおきまして営業をいたすこととなりましたので、ご挨拶申し上げます。

つきましては、開店謝恩セールを3月7日から8日までの1日間、実施させていただきます。

我々熊一同、より一層のサービスをもちまして皆様方のご要望にお応えできますよう、最善を尽くして参る所存でございます。

皆様方のご来訪を心よりお待ちいたしております。
まずは、お知らせかたがたご挨拶申し上げます。

敬具

スポンサーリンク

テーマを変更

コレまで使用していたのはPC版が「Modern Style」というテーマで、モバイル版が「WPTouch」というプラグインでした。

PC版のテーマは初期リリースバージョンだったため、かなり不具合が残っていた状態でした。それに直接手を加えてカスタマイズしていたため、容易にアップデートも行えず、もう凄惨な状況…。

「WPTouch」は、アップデートしても良かったのですが、新バージョンのデザインがあまり好きでは無かったので、古いバージョンを使っていました。
ですが、他の部分をアップデートしたら「スマホなのにPC版デザインに…」の様な状況が常習的に発生してしまう事態が。

なぜ変えた?

ブログ開始当初に適当に選んだテーマを何年間も使用していたため、あまりにも古く、無視出来ない問題が起こっていたため「デザインを変えたいなぁ」と思っていたのですが、面倒で放置しておりました!

が、本日ちょっと早く帰宅したのでブログのお掃除でも…と思って色々弄っていたら全記事のトップ画像を消しちゃった!
ブログ本文を弄ってしまい、もう悲惨な状態となったため、応急処置として手元で弄って遊んでいた現在のテーマに変更&サムネイル側からトップ画像を…といった次第でございます。えぇ…

そのため、色々とデフォルトのままになっており、若干使いにくい配置だったりするかと思います。これらについては今後徐々に様子を見ながら直していこうと思います。
もし「文字サイズ」や「色具合」などで不便な部分がありましたら、ご指摘いただければと思います。よろしくお願いします。

レスポンスデザインに

ちなみに、このテーマは一応レスポンスデザインとなっており、PC版・モバイル版…どちらも共通のデザインが使用されます。ただ、そのままだと重かったので、厳密には色々と分けていますが。

コメントの返信

これまでiPhoneなどのモバイル版からは「コメントの返信」が行えなかったのですが、このテーマにしたことで可能となりました。(ただし、キャッシュの関係上、表示に反映まで数分かかる場合があります)

前のテーマを長く使っていたので「前の方が好きだった…」という方も居てくれると嬉しいのですが、ブログで遊んでいく上で回避出来ない問題が多々出てきてしまったため、とりあえずは新しいテーマの方でもどうかひとつ…!!

とはいっても、自分でも使いにくい部分がマダ色々とあるので、MacBook Air Retinaが発売されたら…それを買って…直すんだ…

(最初にあれだけ丁寧に挨拶したんだ、きっと出る…MBA Retinaは出るに決まってる…!)

追記「ToDo」

・トップ画面の記事一覧をコンパクトに(PC版もコンパクトにしてOK?)
・記事一覧にコメント数を表示する(記事内ではSNSボタンと一緒に並んでいる【灰色ボタン】がコメント数)
・「ブログ検索」をわかりやすい場所へ移動(現在は記事本文下、記事一覧下にあります)
コメント欄の調整

**フォントサイズは大きすぎ?もうちょっと小さい方が良いのかな・・・?

スポンサーリンク
運営に関すること
スポンサーリンク
Tools 4 Hack

コメント

  1. 凄い変わりましたねー!

  2. iPhoneでいつもコメントしてましたよ…?

    • 以前のテーマでは掲示板のようにズラッと投稿順に並ぶ物でしたが、今回からは「特定の人・コメントへ向けて返信」が行える様になり、それらは入れ子状で表示される様になります。

    • このように誰か一人に向けてコメントすることはできなかったので、普通にコメントするのとではまた違います。

  3. あれ?セール昨日まで(・3・) アルェー?

  4. コメ数がわからないので注目度がわかりにくい

  5. し、正直一個人としては以前のデザインで馴染んでいたので前のほうがよかったな〜…なんて…笑

    iOS7同様「慣れ」なんでしょうけど笑

    • 本当はこのタイミングで変更するつもりではなかったので、実は私もまだ慣れておらず、前の方が操作しやすかったと思ってしまっていたり・・・

      トップ画面などがまだまだ使いにくいので、この辺りから少しずつ変更していこうかと思います。
      その間、使いにくい部分があるかと思いますが、少々お待ちいただければと思います!

  6. それと、以前の方がスマホから見るとトップページで記事が多く表示されてた分、見やすかったかな〜なんて…

  7. 謝恩セールがもう終わっている…だと……

  8. 慣れるまでは少し時間がかかりそうですが、これからも色々な脱獄アプリの紹介よろしくお願いします!
    今夜いよいよ発表がありそうですね!

  9. 新デザイン素敵です!
    ただiPhoneから見た時に各記事の本文の最初の部分が出ない方がスッキリしそうな気が少しします(´・ω・`)

  10. 開店謝恩セールを3月7日から8日まで?

  11. 新デザインっす(^.^)

    これからも頑張ってください
    楽しみにしておりやす♪

  12. いつも楽しく拝見しています。量、質に加えて瞬発力のあるエントリやコメント返信には脱帽です。

    これからも楽しみにしています。

  13. いいですねこのデザイン

  14. 感謝セールって?
    昨日チェックしたけど特に気がつかなかった。

  15. 開店謝恩セールやってくださるとは中々粋な計らいをしますね
    ただ毎日2回はチェックしていたにも関わらず見逃してしまった自分が情けないですwww

  16. 初カキコ

  17. スマホ版での表示なのですが以前のテーマに比べてトップページにPC版と同じ様に本文が少し見えるようになったので記事一つ一つが幅を取ってしまい一覧として見にくいと思います…

    • ですよねぇ・・・私もそう思っておりました・・・
      トップ画像を小さくするか非表示に、また本文に文字数制限などを追加しようかと考えております。少々お待ちいただければと思います。

  18. いつもROMっている人達がこの事態にたくさん書き込んでるね
    記念カキコ

  19. 真っ白なこのブログが、やがて管理人様色に染まっていくのですねw

  20. 何かキャッシュが悪さしてPCモードで表示されているのかと思って2回くらいキャッシュクリアを試みました笑。リニューアルだったのですね。以前のスマホサイトはTopの記事一覧からコメント数がわかるのが良かったなぁとは思いますが…これからも応援します!
    あ、safariでピンチインアウトが出来るのは有難いです。

  21. 通りでおかしいなぁと・・・
    何やともあれ開店セールとやらおとといまでとは・・・

  22. 開くサイト間違えたかと思った

  23. 驚きの白さ

    • アタック

  24. 1回元のトップページに戻っていたような気がしましたが…?

  25. 初カキコ
    いつもお世話になってます

  26. お、変わってる。
    まだ慣れないから少し使いづらいし、字がおっきい。
    でも新鮮。

  27. リニューアル、おめでとうございます。

  28. すっきりした感が

  29. コメント数を記事一覧のとこでも見れるようにして欲しいです!

  30. 新装開店おめでとうございます。
    老眼の私には、とても見やすいです。

  31. > MacBook Air Retinaが発売されたら…それを買って…直すんだ…

    Air Retina が発売されなかったのは、こんなフラグを立てたせいですね。

  32. すみません、以前の様にTOPから記事の検索って出来ないんでしょうか…?何かと使っていたのでそれらしきところが無くて困っています…
    あと、iPhoneだと一つの記事で一画面まるまる使っててかなり見ずらくて…
    なんだか、不満ばかりたらたらしていてすみませんです…><

    • ブログ検索は、本文下、もしくは記事一覧下から現在は可能です。後ほど上の方に移動しようと思っています。
      また、記事一覧は私も見にくいと思っていますので、サムネイル&タイトルのみにし、表示件数を増やそうかなと考えています。

  33. うーん。。。
    やっぱり見辛い。
    前の方がいいなー

  34. なんか変なデザインだなと思ったらウィンドウサイズが小さくてサイドメニューが一番下にいってた

  35. すっきりしていて前より断然良いかと

  36. 使いにくいなぁ。うーん。。

  37. 新しくなりましたね!
    デザインは昔の方が好きでしたが、
    こちらも悪くはないと思います!
    これからもどうぞ宜しくお願いします!

  38. Rom勢初コメ

  39. iPadでみているので、pcサイト版にならないですか?表示される文字が少なくなってしまってみづらいです。
    ユーザーエージェント変えしまうと他のサイトも崩れてしまうので。。

    • モバイル版を14px、そのうちiPadで表示した際は17pxとなるように、フォントサイズを変更してみました。
      私が元々小さい文字が好きなため、もしかしたらもう少し大きい方が良いのかもしれません。どうでしょうか?

      • わざわざ変更ありがとうございます。ただ、やはり私にとっては少しみづらいですね。。好みの問題かもしれませんが。

        iPadはディスプレイが大きいので、モバイル版表示より、サイドメニューが表示されているpc版の方が相性がいいと思います。情報量が多い方がいいかと。
        他サイト(モバイル版、pc版が両方用意されている)でも、大抵iPadはモバイル版ではなく、pc版表示ですので、そう感じるのかもしれません。(文字が小さいときはピンチ拡大してみてます)

        また、pc版表示ですと、トップページの記事が画像込みで2件分みえるくらいの大きさなので、どこを見ているか把握できて使いやすいです。

        前回はpc版表示だったと思うのですが…iPadもpc版にしてもらえませんか?
        またpc版も、前回のように左側の白い隙間がない方が好みでした。

        • 判定方法がやっかいだっただめPC版への切り替えを諦めていたのですが、楽に出来る方法がありましたので、そちらを使ってみました。
          これでiPadでもPC表示&拡大が可能になったかと思います。

          • おお、素晴らしいです!ありがとうございます。また、トップ記事も4、5件見えるようになって前より更に使いやすくなってますね。

  40. どなたかがコメント入れていましたが、コメント欄が上の方にある方が良いと思います。

  41. 単刀直入に言いますが、ダサイです・・・・・
    コメント欄が2chみたいな感じになってなんかやだ

  42. 今まで日付に時間表示もあったと思いますが追加できますか?
    この前のベータ版のSHSH発行終了の時のように時間単位で行われたケースもあったので

    • 追加してみました。
      少し窮屈に見えてしまうかもしれませんが、後日どうにかしてみたいと思います

  43. PC版Google Chromeでは問題ないのですが、PC版Safariからだとトップページの記事一覧にあるコメント部分へのリンク(記事の日付の右側)を押しても個別記事のコメント部分へジャンプしません。
    あくまで予想なのですが、コメント部分へのリンク(ttp://tools4hack.santalab.me/◯◯.html/#comment-area)の .html と #comment-area の間にあるスラッシュが原因かと思われます。
    少し気になったのでコメントさせていただきました。
    見当違いでしたら申し訳ありません。

    • あぁ!そうでした!
      テスト環境からコピペする際に直さなければと思っていたのを忘れておりました・・・本当にありがとうございます!修正いたしました!

  44. 幾つかありますが…
    ※スマホのページです。

    コメント入力欄の下に検索の窓がありますが一番上に検索のアイコンがあるので不要だと思います。
    また、「カテゴリ」「タグ」「アーカイブ」「Twitter」はページ右上にある”三”みたいなアイコンを押すと出てくるメニューに移動してもらえるとうれしいです…
    (コメントを見たい時にページ下部へ移動しても、少し上にスクロールしないとコメント見れないので)

タイトルとURLをコピーしました