デザインをいろいろいじりた〜い(その1)

スポンサーリンク

いくつか記事を書いてみたけど、やっぱり見た目がダサい。
しかし、何から変えていけばいいんだろう?

読み感(読みやすさ?)的に気になっているところいくつかある。

1. フォントサイズが適当でない(全体的に大きい)

文字がでかすぎて、すぐ文章折られるし、なんか阿保っぽいw
これまで書いた記事が少なかったから、手作業でやったけど、結構コツコツ、ポチポチやったよ?

→テキスト設定で変更しているが、文字サイズデフォルトを変えたい。

2. カラムの設定が適当でない(左しか使ってない)

今は左2/3だけ使われていて、右1/3が無駄スペース。よく見るのは右側にメニューとか自己紹介とかあるよね。文章の折り返しも気持ち悪いし。

→とりあえず記事書いているけど、カラムの有効利用を。

3. 見出しをカッコ良くしたい

デフォルトでは、見出し部分はフォントが大きくなっている。上の1, 2ともかぶるけど文字が大きいと折り返しが気持ち悪い。でも、テキストを見出しに設定すると、デフォルト以外の選択肢がない(というかわからない。。。)。

→文字を小さく、囲みとかで目立つようにしたい。

まぁ、この3つだけではないのだろうけど、一つずつ解決していこう。
ただ、順番として、テーマ自体を変えるのを先にやったほうがいいのかな〜とも思い、調べてみると、やはり↓↓↓

あぶねっ!

スポンサーリンク

じゃ、まずはテーマを決め直そう〜

せっかくだから、今の状態を貼っておこうかな。

こんな感じ。
見出しの文字が大きくわかりやすいと言えばそうなんだけど、無骨。そして、文字が大きすぎるために折り返し(改行)が適当。
そして、テキストカラムが謎に左2/3になっていて、右側がひたすら空白(しかも見出しだけはみ出して来てる・・・)。

まあ、こんなこと書いていても、この記事がアップされているときには、きっとカッコよくなってるはずだから、何のこっちゃかもしれんけどね笑

ともかく、テーマ探してみよう〜。

こんなサイトがあったので眺めてみた。
有料のテーマを使ったほうがいいですよ、と読み取れたのだけれど、ちょっとそこまで要らないかな〜と思ったので、無料のCocoonというのにしてみようかしら?

サイトからテーマをダウンロード。zipファイルのまま保存しておき、
「外観」→「テーマ」→「新規追加」→「テーマのアップロード」→「zipファイル選択」→「今すぐインストール」→「有効化」
これでもうテーマが変わっている!

こんな感じ。
方向性があってるのかわからないけど(笑)、少しかっこよくなったかな。
ただ、これだと、毎回イメージを選ばないと収まり悪いよね。ちょっとめんどいかなぁ。やりがいとも言えるけど・・・。

メニューバー見たいのつけたいんだよな〜。
項目分かれてて、カーソル持っていくとプルダウンして下層項目出て来たりするやつ。

う〜ん、よくわからんな〜と思いつつ、あっち行ったりこっち行ったり(Cocoonの解説サイト探したり)しているうちに、そもそもこの編集ページがCocoon仕様に変わっているじゃないか!
そして、気づいたら、ダッシュボード(っていうのかな?WordPress左の黒いカラム)にCocoon設定という項目が出て来た。

そして、これまでフォントをわざわざ小さいを選んできたけど、Cocoonでは標準のほうがいいな。小さすぎて読みづらい(みずのあわ〜。。。)。
これはぽちぽち修正していこう。

ともかく、Cocoon設定をいじってみようではないか。

スキンの設定

最初のタブに「スキン」というのがあったので、まずそれを変えてみよう。
たくさん選択肢があり、すぐにデモ画像も見れる。
まず無難な感じで(COLORS(ブルー)[作者: わいひら])↓↓↓

配置などは変わらず、色と、記事の囲み線に色がついたくらいかな?

次はこれ(Bizarre-food(ブルーカレー)[作者: takasaki])↓↓↓

少し淡めなのと、本文テキストがブルーアッシュ系?
そして驚いたのが、サイト名の“バッパとワッツ”とその上の吹き出しが、上から降ってくる効果付きだった!
大学院や研究職の時によくパワポでプレゼン作ってたのだけど、アニメーションが好きでよくこういうの使ってたな〜と。
デザイン名の「カレー」の部分がよくわからないけれど、とりあえずこれでいってみようかな。

次は全体

これは、全体というだけあって色々と基準の設定っぽい。
サイトの背景色とか、フォントとか、少しだけいじってみた。

なんとなく淡い系ブルーの背景に。

投稿

いくつかマイナーチェンジ。
読者目線でだけど、記事囲みの中にタグっていらなくない?

本文

リンク設定を新規タブに。これは個人的にこのほうが見やすいと思っているから。

SNSシェア

これはおいおいだな。今のところ、SNSで拡散したりって考えていないし、そもそもプライベートなSNSしか持っていない。

あとは特に変えず。
さて、どうなった?

本文の下のグラフとかは管理者用かなぁ?
でも、とにかくすっきりした!きれい!!

そして記事は・・・

配色がいい感じ。
しかも、勝手に目次を作ってくれるサービス(?)が!!
なんかできる人のブログみたいだ笑

ビジュアルエディターで書いているときには、見出しにすると、

こんな感じで、グレーの四角で囲まれているのかなーと思っていたのだけど、想像を超えるクオリティ!笑

見出しのカラフル玉の色の調節と、サムネイルを何とかしたいところだが、とりあえず上出来でしょ。

なんだかんだ、テーマをCocoonに変えることでだいたいやりたいことできたのかな。
ということで、この記事アップしまーす。

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