Standaard , Drupal maakt gebruik van Cascading Style Sheets ( CSS ) om de weergave van lettertypen , achtergronden en andere pagina-elementen te veranderen . Sidebar en inhoud blokken , onderdelen van de Drupal -indeling , worden ook gestyled met behulp van CSS identificatie en klasse tags. Ontwikkelaars die willen het uiterlijk van die blokken passen hebben een paar verschillende opties om vergelijkbare resultaten te bereiken . Idealiter echter , zullen ze ofwel de huidige klasse definities bewerken of invoegen geheel nieuwe klasse -tags worden gedefinieerd. Wat je nodig hebt
tekst editor ( Notepad + + , Nedit , Wordpad , enz. ) op FTP-client ( WinSCP , FileZilla , etc. ) op Mozilla Firefox
Firebug
Show More instructies
Maak een Editing Milieu
1 Installeer de Firebug add -on voor uw Firefox- browser . Een insect icoon verschijnt in de rechterbenedenhoek van Firefox . Kopen van 2 Bevestig dat u een teksteditor . Zo niet , download er een die compatibel is met uw systeem .
3 Bevestig dat u een FTP-client . Zo niet, plaats een die compatibel is met uw systeem .
Prototype Met Firebug
4 Navigeer naar uw Drupal website met behulp van Firefox .
5 Launch Firebug . Klik op het icoon "Inspectie " in de werkbalk Firebug .
6 Gebruik de functie " Controle " te zweven over de Drupal blok dat u wilt veranderen met CSS .
7 Klik op het blok om Firebug kijker bevriezen .
8 Noteer alle huidige CSS-klassen of identificatie tags in gebruik .
Prototype 9 eventuele wijzigingen met de edit mode van Firebug .
update Actueel CSS Informatie
10 Gebruik het tabblad ' Style ' van Firebug de CSS-bestand ( en) die momenteel door het blok mee . < br >
11 Trek een kopie van dat bestand van de server naar uw bureaublad met behulp van uw FTP -client .
12 Plaats een tweede kopie van dat bestand in een gesegregeerde map. Dit is een back-up .
13 Open het eerste lokale bestand en de nodige wijzigingen met behulp van uw tekstverwerker ,
14 Upload het bewerkte bestand terug naar de server met behulp van uw FTP opdrachtgever .
toevoegen compleet nieuwe CSS Informatie
15 Download de " Block Class " Drupal module .
16 Volg alle instructies voor de module installatie .
17 Ga naar ' Administratie ', ' Site Building , " " Blokken " naar een nieuw blok klasse toe te voegen .
update 18 stylesheet van de huidige thema 's met de klassedefinitie .
19 Vernieuw de pagina van het blok om wijzigingen weer te geven .
|
