Como alguém carrega style.css em um tema?

4

Eu procurei o códice, alguns tutoriais e eles falam sobre como adicionar css personalizado, mas não consegui encontrar onde adicionar o style.css?

Eu fiz isso e ainda não terá nenhum efeito.

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Claro que funciona se eu fizer isso:

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

Mas é claro que não é a maneira correta de fazer isso.

    
por Vegan Sv 25.05.2015 / 03:37

1 resposta

4

Verifique se você tem os arquivos nomeados e rotulados corretamente e no lugar certo.

functions.php localizado @ mytheme / functions.php

<?php
/**
 * Theme Functions
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

style.css localizado @ mytheme / style.css

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Se você está criando esse tema por conta própria, é mais provável que esteja escrito algo errado ou tenha esquecido alguma coisa.

Verifique se o seu modelo está recebendo o cabeçalho, se você estiver usando um header.php:

<?php get_header(); ?> 

No seu cabeçalho ou no modelo que você precisa ter:

<?php wp_head(); ?>

Suponho que é uma das opções acima, já que você disse que funciona quando você adiciona a tag. Se não, tente alterar o nome do arquivo css e / ou adicionar uma prioridade posterior. Se você tiver plugins instalados, um deles pode estar usando o mesmo "identificador" para sua folha de estilo de plug-ins.

Então, em vez de:

    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

Tente algo aleatório como:

    wp_enqueue_style( 'style189304', get_stylesheet_uri() );
    
por Bryan Willis 25.05.2015 / 05:48