Cocoon のカスタマイズ

段落を整えて表示する−その⑥

考え付いた事が次から次へと無駄になっていく日々です。が、とても勉強になり楽しくもあります。(Mじゃないハズ、、、) ポジティブに考えればモバイルのみ考えれば良くなった。PCに対応しない(not 出来ない)言い訳もできた。やるべき事は...

段落を整えて表示する−その⑤

Cocoon ブロック内に配置される <p> タグをベタ組みします。 Cocoon 謹製ボックス まずは Cocoon にて利用できるボックスがどの様な margin、border、padding を持...

段落を整えて表示する−その④

大勢に影響ないと思っていた事が、予想以上に気になってしまった、、、 今回は「Cocoon 謹製ボックスでのベタ組み」の予定を変更し、前回の修正となります。 原因は <p> の padding ...
スポンサーリンク

段落を整えて表示する−その③

いよいよ、手間ばかりが増えてきます。目次の量に我ながら若干引くわ〜。 2019-01-14 追記 次回の記事にて仕様が変更されます。 その他のデバイス対応 コンテンツ幅と文字サイズから適切なベタ組みが可能となっ...
2019.01.14

段落を整えて表示する−その②

前回の記事で単一段落のベタ組ができたので、続いてはカラムブロック(Cocoon のカラムレイアウトではなく、ブロックエディタであるGutenberg のカラムブロック)内の段落を処理します。 カラムブロック まずは2カラム...
2019.01.12

段落を整えて表示する−その①

段落に生じる行末のズレや文字間の隙間を排除し、日本語ならではの美しい「ベタ組版」を目指します。 手間の割には実りの少ないテーマです。こんな事は気にしないって方が精神衛生上とてもよろしいかと思います。 2019-01-14 追...
2019.02.09

scss で skin を作ってみる−その④

前回やり忘れていた事 前回は「まとめ」までして終わった気になり、全く気付いていなかったのですが、 フッター周りが手付かずでしたw 疾く疾くとっととカスタマイズしていきます。 フッターのカスタマイズ ...

scss で skin を作ってみる−その③

前回の続きとなります。 前回のおさらい 「skin-colors-yellow」をベースにカスタマイズ 前回、スキンでの着色を行った結果、Cocoon オリジナルのシンプルなデザイ...

scss で skin を作ってみる−その②

前回の続きとなります。 skin-colors-yellow をお手本にする 色指定を整理する 「skin-colors-yellow」の「style.scss」では、まず最初に基本となる色の指定がなされてい...

scss で skin を作ってみる−その①

キッカケは Cocoon の Gutenberg 対応 嬉しいニュースですね。 特に thx.jp の様に Classic エディタにあまり頼らずにコンテンツ制作...
スポンサーリンク