Cum de a edita css la WordPress - revista wp

Pentru a face modificări la aspectul de site-uri pe WordPress de multe ori trebuie să modificați codul CSS. În acest articol ne vom uita la mai multe moduri de a schimba codul CSS în WordPress teme.

Editarea fișierului style.css temei dvs.

Cele mai frecvente editare spobom codul CSS pentru site-ul dvs. WordPress este schimbarea în fișierul style.css temei dvs. activ. Toate temele din WordPress sunt în directorul wp-content / teme și titlul temei dvs. activ, puteți găsi cu ușurință situat în orice director.

Asigurați-vă că lista selectată de pe dreapta fișierul style.css (foaia de stil). fișiere .php pentru a edita deci nu este recomandată, deoarece cea mai mică eroare poate provoca daune pe site. metodă mai sigură este de a edita prin FTP.

Sucursalele WordPress Teme

Tema Afiliat în WordPress vă permite să efectuați modificări la alte subiecte, fără a schimba codul sursă al temei originale. În plus față de foaia de stil teme pentru copii pot modifica alte fișiere șablon în WordPress, dar acest lucru este dincolo de domeniul de aplicare al acestui articol.

Pentru a crea o nouă temă copil, da un nou folder în directorul wp-content / teme și puneți-l într-un fișier gol numit style.css. Calea către fișierul CSS va fi după cum urmează: wp-content / teme / mi-copil-tema / style.css. în cazul în care mi-copil-tema - numele noii noastre temă filială.

Tema Nume de directivă, vom specifica numele temei noastre copil, dar pe următoarea linie de directivă șablon se referă la subiectul de bază pe care doriți să îl utilizați. În cazul nostru, acesta este un subiect Douăzeci Doisprezece, care este în directorul twentytwelve.

După firele de antet @import comanda, includem stiluri tematice Douăzeci Doisprezece, și tot ceea ce urmează - propriul nostru cod CSS. În cazul nostru, vom schimba culoarea de fundal la roșu.

Salvați modificările în fișierul style.css tema copil, și descărcați întregul meu directorul-copil-tema pe un server FTP. Vei vedea că noua temă copil este disponibilă când se selectează secțiunea Aspect → Teme.

WordPress temă copil

Astfel, atunci când editarea de fișiere style.css de tema copilului toate modificările vor fi afișate pe site-ul dvs., iar atunci când actualizați tema părinte, realizările tale nu vor fi afectate.

editare CSS folosind plugin-ul

stiluri de modul personalizat CSS vă permite să editați direct de la panoul de administrare WordPress și nu are nevoie de acces FTP sau speciale setările de site-ul de găzduire. Custom CSS are o verificare de iluminare din spate și sintaxa, susține auditul, precum și mai multe preprocesorul CSS (mai puțin și Sass).

Eugene, nu substituie nimic ai nevoie, pe măsură ce scrieți CSS pe partea de sus a celei existente. Inserarea unei imagini în Douăzeci Doisprezece, puteți codul următoarele CSS:

Poate din cauza faptului că site-ul este pe costul server local?

Exact. Pentru conectarea la WordPress.com Jetpack trebuie să fie activă într-un site accesibil. Jetpack rulează local numai în modul de depanare, în cazul în care cele mai multe module sunt dezactivate.

Oh, și nu este ușor de instalat în Discus. Configurare o consolă WordPress nu acceptă numele de utilizator și parola specificată. Deci, nu este încă știu cum va arăta.

Am verificat în Discus mai înainte de scris despre acest lucru în raportul precedent, dar de utilizator și parola, pe care am intra discus nu este luată pentru a ajusta Discus plug-in WordPress.

Trebuie să vă înregistrați numele site-ului ca platformă, nu doar un nume de utilizator și o parolă. Dacă nu funcționează, trimiteți-ne un e-mail ([email protected]) și vom încerca să vă ajute!

Luptat.) Popotelor cu Jetpack, dar a rezistat. Mulțumesc. lucru confortabil frumos.

fundal corp: roșu;
font-size: 20px;
>

a, a: hover, a:, o activ: culoare vizitat: galben;
>

Și așa mai departe. Veți avea nevoie de competențe de bază lingvistice CSS pentru a înțelege ceea ce selectorii de a utiliza, și instrumente, cum ar fi Firebug pentru Firefox sau Chrome instrumente de dezvoltare pentru a vă ajuta să găsiți rapid și modificați elementele pe care doriți. Introduceți logo-ul puteți utiliza atributul background-image.

