「グループ化」機能がスゴイ!2020.01.28インクループ株式会社WEB制作コメントを書く基本的な使い方はこちら。WordPressの見た目が変わった?投稿画面(エディタ)はどうやって使えばいいの?WordPress5.0で追加された「Gutenberg」とは。sharesWordpressの見た目が変わった?投稿画面(エディタ)はどうやって使えばいいの?Wordpress5.0で追加された「Gutenberg」とは。新しいWEBサイトを建ててWordPressを入れた時、投稿画面が見慣れない様子に変わっていました。前の記事はこちらアップデートが入りまして、前回より若干の項目変更が行われているようです。基本的な使い方は前回とほぼ一緒。前の記事はこちら1回目で「一般ブロック」の使い方、2回目で「レイアウト要素」使い方をご紹介しました。今回は「フォーマット」の使い方をご紹介します。グループ化されたブロックには背景色・アンカーリンクが設定可能グループ化機能の使い方いくつかのブロックを選択したのち、アイコンまたは詳細メニューからグループ化を選択します。グループ化機能を利用してできること大概のWordPressテンプレートは、固定ページや記事ページのwidthが決まっています。例としてインクループの記事ページのwidthは1050pxが固定で決まっています。このテンプレートの固定ページや記事ページのwidthがフルワイド(全画面)表示で設定されていると、バックグラウンドに任意の色を設定し、全体的にフルワイドのデザインでページや記事を作成することが出来ます。この画面は全て固定ページ内で作成しています。以下、エディタ編集ページです。各ブロックにCSSを設定する各ブロックには細かくCSSを設定することが出来ます。グループ化したブロックにもCSSを指定することができ、上記のレイアウトには以下のようなCSSを設定しています。div{max-width:960px}これにより、group-960をクラスに指定した要素の一階層下のdivにはmax-width:960pxが適応されることになります。することにより、グループ化ブロック:フルワイドその一階層下のdivブロック:max-widthが960pxとなり、グループ化された部分はフルワイドデザインとなります。グループ化されたブロックには背景色・アンカーリンクが設定可能グループ化されたブロックには、背景色とアンカーリンクが設定可能になります。グループ化がフルワイド設定されていると、バックグラウンドカラーが一面に伸びるので、きっちりとコンテンツが分けられます。使い方をマスターして、よりわかりやすいコンテンツ作りをしていきましょう!この記事であなたの課題を解決することができましたか?疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。最新の記事インクループ株式会社インクループ株式会社は、データ分析、市場調査に基づく企画立案、コンテンツ制作、運用を通じてお客様の目標を実現する会社です。WEBサイトをもっと活用したい、ECサイトの売上をもっと増やしたいなどのお悩みをお持ちの方はぜひお気軽にお問い合わせください。(全て見る)現代のマーケティング課題を解決する資格セミナーを行っているマーケティングリテラシー協会様のLPを作成いたしました。Animateを利用したアニメーションを作ってみる。超初心者なのでプログラミング学習のProgeteをやってみました。その2【ツールとアセットパネル、レイヤーパネル】2018.06.22Illustratorのライブペイントツールを使ってイラストを描く2018.04.02JavaScriptとグーグルマップを組み合わせてコメントやリンクを設定したオリジナルマップを表示する方法2018.04.06IllustratorでWEBデザインのワイヤーフレームを切ってみたコメントは利用できません。Excelで名簿を作成する際、苗字と名前の間に空白を入れておくと良い理由。現代のマーケティング課題を解決する資格セミナーを行っているマーケティングリテラシー協会様のLPを作成いたしました。Animateを利用したアニメーションを作ってみる。2020年2月13日AD最近の実績/おすすめ記事2016-11-21イベント集客にタウン誌は効果的?相模原の大・手づくり市!アートフェスティバルinさがみはらが開催されました!2016-7-26まずはお家を調査・診断!!一友ビルドテック様のチラシを制作させていただきました。2014-12-5塗装で新築のように!一友ビルドテック様のチラシを制作させていただきました。株式会社imacocoe様のWEBサイトを作成させていただきました。ホームページ制作、WEBマーケティングページ上部へ戻る。