LIQUID DESIGNさん MAGAZINE(WordPressテーマ)を選択 ブログの外観を変更しました

当ブログ ものくろぼっくす の外観を変更しました。今回も有料テーマを購入しまして、LIQUID DESIGNさんのMAGAZINEをチョイスしました。

6時間ほど、調整していい感じになりました。

知ったきっかけ

このテーマを知ったきっかけは、facebookだった思います。そして、「あなたのスイッチを押すブログ」さんにて、姉妹関係になるテーマ MAGAZINE-Pが使われているを見つけて、気になっていました。

年明けのタイミング(2016年1月)に、facebookのメッセージが届かない記事にアクセス集中がありまして、嬉しかったのですが、レンタルサーバーから規制によってサーバーダウン、その後、すぐに網元AMIさんを契約して、ブログを引越しました。その時は、バズ部さんが配布されているテーマを使って、カスタマイズを行う予定でした。

ところが、ありがたいことに、お仕事の依頼もたくさんいただきまして、部分的には調整しつつも、根本的な部分は手付かずの状態に。いつまでもカスタマイズに着手できていない状態だったので、思い切って有料テーマを購入しました。

結果、買って正解でした。半日の作業でかなり効率良く、情報発信するベースとなる状態を作れました。

このテーマのGood

関連記事も表示でき、人気記事はプラグイン(WordPress Popular Posts)をインストール・有効化するだけで最適化された表示ができます。

テーマのファイルサイズがコンパクトでいい感じです。ライセンスがGPLに準拠されています。

子テーマにてカスタマイズ

テーマファイルを直接書き換えると、後々の管理が大変になります。カスタマイズとメンテナンスを両立させるために、子テーマを使ってカスタマイズしています。

子テーマを設定するときも、functions.phpは使うことが推奨されています。

詳しくはこちらの記事をご覧下さい。

カスタマイズしたCSS

フォントの調整

日本語・欧文フォントにはこだわりがあります。昔 LaTexをやっていたので組版が好きなのです。読みやすさにこだわって調整しました。本当はWebフォントを使いたいのですが、表示速度を優先して、採用を見送りました。また、記事本文のマージン領域もちょっと工夫して見やすくしています。

参考にした記事はこちらです。

見出しの調整

見出し部分の文字サイズと並びも調整しています。文字と文字の間は少しゆったりにしています。

AmazonJS表示部分もカスタマイズ

テーマとは違いますが、Amazonのリンクを作成しているプラグイン AmazonJSのレイアウトも読みやすくなるように設定しています。

写真のレイアウト

写真はセンタリングの配置へ変更し、枠を書くようにしました。iPhoneのスクリーンショットなどを掲載した時に、背景と同化する場合があるためです。

パンクズ リスト

パンクズ リストの記事タイトル部分の表示も控えめに調整しました。

サブタイトル

スマートフォンでの表示にて、タイトルロゴとサブタイトルが窮屈だったため、配置を変更しています。

CSSソースコード

ロゴは変えずに

ロゴは愛着があります。そして、感謝しているので、変更していません。ロゴ誕生の秘話はこちらの記事をご覧下さい。

もう一つ、記事を読んで行かれませんか?

[amazonjs asin=”4844327518″ locale=”JP” title=”視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる”]

[amazonjs asin=”4844365711″ locale=”JP” title=”デザイナーのラフスケッチ デザインのアイデアを形にする過程”]

[amazonjs asin=”4416115016″ locale=”JP” title=”アートディレクションの「型」。: デザインを伝わるものにする30のルール”]


この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

広告

あわせて読みたい

記事のタイトルとURL をコピーする!

広告

新着記事

著者プロフィール

ものくろ(大東 信仁)

ブロガー/Web&Blogコーチ/親指シフト orzレイアウト開発者/ものくろキャンプ運営。のべ1,000名のブログサポートに携わる。WordPressが得意。

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

お申し込みはこちらのお問い合わせフォームからお願いします。

お申し込みはこちらのお問い合わせフォームからお願いします。

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告