比較表のブロックを追加しました!

JIN:Rの「背景」ブロックの使い方!

ひつじ

このページでは、 WordPressテーマ「JIN:R」での「背景」の作り方について解説します。

背景ブロックは、あらゆるアイテムの下地として使いやすい代物だよ!

ひつじくん
ひつじくん

例えば、こんな感じでアイテムの背景色をつけることができます↓

背景画像・リピート画像もセット可能。こういった表現もできます↓

Service
事業内容

革新的テクノロジーと独自アプローチで、
お客様のビジネスニーズに応えるソリューションを提供しています。

背景ブロックの使い方

背景ブロックを呼び出す

背景を作りたいところにカーソルを置いて

/背景 と入力して呼び出してください。

「/」(半角スラッシュ)「背景」と入力すると呼び出せます。

デザインを変更する

背景ブロックをクリックして選択すると、執筆画面の右サイドバーにデザイン選択の画面がでてきます。

実際に触ってもらって、ぽちぽちとデザインを変えてもらえるといいでしょう。

オリジナルの「背景画像」をセットすることも可

背景ブロックというからには、背景画像をもちろんセットできます。

既存のパターンからも選択できますが「オリジナル画像を使う」こともできます。

オリジナル画像を使うと、このようにパラメーターが出てきます。

「画像サイズ」「透明度」「背景色」の3つを調整してデザインを組み上げます。

ちょっと縦に長い画像の方が綺麗にハマりやすいよ!

横長だとスマホで切れてしまうからね。

ひつじくん
ひつじくん

普通の画像を貼る時は、画像サイズを100にしてもらえるとうまくいきやすいです。

オリジナルの「パターン画像」を貼る

実際にはこういったアイテムが作られます↓

こんなふうに背景を作れます。

パターン画像にしておくと、改行でコンテンツを下に伸ばしていっても画像が切れることがありません。

この解説で使ったパターン背景画像をアップしてあるから、好きにダウンロードして使ってね!

ひつじくん
ひつじくん

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました