WordPress/ChildTheme
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*ChildTheme
~
Wordpress でサイトを制作する場合、テーマを白紙の状態から...
既存のWordpressテーマを''親テーマ''といい、その機能とスタ...
既存のテーマをカスタマイズする場合、直接当該フォルダ内の...
-''公開されているテーマの事例''(いずれもGPL)
--Lightning:https://lightning.nagoya/ja/
--Cocoon:https://wp-cocoon.com/
~
~
**制作手順
***1. 子テーマ用フォルダの準備
子テーマは独立したひとつのテーマとして扱われます。そこで...
wordpress > wp-content > themes > ''親テーマ名_child''
のように子テーマのフォルダをつくります(フォルダ名は自由...
子テーマに必要なファイルは以下の2つです。その他は、親テ...
-style.css
-functions.php
子テーマは一般にCSSだけに変更を加えるものですが、例えば h...
~
***2. style.css の記述
とりあえず、style.css を作成して子テーマフォルダに投入し...
必要なルールはひとつだけ、子テーマの style.css の先頭に以...
/*
Template:親テーマのフォルダ名(正確に記述してください)
Theme Name:子テーマの名前(任意)
*/
例
/*
Template:twentyseventeen
Theme Name:My Theme
*/
~
***3. functions.php の記述
次に、functions.php を作成して子テーマフォルダに投入しま...
とりあえず、子テーマの functions.php は以下のコードだけ。...
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles'...
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_direc...
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css', a...
}
?>
~
***4. その他のファイルの追加
必要に応じて、header.php や footer.php を子テーマフォルダ...
~
***5. ファイルのパーミッションの確認
wp-content > themes > にアップしたファイルのパーミッショ...
-.phpについては、実行権が必要です。
-.cssをダッシュボードから編集する場合は、書込権を与える必...
~
***6. 動作確認
#image(sample.png,right,25%)
-サーバー内の themes フォルダに子テーマフォルダがあること...
-外観 > テーマ と進みます。
-あなたが Theme Name : に書いた名前のテーマが見えるはずで...
-当該テーマを選択して「有効化」して下さい。
~
***補足
インストールされているテーマ一覧で、テーマのプレビューイ...
以上。
~
~
終了行:
*ChildTheme
~
Wordpress でサイトを制作する場合、テーマを白紙の状態から...
既存のWordpressテーマを''親テーマ''といい、その機能とスタ...
既存のテーマをカスタマイズする場合、直接当該フォルダ内の...
-''公開されているテーマの事例''(いずれもGPL)
--Lightning:https://lightning.nagoya/ja/
--Cocoon:https://wp-cocoon.com/
~
~
**制作手順
***1. 子テーマ用フォルダの準備
子テーマは独立したひとつのテーマとして扱われます。そこで...
wordpress > wp-content > themes > ''親テーマ名_child''
のように子テーマのフォルダをつくります(フォルダ名は自由...
子テーマに必要なファイルは以下の2つです。その他は、親テ...
-style.css
-functions.php
子テーマは一般にCSSだけに変更を加えるものですが、例えば h...
~
***2. style.css の記述
とりあえず、style.css を作成して子テーマフォルダに投入し...
必要なルールはひとつだけ、子テーマの style.css の先頭に以...
/*
Template:親テーマのフォルダ名(正確に記述してください)
Theme Name:子テーマの名前(任意)
*/
例
/*
Template:twentyseventeen
Theme Name:My Theme
*/
~
***3. functions.php の記述
次に、functions.php を作成して子テーマフォルダに投入しま...
とりあえず、子テーマの functions.php は以下のコードだけ。...
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles'...
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_direc...
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css', a...
}
?>
~
***4. その他のファイルの追加
必要に応じて、header.php や footer.php を子テーマフォルダ...
~
***5. ファイルのパーミッションの確認
wp-content > themes > にアップしたファイルのパーミッショ...
-.phpについては、実行権が必要です。
-.cssをダッシュボードから編集する場合は、書込権を与える必...
~
***6. 動作確認
#image(sample.png,right,25%)
-サーバー内の themes フォルダに子テーマフォルダがあること...
-外観 > テーマ と進みます。
-あなたが Theme Name : に書いた名前のテーマが見えるはずで...
-当該テーマを選択して「有効化」して下さい。
~
***補足
インストールされているテーマ一覧で、テーマのプレビューイ...
以上。
~
~
ページ名: