74261


Tumblrの無料テーマ  
<https://dharmatheme.tumblr.com/>  
を利用して個人の備忘録のようなものを作っりたいです。  
<https://rum-julep.tumblr.com/post/643969604868292608>  
↑この画像の「あいう」となってるタイトル部分を見やすくしたいので横の画像の「美しい見出しのデザイン」のようにしたいのですが
このコードは具体的にどこに差し込めば良いのでしょうか？  
自分なりに調べて追加CSSというところに日本語にオススメの書体を追加してはみたのですがこの追加仕方で合ってるのでしょうか…  
それと出来れば 日付けの書式も日本式に  
2021.2.22のようにするにはどうすれば良いでしょう。  
初心者の要領を得ない質問の仕方かもで申し訳ないのですがどなたか教えてください。  
よろしくお願いします。m(_ _)m


CC BY-SA 4.0
2021-02-24T03:43:14.623
74240
2021-02-25T01:00:56.663
44097
question
html css
Tumblrのタイトル部分と日付け書式の変更方法


> 自分なりに調べて追加CSSというところに日本語にオススメの書体を追加してはみたのですがこの追加仕方で合ってるのでしょうか…

書体の追加に関しては確認できませんでしたが、 `[テーマの編集]` → `[詳細設定]` → `[カスタムCSSを追加]`
という流れで画面を選択し、以下のカスタムCSSを入力することで見出しのスタイルを変更することができました（[見本](https://swimmingtreepeace.tumblr.com/)）。

[code]

    h1 {
      background: #b0dcfa; /*背景色*/
      padding: 0.5em;/*文字周りの余白*/
      color: white;/*文字を白に*/
      border-radius: 0.5em;/*角の丸み*/
    }
    
[/code]

> それと出来れば 日付けの書式も日本式に2021.2.22のようにするにはどうすれば良いでしょう。

まずは `[テーマの編集]` → `[HTMLの編集]` へ移動し、HTMLの編集欄をクリックしたうえで `Ctrl` \+ `F`
を押下します。すると編集欄上部に検索用の入力欄が2つ横並びになっているものが表示されるので、ここの左側へ `{DayOfMonth} {Month}
{Year}` を、右側へ `{Year}.{MonthNumber}.{DayOfMonth}` を入力し、これらの入力欄の右側にある `All`
ボタンをクリックします。以上の作業を終えた後プレビュー・保存をすることで、日付の書式が質問者さんの期待したものに変更されていることが確認できます（[見本](https://swimmingtreepeace.tumblr.com/)）。


CC BY-SA 4.0
2021-02-25T01:00:56.663
74261
2021-02-25T01:00:56.663
32986
74240
answer