Worpress i CSS

  • Začetnik teme Začetnik teme Droid
  • Datum pokretanja Datum pokretanja

Droid

Legenda
Poruka
51.846
Zakupio sam hosting i domen. E sad.. na hostu sam instalirao wordpress.. i sad.. kako da unosim te custom CSS-ove u wordpress...

Kada sam sa pluginom instalirao child theme.. pa u njoj unesem neki custom CSS on jednostavno ne radi.
 
Pa moras da ga pozoves u header.php fajl iz svoje teme.
Npr style.css iz teme pozivas sa <link href='<?php echo get_stylesheet_uri(); ?>' rel='stylesheet' type='text/css' media='screen'>

Tako da bi taj fajl pozvao ako se nalazi u temi, sa <?php echo get_template_directory_uri(); ?>/tvojfajl.css umesto toga koda iznas iz href, a mozes i preko functions.php pogledaj https://codex.wordpress.org/Function_Reference/get_template_directory_uri
 
Pa moras da ga pozoves u header.php fajl iz svoje teme.
Npr style.css iz teme pozivas sa <link href='<?php echo get_stylesheet_uri(); ?>' rel='stylesheet' type='text/css' media='screen'>

Tako da bi taj fajl pozvao ako se nalazi u temi, sa <?php echo get_template_directory_uri(); ?>/tvojfajl.css umesto toga koda iznas iz href, a mozes i preko functions.php pogledaj https://codex.wordpress.org/Function_Reference/get_template_directory_uri

Nista tu meni nije jasno odustajem. Ne menjam :D
 
Mislim da je Sceko to lepo objasnio, sad ne znam sta konkretno hoce, da menja neke delove CSS-a iz novog fajla (a da koristi postojeci), valjda tako rade te child teme, zaista ne znam.

Opet, sve je Sceko to objasnio, promenis header.php kada linkujes CSS, da koristi drugi fajl umesto onog default-a i to je to.
Bez koda ne mozemo mnogo, tako da neka nadje i pastuje header.php ovde, pa mozemo lepo i natenane da mu objasnimo ako ne razume, ili neka pojasni sta konkretno zeli.
 
Header bi trebao da bude u wp-content/themes/ime_teme/header.php.
Ovako izgleda naj-najosovniji header. Ako imas custom temu verovatno ima jos koda.

Kod:
<!doctype html>
 <html>
 <head>
 <title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
[B] <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">[/B]
 </head>
 <body>
 <div id="wrapper">
 <div id="header">
 <h1><?php bloginfo('name'); ?> </h1>
 <h4><?php bloginfo('description'); ?></h4>
 </div>

Na ovo boldovano obrati paznju.

Sto je Sceko rekao, preimenujes to u nesto ovako:
Naravno, treba ti i tvojfajl.css sa tvojim CSS-om.

Kod:
<!doctype html>
 <html>
 <head>
 <title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
[B] <link rel="stylesheet" href=" <?php echo get_template_directory_uri(); ?>/tvojfajl.css">[/B]
 </head>
 <body>
 <div id="wrapper">
 <div id="header">
 <h1><?php bloginfo('name'); ?> </h1>
 <h4><?php bloginfo('description'); ?></h4>
 </div>

Ako linkujes prazan fajl, ceo CSS ima da ti ode dodjavola, pa moras od nule da ga pises opet.
Zavisi sta hoces da menjas, ako hoces recimo da ti tekst bude zelen a ne crn, ili veci font, mozes da izmenis i glavni CSS.

Mozes da prepokiras ceo CSS u novi tvojfajl.css i uradis ovo gore, i onda menjas taj fajl po zelji. Prednost je jer ti ostaje original CSS ako nesto zeznes.

Trece resenje, je da dodas jos jedan CSS fajl, ispod ovog, i onda iz njega da menjas elemente koje hoces.
Ako ne gresim, trebalo bi da zadrzi sav kod, a ovaj novi bi trebao da overwrite-uje stari.

Tipa ako imas .article_headline clasu u originalnom CSS-u u ovom novom (tvojfajl.css) za klasu .article_headline stavis da je veca velicina fonta ili boja, i trebalo bi da overwrituje. Obrises tu promenu iz tvoj novog fajla i vrati se sve na staro.

Evo i jedan link koji to objasnjava, manje-vise ovo trece resenje, samo na elegantniji i bolji nacin (mada neke slike nedostaju): https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial
 
Poslednja izmena:

Back
Top