Tumblrでデザインする方法

Tumblrは、ユーザーにブログのCSSおよびHTMLデザイン要素への完全なアクセスを提供します。多くのユーザーがウェブサイトの既成のテンプレートの1つを使用することを選択しますが、他のユーザーは独自のブログをデザインすることを選択しました。TumblrのテーマカスタマイズWebページを使用すると、特定のデザイン変更を反映するように事前に作成されたテンプレートを編集およびカスタマイズしたり、ユーザーがテーマ全体を消去して、完全にカスタムのブログデザインを最初から作成したりできます。ただし、Tumblrは、CSSコードとHTMLコードを同じファイルに含める必要があるという点で、他のコンテンツ管理システムと比較した場合、ソースコードの作成が独特です。

指示

1

Webブラウザーを開き、Tumblrホームページに移動します。プロンプトが表示されたら、メールアドレスとパスワードを使用してログインします。

2

ページ上部の[ダッシュボード]リンクの横にあるブログの名前をクリックします。複数のブログがある場合は、箇条書きアイコンをクリックして、表示されるリストからデザインするブログを選択します。

3

「外観のカスタマイズ」ボタンをクリックします。

4

テーマのカスタマイズページの上部にあるツールバーから[テーマ]の見出しをクリックします。

5

「カスタムHTMLを使用する」を選択します。すでに使用しているテーマを編集する場合は、既存のコードでデザイン要素を見つけて、適切と思われるように変更してから、手順10に進みます。新しいTumblrテーマを最初からデザインしたい場合は、ステップ6に進んでください。

6

キーボードの「ctrl」と「A」を押してブログのソースコード全体を選択し、キーボードの「Delete」ボタンを押します。

7

「」と入力します(引用符は含みません)。

8

ブログのCSSコードを「」の間のスペースに入力します。

9

ブログのデザインに使用するHTMLコードを、「」タグの下のスペースに入力します。

10

新しいデザインで公開する前に、[プレビューの更新]リンクをクリックして、ブログが希望どおりに表示されることを確認してください。

11

ページ上部のツールバーの右側にある[保存して閉じる]ボタンをクリックして、新しいデザインを公開します。