骨Step 8からStep 10(骨テーマ外観カスタマイズ)

Pocket

出典:
https://code.tutsplus.com/tutorials/making-a-theme-with-bones-getting-started–wp-26545 
Step 8~Step 10

Step 8: Main Background and Text Color

bone
bone
先生 翻訳お願いします。

我々はbase.lessでオレンジ色の背景と中間灰色(@kotkoda-grey)のテキストカラーを使用しています。
(フォントの色を設定するにはcolorを、背景色を設定するにはbackgroundプロパティを使用してください。)

そしてこれはmixins.lessに入ります。

以下のようにLESSで色変数を定義できます。@kotkoda-greyは色変数名、コロンの後は色コード(#19171A)です。すべての変数名は@符号で始まります。

Step 9: Link, Heading and Post Meta Color

bone
bone
先生 また翻訳お願いします。

リンクの色になります@whiteが、@alert-yellowホバーとフォーカスのスタイルのために使用されます。

colorプロパティを使って値を設定します。

すべての見出しとリンクの見出しがあります@kotkoda-grey。

これには少し濃いグレーが必要#999です。元の値はそうでした。

このcolor規則でそれを#444に設定することができます(それはに等しいです#444444)。

Step 10: Our Page After These Modifications

This is how it looks in 600 pixels wide.

bone
bone
こんなんなちゃった。

Halfway There(途中)

We come to the end of the first part of this tutorial series.(このチュートリアルシリーズの最初の部分は終わりです。)

途中だって。
終わっちゃったよ。。。

そりゃただで全部教えてくれないよね。。。

残念クン
残念クン
やりすぎ君
やりすぎ君
このおっちゃんが書いてたらしいぞ

前へ戻る 次へ進む

シェアする

  • このエントリーをはてなブックマークに追加

フォローする