新たなスタート: WordPress で空のデザインを作成するための初心者ガイド

王林
リリース: 2023-08-30 17:17:03
オリジナル
1152 人が閲覧しました

空白のデザインを使用すると、最初からやり直して、正確なニーズや好みに合わせて Web サイトをカスタマイズできます。ゼロから始めることで、どの要素を含めるか、どのように配置するかを正確に選択できるため、Web サイトのデザインとレイアウトをより細かく制御できるようになりました。

ゼロから始めて UI を自分たちで作成することは、競合他社よりも目立つ独自の Web サイトを作成するのにも役立ちます。すべてを壊すことなく、新しい UI/UX テクノロジーをより簡単に実装して、最新のトレンドや標準に対応できるようになります。また、すべてがゼロから設計されているため、互換性の問題について心配する必要もありません。

このチュートリアルでは、まったくの白紙の状態から WordPress を使い始める方法について、ワークフローを説明します。空白のページを生成する方法、Web サイトに新しいページを追加する方法、ページをメイン ナビゲーション メニューにリンクする方法を学びます。

プラグインのインストール

WordPress で空白のページを作成するために使用するテーマを「空白のキャンバス」と呼びます。これは、最初からやり直すときに使用する私のお気に入りのテーマの 1 つです。これは非常にシンプルなテーマで、まさにその言葉の通り、真っ白なキャンバスです。

空のキャンバス テーマをインストールするには:

  • WordPress 管理ダッシュボードにログインします。
  • サイドバーで、外観 > テーマに移動します。
  • 追加」ボタンをクリックします。
  • 検索空白のキャンバスのテーマ
  • テーマをインストールしてアクティブ化します。

全新开始:在 WordPress 中创建空白设计的初学者指南

テーマが正常にインストールされたら、Web サイトのホームページに移動します。次の画像のようになります:

全新开始:在 WordPress 中创建空白设计的初学者指南

ご覧のとおり、ノイズは大幅に減少していますが、テキストはまだ残っています。より空白にするには、ユーザー インターフェイス エディターでいくつかの設定と構成を行う必要があります。

サイドバーで、外観 > カスタマイズに移動して、UI エディターを開きます。

全新开始:在 WordPress 中创建空白设计的初学者指南

次に、ホームページ設定を開き、ホームページ表示オプションを静的ページに設定します。 Home の下の Add New Page ボタンをクリックし、ページ タイトル (例: Home) を入力してから、Addstrong> ボタンをクリックします。 。これにより、指定したページが空白のページとして作成されます。

全新开始:在 WordPress 中创建空白设计的初学者指南

全新开始:在 WordPress 中创建空白设计的初学者指南

ご覧のとおり、空白のホームページ (Hello World テキスト付き) が表示されます。このテキストは、UI エディターの「追加 CSS」セクションでカスタム CSS を追加することで削除できます。

投稿ページ (ブログ ページなど) を Web サイトに追加することもできます。これを行うには、Post Page の下の Add New Page ボタンをクリックし、ページに名前 (例: Blog) を付けて、 >Add# をクリックします。 ## ボタン。

メインメニューを追加

訪問者がサイト内を移動し、サイトのさまざまな部分を簡単に見つけられるように、Web サイトにナビゲーション メニューを追加しました。

WordPress でメニューを作成するには:

    サイドバーメニューに戻ります。
  • メニューを選択し、新しいメニューの作成をクリックします。
  • メニューに名前を付け、
  • Menu Location として Main Navigation を選択します。

全新开始:在 WordPress 中创建空白设计的初学者指南

    [次へ]
  • をクリックし、[項目の追加]をクリックします。 Homepage
  • Blog
  • ページ オプションの両方を選択してメニューに追加します。 公開公開」メニューをクリックします。
  • メニューを表示するには、サイドバー メニューに戻り、[コンテンツ オプション] をクリックします。ここでは、メニュー、ウィジェット、ページと投稿のタイトル、コメントの表示を有効にするかどうかを選択できます。 [サイト タイトルとトップ メニューを有効にする]
  • をオンにし、[
公開

] をクリックしてメニューをアクティブにします。

上の図に示すように、メニューは空のキャンバスに正常にパブリッシュされました。

###結論は###

WordPress で空白のデザインから始めることは、Web サイトを競合他社よりも目立たせるための優れた方法です。空白のキャンバス テーマを使用すると、Web サイトの外観と雰囲気を最初から簡単にカスタマイズできます。必要なのは、忍耐力と創造性だけです。そうすれば、確実に人々の注目を集め、興味を引くユニークで魅力的な Web サイトが完成します。

以上が新たなスタート: WordPress で空のデザインを作成するための初心者ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!