Slik tilpasser en Buddypress Standard Child Theme

Slik tilpasser en Buddypress Standard Child Theme


Den Buddypress barnet tema funksjonalitet tilbyr webdesignere på alle ferdighetsnivåer fleksibilitet til å opprette egendefinerte stiler og utforminger samtidig opprettholde rammen integritet. Denne metoden gjør oppdateringer skal brukes på ramme og standard malfiler uten at det påvirker ditt nettsted utseende. Et barn tema bygget på standard tema kan lett tilpasses på samme måte som en normal WordPress tema er opprettet eller endret, enten gjennom Utseende Editor eller ved å starte fra scratch.

Bruksanvisning

1 Opprett en ny mappe på datamaskinen din og gir den til din ønsket tema navn, for eksempel "MyBPTheme." Kopier "style.css" fil fra barnet temaet du ønsker å tilpasse og lime den inn i denne mappen, og deretter åpne den i en tekst eller HTML editor. Hvis du starter fra scratch, opprette en ny fil i et bilderedigeringsprogram og kopiere følgende header informasjon i dokumentet:

/ *

Tema Navn: MyBPTheme

Mal: bp-standard

* /

Den "Theme Name" skal tilsvare det valgte tema navn. "Malen" er satt til "bp-default" for å fortelle WordPress å bruke Buddypress mal struktur for noen del trenger du ikke ta med i tema pakken. Lagre den nye filen til din tema-mappen som "style.css".

2 Åpne Buddypress plugin-mappen og dobbeltklikk på "_inc" og deretter "css". Åpne "default.css" og "adminbar.css" filer i editoren. Kopier innholdet i begge filene inn i "style.css" dokument under overskriften din tekst.

3 Redigere stiler som du ønsker å tilpasse det visuelle inntrykket av temaet. Hvis du er usikker på hvilken stiler å redigere, bruke Opera Browser, eller installere Firebug plugin for Firefox å aktivere koden inspektør funksjonen i nettlesermenyen. Laste opp Buddypress i nettleseren ved hjelp av det temaet som du tilpasse. Høyreklikk på et element du vil endre for eksempel en link, beholder, bilde eller meny. Du vil merke en kode vindu som viser deg HTML og CSS-stiler som korresponderer med elementet. I tillegg vil elementet bli beskrevet i sidevisningen for enklere valg. Du kan enkelt finne og redigere de tilsvarende klasser og velgere i din "style.css" dokument ved hjelp av denne metoden.

4 Tilpass strukturen i temaet ved å kopiere enkelt malfiler fra standardtemaet eller et annet barn tema inn i tema-mappen. For eksempel, åpner Buddypress plugin-mappen og dobbeltklikk på "BP-temaer" og dobbeltklikk deretter "bp-standard." Åpne "header.php" filen i editor. Du kan legge til eller fjerne HTML eller CSS-klasser, WordPress malkodene og Buddypress malkodene. Lagre hvert mal fil du endre til temaet mappen ved hjelp av det opprinnelige filnavnet.

5 Last opp din nye Buddypress barnet tema til webserveren under "wp-content / themes". Få tilgang til WordPress administrasjon panel og gå til "Utseende> Temaer" for å aktivere temaet. Oppdatere hjemmesiden for å se gjennom endringene. Du kan nå gjøre ytterligere tilpasninger og justeringer ved hjelp av "Inspiser Element" og inline redaktøren under "Utseende> Editor" for å se endringene trer i kraft umiddelbart.

Hint

  • Du kan opprette en Buddypress barnet tema ved hjelp av din egen CSS og en helt tilpasset design; det er ingen krav for bruk av Buddypress stiler. Men bør du gjøre deg kjent med Buddypress malkodene kreves for temaet å beholde full funksjonalitet.
  • Ikke kopier Buddypress default "functions.php" -filen i tema-mappen, da dette vil føre til konflikter som resulterer i en "hvit side" feil når temaet er aktivert. Du kan opprette en blank "functions.php" for å inneholde egendefinerte funksjoner hvis du ønsker det, men hver funksjon må ha et unikt navn fra de i Buddypress filen.