公開しているデザインと比較しながら、作業する

公開しているデザインと比較しながら、作業する

WordPressテーマ「DG-style」で、公開しているサイトと比較しながらサイトデザインを修正する方法を説明します。

公開サイトと比較方法

サイトビルダーで修正している内に、今公開しているデザインってどうだったっけ?となったりしますね。

その時には、「公開中デザインと比較」機能で解決できます!

比較機能の使い方

  1. サイトビルダー「ヘッダーメニュー」にある「公開中デザインと比較」をクリック
  2. シミュレーターの右に公開デザインが表示されました!
  3. タブレットやPCの場合は、切り替えボタンで切り替え可能!
ヘッダーメニューの「公開中デザインと比較」をクリック
右側に公開デザインが表示された!
タブレットやPCの場合は、切り替えボタンで切り替え可能!

公開中デザインで「Wordpressツールバー」が邪魔な場合

公開中のデザインと比較する時、以下のツールバーが気になりますね。

WordPressのツールバーが表示される

この「ツールバー」はユーザー編集画面より非表示にすることができます!

ユーザープロフィールページで「サイトを見るときにツールバーを表示する」のチェックを外せば、公開ページから「ツールバー」が消えます!

※実際のサイト上でも消えるので、修正が終わったら戻す必要があります。

赤枠の「サイトを見るときにツールバーを表示する」のチェックを外すと表示されない!
ツールバーが消えた!

修正が終わったら「保存」を忘れずに!

修正が終わったら、サイトビルダー左上にある「保存」ボタンをクリックして保存してくださいね!

「Ctrl」+「S」のショートカットでも保存できる!

慣れている人はすごく便利な「保存」ボタンを押さなくても、キーボードの「Ctrl」+「S」キーで保存できます!

Writer Profile

donyのサムネイル

WEB関連の営業から制作まで幅広く経験したフロント・バックエンジニア。
今までのクライアントの要望や制作者としてのノウハウをまとめて「DG-STYLE」を開発しました。

Recommend Post

「チュートリアル」で各種機能の使い方を学ぼう!のサムネイル

「チュートリアル」で各種機能の使い方を学ぼう!

DG-STYLE Ver 4.2.0から実装された「チュートリアル」について説明します。チュートリアルとは?DG-STY

2021-10-11
DG-STYLEを使ってランディングページを作ろう!のサムネイル

DG-STYLEを使ってランディングページを作ろう…

設定の前にご確認してください。正常にLPページが404で表示される場合は、WP管理画面より「設定」→「パーマリンク」で再

2021-09-11
サイトViewsパーツの使い方のサムネイル

サイトViewsパーツの使い方

「DG-style」で使える各パーツについて説明します。「サイトViews」パーツの概要DG-STYLE Ver4.1.

2021-09-11
【リニューアル】簡単デザイン機能を使ってみよう!

【リニューアル】簡単デザイン機能を使ってみよう!

DG-STYLE 3.0.0から実装された「簡単デザイン」の使い方を説明します。※Ver3.1.0でさらにパワーアップし

2021-06-13
Gutenbergブロックパターン設定方法のサムネイル

Gutenbergブロックパターン設定方法

WordPress5.5から追加された、ブロックパターンを自由に追加できる機能を実装しました。ブロックパターン再利用ブロ

2021-05-16
独自CSSの追加方法のサムネイル

独自CSSの追加方法

独自CSSとは、パーツ個別にデザイン設定するのではなく、セレクターやプロパティを自由に追加できる専門家用の機能です。独自

2021-05-16
TOP