0
私は初めてWordpress html5blankテーマを使用しています。私はstyle.cssファイルからすべてを削除し、私のスタイリングとスケルトングリッド全体にコピーしました。私はnormalize.cssファイルだけを残しました。 私はほとんどすべてのスタイルを適用していますが、なぜこれが当てはまるのか理解できません。一例として、これは私自身のフロントエンドファイルを使用して、私のホームページのトップである -Wordpress - テーマCSSスタイルシートをオーバーライド
そして、これは、Wordpressのバージョンである - 私はどのように
自分のカスタムCSSのスタイルがいつでもあらゆる状況で適用されるようにしますか？ 私は子供/親のテーマを研究しましたが、私の理解は、このテーマではあまり空のシェルではありません。
私はheader.phpのファイルの頭で、このコードがある -
<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<link href="//www.google-analytics.com" rel="dns-prefetch">
<link href="<?php echo get_template_directory_uri(); ?>/img/icons/favicon.ico" rel="shortcut icon">
<link href="<?php echo get_template_directory_uri(); ?>/img/icons/touch.png" rel="apple-touch-icon-precomposed">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory')?>/style.css" />
<link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:100,200,400,700,700i,800,800i' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="<?php bloginfo('description'); ?>">
<?php wp_head(); ?>
<script>
// conditionizr.com
// configure environment tests
conditionizr.config({
assets: '<?php echo get_template_directory_uri(); ?>',
tests: {}
});
</script>
</head>
<body <?php body_class(); ?>>
<!--- header code --->
を私は、開発者向けツールで見てきたとbody_classは適用スタイルの数を持っているようだ - これを除去することができますか？
これはstyles.phpファイルのスタイルですが、私が追加したものが効果を持っているかどうかはわかりません。
のfunctions.php
// Load HTML5 Blank styles
function html5blank_styles()
{
wp_register_style('normalize', get_template_directory_uri() . '/normalize.css', array(), '1.0', 'all');
wp_enqueue_style('normalize'); // Enqueue it!
wp_register_style('html5blank', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');
wp_enqueue_style('html5blank'); // Enqueue it!
}
// MW stylesheets
function load_styles()
{
wp_register_style('styles', '/style.css');
wp_enqueue_style('styles', '/style.css'); // Enqueue it!
add_action('wp_enqueue_scripts', 'load_styles');
}
そして、これは私が私のCSSファイルの先頭に持っているものである - 正しい方法だ
のstyle.css
/*
Theme Name: html5blank-stable
Description: HTML5 Blank theme
Template: html5blank-stable
Author: MikeWhitehead00
*/
'get_template_directory_uri（）'、親テーマからスタイルシートを取得します 'get_stylesheet_directory_uri（）'子テーマ – Morpheus
@Morpheus soから取得しますが、この機能を貼り付け何を言っている？私は頭のテンプレートディレクトリへのすべての参照を取り出す必要がありますか？ –
番号。私が言っていることは、親のテーマスタイルをオーバーライドするには、 'get_stylesheet_directory_uri（）'を使う必要があるということです。 – Morpheus