R-styleの令和新デザイン

令和は使ってみたかっただけ。

いろいろ試してみて思ったのは、カード式のグリッドデザインは違うのではないか、という点。読み物を意識して書いているので、1コラムで縦に並んでいるのがいい。

サイドバー

トップページには、サイドバーがある

シングルページでは、サイドバーを消してもいい

Modern Storytelling

https://gyazo.com/af38551b494beb5b51200eaf2a605271

Treville

https://gyazo.com/c1b7afe18e00529d603ccc93bb7343e7

なんとなくTrevilleがいいかなという印象（たぶん青味があるから）。

2019/6/3

https://gyazo.com/bc72d17a1fb21e53529318c35211c0ff

課題

Twiiterカードの設定

カテゴリを整理する（2019/6/23了）

だいぶ減らした

https://gyazo.com/da860023f0dc814fab8ff2af1ef74025

ソーシャルボタン回り（2019/6/23）

ツイートボタンを自分で書いてjatpackを外す？

noteボタンを付ける？

https://gyazo.com/60cbd4035af3944bc253fcfff3e8b7ca

カテゴリ名の大文字化を修正する（2019/6/23）

code:style.css

.entry-categories {

margin: 2em 0 0;

font-size: 14px;

font-size: 0.875rem;

font-weight: bold;

text-transform: none;/* uppercaseから変更 */

}

https://gyazo.com/b83848d095927f14669662a2cde38997

ガジェットからSNSを消して、Newbookに統合する（2019/6/23了）

https://gyazo.com/a4b20fa86a32b750ec4fb68e4ed8bae4

ガジェットからRSSを消す（下のメタ情報にあるから）（2019/6/23了）

https://gyazo.com/8b68f40b8c67399b7332818fe4fe735a

サイドバーに最新本以外の著作を表示する（2019/6/22）

あるいはこういうときにスライダーを使うか？

とりあえずウィジェットに

https://gyazo.com/06f46a7b8142ef52aceac8f5743c6347

かーそる最新号も表示しておくか？

Scrapboxポートフォリオへのリンク？

タグがすべて大文字になっているのを直す（2019/6/22）

https://gyazo.com/79dc02ed47d4dd08e96896bc9cde4fb4

code:style.css

.widget_tag_cloud .tagcloud a, .entry-tags .meta-tags a {

display: inline-block;

float: left;

margin: 0 2px 2px 0;

padding: 0.2em 0.5em;

text-decoration: none;

text-transform: uppercase;

font-size: 13px !important;

font-size: 0.8125rem !important;

font-weight: normal;

}

https://gyazo.com/1eae4f24f6d7d5b4bf377a773046512f

OK

マガジンウィジェットのカテゴリを「本の紹介」から「コレクション」に変更（2019/6/19）

今はまだこのカテゴリは空っぽ

表示された（2019/6/20）

https://gyazo.com/424bb72649d7af964093cfeb0704cc3f

以下がまとめて解決（2019/6/20）

マガジンウィジェットで表示させる記事の選定（featureというカテゴリを作る？）

いろいろな記事のまとめ記事ページを作る（それをfeatuerで表示させる？）

以降、こうしたまとめ記事を作って、この「棚」に並べていくことに

Evernote

Scrapbox

Scrivener

AppleScript

書評

ショートショート

まとめ記事のまとめ、みたいなものも作れるか

wordpress記事のembetがでかすぎるので修正（2019/6/19）

index.phpのアイキャッチ画像を小さく（2019/6/16）

https://gyazo.com/37305b1f8406e810339975f171f722ab

消しても良かったが一応残しておく

個別記事ページのアイキャッチ画像を削除（2019/6/16）

https://gyazo.com/517845a5d3399cb857906f5bb7178dcd

書評用のアイキャッチ画像だと、ひたすら左に寄せられてしまう問題（了）

たぶん左右のマージンを設定した画像を設定するのがよいのだろうが。

気にしないことにする。

<blockquote></blockquote>の背景を変える？（2019/6/16了）

code:style.css

blockquote {

margin: 0 0 1.5em;

padding: 0 1.25em 0.25em;

font-style: italic;

font-size: 18px;

font-size: 1.125rem;

background: gainsboro;

}

カテゴリのタグの幅を少し小さく （2019/6/16了）

https://gyazo.com/06aaf959ad30e1dc4943c3c68b41e568

これくらいで良さそう。

https://gyazo.com/6ab63333db871879d748908202c109a8

'.entry-categories .meta-categories a'

https://gyazo.com/3fa7f66abfdf9d6a4d3d863000bad8be

Evernote記事のページを作りかえる？（2019/6/16了）

「このテーマならこの記事読んでね、的固定ページを作る？」

それをマガジンに表示させるとよいかも。

（2019/6/16）いったんメニューはEvernoteタグの検索で代替

ガジェットNew bookの本の加増の横幅を少し小さく（対応済み）

ガジェットに検索を追加する（2019/6/6了）

スライダーの撤去（2019/6/16了）

トップページの情報量が多すぎるし、アイキャッチの設定も面倒なので、スタライダーは撤去した。

https://gyazo.com/ba8fb1de2097207e87c299a8abfc2106

以下の問題はすべてスルーで

スライダーで表示させる記事の選定

スライダーの投稿者表示を消す

スライダーの高さ（タイトルが二行だとうまく上の部分が表示されていない）

アイキャッチ画像を設定して腑に落ちた

https://gyazo.com/02e967afba03eef01db971627b51df01

ある程度高さのある画像が前提になっている。

デフォルトで表示されている画像の高さを大きくしておくか

こまめにアイキャッチ画像を付けるようにするか

あるいは、スライダーを消してしまうか

トップのheader画像を、昔のR-styleに？（2019/6/4了）

https://gyazo.com/b4b366041f7f765decff3481aeeba60f

code:header.php

画像が微妙にボケている

作り直してもいいかも

New bookの画像の変更およびセンタリング（2019/6/4了）

https://gyazo.com/03b023cd4ce15c35d2281d5d6f2b6a62

single.phpのタグの表示位置を上部に持ってくる（2019/6/4了）

https://gyazo.com/4aaf61decbc539dcd7a0956155bfb2af

https://gyazo.com/009c72c424aff144a467afdca2df5f7d

https://gyazo.com/243d677444823a9794e40a5107eb379e

code:Treville: content-single.php

<header class="entry-header">

<?php treville_entry_categories(); ?> <!-- 下から移動してきた -->

<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>

<?php treville_entry_meta(); ?>

</header><!-- .entry-header -->

https://gyazo.com/adab9e5595732459371d3915ad482932

code:addcss.css

.entry-header .entry-categories{margin-top:0em;}

ついでにタイトルのフォントサイズを落としておいた

カテゴリーのフォントももう少し小さくてもいいかも

https://gyazo.com/9a6f951c4e3a49f7791515a118abbf3d

code:style.css

.page-title,

.entry-title {

margin: 0.15em 0 0.2em;

padding: 0;

-ms-word-wrap: break-word;

word-wrap: break-word;

font-weight: normal;

font-size: 40px;

font-size: 2.0rem;//2.5remを2.0に

font-family: 'Magra', Tahoma, Arial;

line-height: 1.4;

}