WordPress

技術情報

WordPress専門メディア

データベース

Child themeの作成

作成方法

style.css作成

fuctions.php作成

code:style.css

/*

Theme Name: THEME child

Template: theme_directory

*/

テンプレートヘッダーが必要

code:functions.php

<?php

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

function my_theme_enqueue_styles() {

$parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );

wp_enqueue_style( 'child-style',

get_stylesheet_directory_uri() . '/style.css',

array( $parent_style ),

wp_get_theme()->get('Version')

);

}

postmeta関連のアップデート

テンプレートを変更する場合。

ヘッダーイメージのインサート

WP_Query

code:query

$slider_args = array(

'post_type' => 'page' # 固定ページ

'post_status' => 'publish',

'posts_per_page' => -1,

'orderby' => 'rand' # 'date' 公開日

);

$slider_query = new WP_Query( $slider_args );

管理画面にcssファイルを適用

admin画面用にCSSを読み込むことができる

応用すると、add_actionで様々なところにCSSを適用できるか。

code:admin.php

<?php

function customAdmin() {

$url = get_settings('siteurl');

$url = $url . '/wp-content/themes/my-theme/styles/wp-admin.css';

echo '<!-- custom admin css -->

<link rel="stylesheet" type="text/css" href="' . $url . '" />

<!-- /end custom adming css -->';

}

add_action('admin_head', 'customAdmin');

?>

管理画面に関係するのメソッド

bulk_actions-edit-post

add_bulk_actions

add_submenu_page