Este posibil să dezactivați anumite funcții Jetpack. cum ar fi „temă mobilă“ (în douăzeci de Doisprezece, deci este)?

Desigur, du-te la consolă → Jetpack. Localizați modulul pe care doriți să dezactivați, faceți clic pe „Learn“ și apoi „Dezactivați“.

Dar, după cum spun ei, un studiu viu-lea secol! Recent, la mine pentru ajutor în selectarea subiectelor abordate familiare, începe să creați propriul blog WP. Încercând să-l ajute, am dat peste un subiect care a stabilit și pe blogurile lor, fără să se gândească prea mult. Această temă este rezolvat instantaneu toate problemele mele. În primul rând, setările sale și chiar indicii pentru setările - este complet în limba rusă. În al doilea rând, această temă vă permite să se adapteze și să personalizați nimic și totul! Lățimea conținutului principal și lățimea benzii de widget-uri. Color (sau imagine) a contextului general și culoarea de fundal a conținutului. Pagina se poate face în două sau trei dungi sau fără dungi. Acesta este guvernat de dimensiunea, tipul și culoarea fontului pentru fiecare dintre dimensiunea paginii, culoarea antet și inserați banner-ul sau logo-ul. Puteți activa / dezactiva prezentarea pagină cursorul și bannere, și multe, multe altele ....

Pe scurt, cu această temă nu poate intra în subtilități de editare stealth și CSS.

Acest subiect este numit mantra. Utilizați. Și vei fi fericit fără cunoștințe CSS!

Multumesc pentru sfat, dar aș fi în locul tău, nu a refuzat să studieze limba CSS, cel puțin la un nivel de bază. Așa că am sfătui să trateze cu precauție la subiecții care sunt prea multe oportunități, în special conținutul partiției pe coloana, inserați cursoare, bannere și alte elemente care utilizează numere scurte sau tipuri de date personalizate. Probleme cu astfel de subiecte apar adesea în dezactivarea lor, deoarece aceeași funcționalitate nu poate fi prezent în alte discipline. Vă sfătuiesc să alegeți lucruri cum ar fi plug-in-uri care funcționează cu toate temele.

Experiența „dialog“ cu WP învățat de editare CSS și PHP, deși este la un nivel de bază. Deci, în acest caz, pot să înțeleg elementare.

În ceea ce privește „chips-uri» mantra subiect - ce-i drept. Este puțin probabil ca acestea vor fi sprijinite în alte discipline. Dar, cu această ocazie am o părere diferită:
Primul meu blog-am creat acum 1,5 ani și a fost prima mea întâlnire cu WP. Curând a apărut un al doilea și un al treilea, apoi pe blog. Și trebuie remarcat faptul că, în tot acest timp am fost nu exercită o activitate blogging-ul mai devreme ca „aranjament“ lor - schimba la nesfârșit teme, experimentarea cu plug-in-uri, etc. Nu știu cât de mult acest proces este încă în curs de desfășurare, dacă nu aș fi întâlnit subiect mantra.Segodnya eu cu siguranță cred că explorarea în continuare a altor subiecte și experimente cu ei pentru mine nu are nici un sens. Mantra - o optiune ideala. Chiar dacă aș dori vreodată să schimbe subiectul, refresh, ca să spunem așa blog-uri, puteți utiliza această temă puteți schimba dramatic, ca și cum ar stabili o nouă temă! Deci, în timp ce eu cred.

În cazul în care „închide ochii lor“, este posibil să nu vezi nimic. Cred că este greșit ca ceva nu este de lucru pe site-ul meu, și este important ca acesta să fie corectată. #disqus

Poate că întrebarea mea nu este subiect. Dar eu nu știu de unde să-l întreb. Aici este problema. După cum se știe, fiecare intrare de pagină în WP, etc. are ID-ul și asta e ceea ce ID-ul este (și dacă este) pagina principală (înregistrări) WP blog?

Nu, pagina principală (lista înregistrărilor anterioare) nu are nici o identitate, exact la fel ca paginile arhivelor, de căutare, etc. dar ușor aceste pagini determinate de is_front_page () funcții, is_home (), is_search (), is_archive (), și altele.

