スキのコメント返信

>椎名さん(小説内の文字や背景の変え方)2017102411:03

ご質問ありがとうございます!

フォレストページ+では、旧フォレストページよりも自由度の高い編集を可能にするため、ある程度以上の編集の際にはCSS(スタイルシート)を用いていただく形になります。

CSSというのは、「ページ上のこの部分はこういうデザインで表示して」という指示をする文章になります。

このスタイルシートで「小説の本文の部分だけ」や「小説ページ全体」、「小説内でこのタグで囲んだ部分だけ」のように細かく場所を指定して、
その部分の色や文字の大きさ、横幅、線の太さなどありとあらゆるもののデザインを指定することができます。

今回ご質問いただいたのは、下記の2点でした。

・小説を書く文字の色を大きくしたり色を変える方法
・小説内の背景の色


「小説に書く文字の色」というのが、小説全体か本文のところだけか判断ができなかったので、
今回は全体をまとめて変更する方法を解説させていただきます。


マイテーマを作る
こちらのページでマイテーマを作成してください。

ベースにするテーマは、背景などを変えたいと思っているテーマを選択してください。

HEAD編集でCSSを入力する

作成したマイテーマの編集ページに入り、下部の「HEAD設定」で「【上級者向け】編集する」を選択します。

こちらで「<style>~</style>」で囲んだ部分がCSSになります。

テーマの全体的な文字や背景に関する指示は、「body」で行えますので、
今回はbodyを指示する内容をサンプルで作成いたしました。

<style>
body {
color:【カラーコード】;
font-size: 【大きさ指定】;
background:【カラーコード】;
}
</style>


カラーコードに関しては、真っ白は「#FFFFFF」、真っ黒は「#000000」のように英数字の組み合わせによって様々な色が指定できます。

カラーコードについては検索すると様々な色のカラーコードを配布しているサイトがありますので、そういったサイトでお調べいただけます。

(フォレストページ+でのカラーコード配布も、今後検討させていただきます)

なお、大きさの指定方法にはいろいろあります。

数値で指定

pxやemといった単位をつけて数字で指定する方法です。

px
10px 12px 14px 16px

em
0.8em 0.9em 1.1em 1.2em




%で指定

%で指定する方法です。

60% 90% 120% 150px




キーワードで指定

大きさを表すキーワードで指定する方法です。

xx-small x-small small medium large x-large xx-large




CSSの設定方法は以上になります。

こちらを設定したマイテーマを、色や文字サイズを変えたい小説に着せていただくと、小説に適用されます。

2017/10/23 21:09