Cum se încarcă style.css într-o temă WordPress?

Question

Cum se încarcă style.css într-o temă WordPress?

25 mai 2015, 04:37:15

Vizualizări: 16K

Voturi: 8

Am căutat în codex, în unele tutoriale și vorbesc despre adăugarea de css personalizat, dar nu am găsit unde trebuie să adaug style.css?

Am făcut asta, și totuși nu are niciun efect.

/**
 * Modul corect de a încărca scripturi și stiluri
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Desigur, funcționează dacă fac asta:

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

Dar desigur nu este modul corect de a face acest lucru.

Vegan Sv

247

wp enqueue style

Comentarii

Am adăugat 'wp_enqueue_scripts' în functions.php

Vegan Sv

25 mai 2015 04:38:04

are tema ta funcția wp_head()?

Milo

25 mai 2015 06:39:43

Nu, nu are pentru că este o temă care ar trebui să aibă doar index.php fără header și footer și am crezut că adaugi wp_head doar dacă vrei să folosești un header.php. O să încerc să o adaug.

Vegan Sv

25 mai 2015 18:13:48

@Milo și Candid, vă mulțumesc băieților! A fost wp_head. Trebuia să citesc notele, dar oricum nu prea sunt clare.

Vegan Sv

25 mai 2015 18:33:23

Toate răspunsurile la întrebare

Bryan Willis 4.48K · Accepted Answer · 2015-05-25T06:48:06Z

Asigură-te că ai denumit și etichetat corect fișierele și le ai plasat în locația potrivită.

functions.php localizat în mytheme/functions.php

<?php
/**
 * Funcții pentru Temă
 */
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 localizat în mytheme/style.css

/*
Nume Temă: Twenty Thirteen
URL Temă: http://wordpress.org/themes/twentythirteen
Autor: echipa WordPress
URL Autor: http://wordpress.org/
Descriere: Tema WordPress din 2013 ne readuce la blog, cu o gamă completă de formate de postări, fiecare afișată frumos în mod unic. Detaliile de design abundă, începând cu o paletă vibrantă de culori și imagini de antet care se potrivesc, o tipografie frumoasă și icoane, precum și un layout flexibil care arată excelent pe orice dispozitiv, mare sau mic.
Versiune: 1.0
Licență: GNU General Public License v2 sau mai nou
URL Licență: http://www.gnu.org/licenses/gpl-2.0.html
Tag-uri: negru, maro, portocaliu, bej, alb, galben, deschis, o coloană, două coloane, bara laterală dreaptă, lățime flexibilă, antet personalizat, meniu personalizat, stil editor, imagini evidențiate, microformate, formate de postare, suport pentru limbile RTL, postare lipicioasă, gata pentru traducere
Domeniu Text: twentythirteen

Această temă, la fel ca WordPress, este licențiată sub GPL.
Folosește-o pentru a crea ceva interesant, distrează-te și împărtășește ceea ce ai învățat cu alții.
*/

Dacă creezi această temă singur, cel mai probabil ai scris ceva greșit sau ai uitat ceva.

Asigură-te că șablonul tău include antetul dacă folosești un fișier header.php:

<?php get_header(); ?>

În antet sau în șablon trebuie să ai:

<?php wp_head(); ?>

Presupun că este una dintre cele menționate mai sus, deoarece ai spus că funcționează când adaugi tag-ul. Dacă nu, încearcă să schimbi numele fișierului CSS și/sau să adaugi o prioritate mai mare. Dacă ai plugin-uri instalate, unul dintre ele ar putea folosi același „handle” pentru fișierul său de stil.

Deci, în loc de:

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

Încearcă ceva aleatoriu, cum ar fi:

    wp_enqueue_style( 'style189304', get_stylesheet_uri() );