web-dev-qa-db-ja.com

子テーマCSSで親テーマを変更する方法

私は自分の子供のテーマCSSでどのように親のテーマを切り替えるべきかについて混乱しています。現在私のウェブサイトprotovest.comはレスポンシブテーマを使用していますが、それをtesseractというテーマに変更したいと思います。これが私のコードです:

/*
 Theme Name:   Responsive Child Proto-Vest 
 Description:  Responsive Theme Used to Style Protovest
 Author:       Eva Berrios
 Template:     responsive 
 Version:      1.0.0
*/

@import url("../responsive/style.css");

インポートURLを変更しないように言われたので混乱しています。他の開発者はそれがそれであると言います。誰かがこの切り替えテーマのプロセスを説明できますか?

また、切り替え時にバックアップが乱れる場合に備えて、どのようにしてバックアップを作成するのですか。

2
Eva

私はあなたがこれについて混乱していると思います。説明させてください。

@import url("../responsive/style.css");は、レスポンシブテーマstyle.cssをインポートするようにChildテーマに伝えています。これがなければ子テーマはその親テーマが何であるかを知らないので重要です。そのため、@import url("../responsive/style.css");は子テーマをレスポンシブテーマのデフォルト(メイン)ファイルに設定します(ほとんどすべてのWordPressテーマでは、デフォルトまたはメインファイルは、それが定義されているテーマヘッダーを含むstyle.cssです)。

そのため、基本的には、Childテーマのstyle.cssにimport関数がないと、Childテーマは壊れてしまい、ChildテーマとParentテーマの間にリンクはありません。

では、インポート関数に入れるパス(/responsive/style.css)をどのように見つけますか。あなたはあなたのFTP(FileZilla、cpanel、またはあなたが望むどんなクライアント)を入力してpublic_html - wp-content - themesセクションに行くことによってこれを見つけることができます。それからあなたが子テーマを作るつもりであるテーマのテーマフォルダを見つけてください。そのフォルダー名をインポートに入れ、続けてstyle.css(つまり/thethemefoldername/style.css)を付けます。

それが紛らわしいと思えば申し訳ありません。ですから、基本的にあなたは自分のテーマファイル名があなたが切り替えようとしているものであることを理解し、それをインポート機能のレスポンシブに置き換える必要があります。それはあなたが望む新しいテーマをその子供のテーマに向けます。あなたがそれを変えるならば、それはあなたがする必要があるすべてです。

あなただけの子テーマプラグインを使用することができます。 https://wordpress.org/plugins/child-theme-configurator/ または https://wordpress.org/plugins/one-click-child-theme/ をお勧めします。これらを使えば、新しいChildテーマを作成して、それに新しいものを追加することができます。

また、切り替え時にバックアップが乱れる場合に備えて、どのようにしてバックアップを作成するのですか。

あなたはいつもあなたのウェブサイトのバックアップをとるべきです。あなたがこれを行うことができるいくつかの方法があります。一つはプラグインです。 https://wordpress.org/plugins/updraftplus/ または https://wordpress.org/plugins/backwpup/ のようなたくさんのプラグインがあります。これらのプラグインはスケジュールされたバックアップを作成することができますあなたはいつでもバックアップを作成して復元することができます。唯一のことはそれらが限定された機能を持っているということです。

VaultPress( https://vaultpress.com/ /)またはBackupBuddy( https://ithemes.com/purchase/backupbuddy/ )に移動できます。彼らはプレミアムプラグインであるため、彼らは価格で来ていますが、これらは使いやすく、安全です。

ホスティングダッシュボードでバックアップします。あなたはほとんどのホスティング会社でこれを行うことができます。何も設定や追加機能の隣にあるがそれらはあなたがあなたのウェブサイトをバックアップすることを可能にする。

あなたがまだ混乱しているならば、私はこれらのリソースのいくつかを通して読むことを提案するでしょう。 https://codex.wordpress.org/Child_Themeshttps://codex.wordpress.org/WordPress_Backupshttps://codex.wordpress.org/Backing_Up_Your_Databasehttp:/ /www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

1
matthew

親テーマを切り替えるために必要な手順がいくつかあります。

元の子テーマのバックアップを作成する

FTPアクセスがある場合は、[root]\wp-content\themes\にログインし、子テーマフォルダをコンピュータにダウンロードします。

子テーマフォルダ全体をコピーして名前を変更します。これはあなたの新しい子供のテーマになります。

FTPにアクセスできない場合は、最初から始めるのがおそらく最善です。そして、それが構築されたら、それをあなたのウェブサイトに追加するために、テーマアップローダを使います。

新しい子テーマでCSSファイルを編集する

少なくとも、 "テーマ名"、 "テンプレート"、および@import行を変更する必要があります。これが推奨される編集です。

/*
 Theme Name:   Tesseract Child Proto-Vest 
 Description:  Child Theme Used to Style Proto-Vest
 Author:       Eva Berrios
 Template:     Tesseract
 Version:      1.0.0
*/

@import url("../PARENT_THEME_FOLDER_NAME/style.css");

"PARENT_THEME_FOLDER_NAME"をTesseractテーマの実際のフォルダ名に置き換えます。

注意:テンプレート行では大文字と小文字が区別されます。

また、この回答が役立つと思うかもしれません: Tesseractテーマで子テーマを作るには?

上級者向け:新しい子テーマでFunctions.phpを確認する

PHPのコーディング方法とWordPressのフックとフィルタの使用方法がわかっている場合は、子テーマのカスタム関数をすべて確認してください。これは必須ではありませんが、特定のカスタマイズが新しいテーマに引き継がれない場合は、トラブルシューティングに役立ちます。

PHPがわからない場合は、そのファイルをそのままにしておくことをお勧めします。 Responsiveテーマに特に言及している機能は機能しなくなりますが、サイトを壊してはいけません。

新しい子テーマをアップロードして有効にします

FTPを使用している場合は、新しいテーマフォルダを[root]\wp-content\themes\にアップロードします。

それ以外の場合は、組み込みのテーマアップローダを使用する必要があります。これが 良いチュートリアル です。

[表示] - > [テーマ]に移動して新しいテーマを選択することで、子供のテーマをアクティブにします。

1