アストラテーマの子テーマを作成し、インストールするための完全なチュートリアル

アストラ テーマには強(qiáng)力なカスタマイズ機(jī)能がありますが、テンプレートファイルの微調(diào)整やカスタムコードの追加など、より詳細(xì)な変更が必要な場(chǎng)合はサブテーマの方が良い選択です。子テーマはメインテーマのすべての機(jī)能を継承することができ、同時(shí)にメインテーマの更新に影響を與えることなく自由に調(diào)整することができます。

アストラのサブトピックとは?

サブテーマは以下の通り。 ワードプレス に依存するテーマの拡張 アストラ テーマが実行されます。メインテーマのすべての機(jī)能を継承し、コアコードに影響を與えることなく、その上で微調(diào)整することができます。

子テーマを使用する主な利點(diǎn)

  • Astraテーマのアップデート中に変更が失われないようにする
  • メインテーマに影響を與えることなく、テンプレートファイルやファンクションコードを変更できる。
  • テーマをカスタマイズする必要がある開(kāi)発者やユーザー向け
畫像[1]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド

アストラの公式子テーマジェネレーターを使う

Astraは、その場(chǎng)で子テーマファイルを作成できる公式の子テーマジェネレーターツールを提供しています!

動(dòng)く

  • 最初のステップは、アストラの子テーマジェネレーターページでのサブトピック名フィールドに、サブトピックに指定する名前を入力します。
畫像 [2]-Astra 子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • 打點(diǎn) 高度なオプション
畫像[3]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • ウェブサイトの名前、著者、ウェブサイトのリンクなど、関連情報(bào)を記入する。
畫像[4]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • 子テーマのサムネイルとして畫像をアップロードするかどうかを選択します (オプション)
畫像[5]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • 打點(diǎn) 生成する ボタンをクリックしてダウンロードする ジッパー フォーマットのサブトピック?ファイル
畫像[6]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド

子テーマAstraをインストールする

良いアイデアを生み出すサブテーマその後、インストールと有効化が必要です。

畫像[7]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • オプション 新規(guī)追加ごかんけいせいぼおん
畫像[8]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • アップロードテーマを選択し、ダウンロードした アストラ?サブテーマ ファイルをクリックする。 今すぐインストール
畫像[9]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド
  • インストールが完了したら アクティブ化
畫像[10]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド

Astraの子テーマが有効になっているか確認(rèn)する

子テーマをインストールしたら 外観 > テーマ ウェブページ

  • 左側(cè)に表示されるAstra Childテーマ 正常に有効化されたことを示す
  • 右側(cè)ディスプレイ アストラ ごかんけいせいぼおん メインテーマが正しくインストールされているが、有効化されていないことを示す。

Astraの子テーマはメインテーマによってサポートされる必要があるため、メインテーマはインストールしたままにしておく必要があるが、子テーマは 活性化狀態(tài)

畫像[11]-Astra子テーマの作成とインストールのチュートリアル:完全なステップバイステップとカスタマイズガイド

Astra子テーマの一般的なカスタマイズ

(1) 変更 カスケーディングスタイルシート タイプ

フォント、色、背景などのスタイルを調(diào)整する必要がある場(chǎng)合は スタイル.css カスタムCSSコードを例えば次のように追加する。

.site-title {
    color: #ff6600;
    font-size: 24px;
}

このコードは、ウェブサイトのタイトルの色とフォントサイズを変更します。

(2) カスタム関數(shù)の追加

ある functions.php 例えば、新しいメニューを登録するためにPHPコードを追加することができます。

ファンクション astra_child_custom_menu() {
    register_nav_menu('extra-menu', __('extra-menu'));;
}
add_action('after_setup_theme', 'astra_child_custom_menu');

サブテーマがAstraテーマのアップデートに與える影響

子テーマの存在はAstraテーマの更新には影響しませんが、注意すべき點(diǎn)です:

  • Astraテーマのアップデートで新機(jī)能が追加された場(chǎng)合、子テーマを手動(dòng)で適応させる必要があるかもしれません。
  • 子テーマに古いテンプレートファイルが含まれている場(chǎng)合、互換性の問(wèn)題につながる可能性があります。
  • 変更が失われるのを防ぐため、Astraテーマを更新する前にウェブサイトをバックアップすることをお?jiǎng)幛幛筏蓼梗?/strong>

はんけつをくだす

アストラ サブテーマ作成とインストールのプロセスは比較的簡(jiǎn)単で、公式ツールを使って素早く作成することができます。インストール後、CSSスタイルの変更、新機(jī)能の追加、テンプレートファイルの調(diào)整を行い、サイトをパーソナライズすることが可能です。使用中は、定期的なバックアップを取り、サイト內(nèi)の アストラ 子テーマの互換性と安定性を確保するためのテーマアップデート


お問(wèn)い合わせ
チュートリアルが読めない?無(wú)料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書(shū)いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス573分かち合う
おすすめ
解説 ソファ購(gòu)入

コメントを投稿するにはログインしてください

    コメントなし