Multumesc pentru sfat, dar „ne-am dus în altă parte“ - a găsit un alt plugin. Apropo! După cum se cunoaște cu versiunea WP 2.5 în mod inexplicabil oprit indicând paginile de identitate, intrările de blog, link-uri, etc. Am folosit pentru a place, care nu acorde atenție la el, dar avea nevoie pentru a afla ID-ul. A trebuit să sparge capul lui! Dar se pare că există un plugin care returnează ID-ul înapoi în cazul în care acestea ar trebui să fie. Acest plugin «Reveal» ID-uri. Poate cineva va veni la îndemână! Plug-in nu are setări și este suficient pentru a instala și a activa.

A fost apoi un pic despre asta. Cu atât mai mult. așa cum se spune, „condus“.

O altă întrebare din „ceainicul“. Orice înregistrare poate „lipi“ de pe pagina de start și va fi întotdeauna primul. Dar cine știe cum să facă „lipicios“ post pe pagina a fost desfășurată? - adică, că nu era necesar să apăsați pe link-ul „Citește mai mult“. Se poate conecta unele pentru acest lucru, sau este necesar să se adauge ceva în codul pagină? (Sfaturi cum ar fi „schimba subiectul“ nu oferă!)

Plugin ca niciodată văzut, dar cu funcția de ajutor is_sticky (), puteți determina dacă înregistrarea curentă este blocat, dar deja există pentru a alege the_content () sau the_excerpt ().

Cel mai simplu și cel mai accesibil opțiunea de a face acest lucru - pentru a pune o temă care vă permite să „joace“ cu culorile și fonturile după cum doriți. Pe lângă aceste subiecte în limba rusă și nu necesită CSS PHP cunoștințe și NTML Acest exemplu fire de mantra (din care am menționat deja aici) și parabolic Găsiți și instalați aceste teme. Testați-le în legătură cu site-ul dvs. și veți fi plăcut surprins de simplitatea soluției problemei se cere.

Multumesc pentru raspuns.
Dar, faptul că este site-ul meu are o cantitate mare)))) Și mulți nu au nici o dorință de a se pronunța. Am doar fundalul și, desigur, culoarea fontului.
Ieri am încercat să pun un nou subiect ... Deoarece nu este bine ...

Am, de asemenea, un blog foarte mare, cu o mulțime de fotografii și alte clopote și fluiere. Aplicați tema mantra aproape că nu am avut nimic dreptul! Acest adaptiv „fir de cauciuc.“ O astfel de fapt este, din păcate, un pic. Mai ales în limba rusă. Încercați mantra sau parabolic, și veți fi plăcut surprins!

Mentri mi se părea un întuneric pic și parabolei eu nu am găsit ....

Este puțin probabil ca acest lucru are ceva de-a face cu versiunea WordPress, și este greu de spus ceva, fără a avea codul în fața ochilor tăi. Trimite un link către site-ul dvs. - vom vedea.

Acest lucru se întâmplă în panoul de administrare și nu pe site-ul.

Look - Format "Special 1"

În formatul de alegere este folosit doar de înaltă rezoluție, de fundal și culoarea textului este suprascris TinyMCE-te și-ar dori să aici fundal și text potrivire de culoare. Deci, mult mai ușor de făcut formatarea.

Am înțeles. Da, această schimbare a avut loc în biblioteca externă TinyMCE, biblioteca în sine să se rostogolească înapoi la o versiune anterioară, din păcate, nu funcționează.

Vă mulțumim pentru articol excelent

Bună ziua. Te rog spune-mi. Eu aduc modificări la fișierul css, toate perfect afișate în Chrome, dar modificările Mozilla nu sunt vizibile. Opera vede, de asemenea, modificări. Care este motivul pentru care Mozilla nu se poate vedea modificările. Atunci când verificarea în codul Mozilla F12 prin ea în CSS oferă unele greșeli. Problema în browser? deși, de asemenea, nu se poate vedea codul cu alte calculatoare. Sau încă în codul de eroare.

Bună ziua. vă rugăm să-mi spuneți dacă este posibil, în douăzeci de douăsprezece temă în loc de numele site-ului pentru a insera logo-ul sau capac imagini vvide. Dacă da, vă rugăm să-mi spui cum

Inserez în numărul antet. Dar când am stabilit parametrii în css sau nu vrea să reacționeze. Nu știu ce să fac. o astfel de sarcină mai ușor de nicăieri. se introduce un div și setați parametrii. dar de ce nu mi-text ... Nu știu ce să fac HELP!