) i verden sammen med WordPress og Joomla. Den seneste version er den 7, der blev udgivet i januar 2011. Drupal er tilpasset gennem temaer, hvilket er en fantastisk måde at forbedre hjemmesider på, der bruger rammen. Du kan konfigurere strukturen og udseendet (plus nogle ekstra funktionalitet) af disse sider. Denne artikel vil i detaljer vise, hvordan man opretter et tema til Drupal 7. Selvom det kan lede brugeren gennem processen med at skabe "fra bunden"Det kan være bedre at arbejde med et grundlæggende tema som den populære Zen, Omega eller Tao. Hvis emnet er nyt for dig, vil udviklingen af" zero "-temaet være mindre forvirrende og mere didaktisk!
trin
Del 1 Forberedelse
1
Klargør godt for at følge trinene nedenfor. For at følge op og gennemføre tutorialen skal du forstå følgende grundlæggende begreber:
Formålet med hjemmesider
HMTL og CSS: hvordan disse sprog bruges til oprettelse af hjemmesider
PHP: Hvad det er, og hvordan det bruges til at forbedre ydeevnen
SGC: hvad de er, og hvordan de bruges til at oprette hjemmesider
Drupal: hvordan man bruger det til at oprette en simpel hjemmeside
Vær ikke bange for på listen. Med den rigtige mængde begejstring kan du lære, hvad du har brug for, mens du følger vejledningstipsene.
2
Opret et udviklingsmiljø. At udvikle et tema hurtigt og nemt (ingen internetforbindelse problemer), oprette et udviklingsmiljø (en kode editor og en testserver) på din computer. Den mest almindelige metode til at gøre dette er at installere WAMP / LAMP / MAMP-pakken ("W" til Windows, "L" til Linux og "M" til Mac) - hvor "A" står for Apache, serveren M står for MySQL , databasen og P står for PHP, serverens sprog - og download en open source editor.
Opret hjemmesiden. Start med at tegne layout af hjemmesidenes hjemmeside med en blyant og et blankt ark papir - vær ikke bange for at lave fejl eller foretage ændringer. Tegn alle de grundlæggende dele af siden, herunder overskriften, navigationsmenuen (som kan være under overskriften eller i et sidebjælke), kroppen (hvor indholdet skal være) og sidebladet. Du kan endda oprette andre områder på papiret. Når du er tilfreds med designet, skal du genskabe det i et program, der giver dig mulighed for at udvikle sider som Adobe Photoshop eller Adobe Fireworks. Tilføj derefter alle de planlagte visuelle elementer - tænk på farver og kontraster af lys og mørke, typografi og hvordan det bidrager til brugeroplevelse, layout og tomme mellemrum (husk at tænke på hvide rum!) og hvordan indholdet vil blive distribueret. Udvikle webstedet ved hjælp af HTML og CSS. Ligesom i det foregående trin er det mere effektivt at kun oprette dele af et websted, der vil have unikke layouter, som f.eks. Hjemme eller kontakt sider. Gør det enkelt og, hvor det er muligt, brug moderne konventioner og strategier (som HTML5 og CSS3). På dette tidspunkt må du ikke tilføje et serversprog (f.eks. PHP) og bruge lidt af klientsproget (som f.eks. jаvascript) for at undgå at forstyrre Drupal-kode - de kan tilføjes senere.
Video: How to Stay Out of Debt: Warren Buffett - Financial Future of American Youth (1999)
1
Opsæt Drupal for at begynde at udvikle temaet.Download Drupal og flyt alle filer på serveren, der vil blive brugt i oprettelsen af temaet (det anbefales at bruge din testserver eller en online-server). Sæt de hentede filer i mappen root (hvis du bruger en testserver, www eller localhost). Med internetbrowseren navigerer du til rodmappen (f.eks http: // www /) og følg installationsprocessen. Installer derefter de moduler, der skal bruges til at udvikle temaet.
2
Forstå strukturen på Drupal-siden og konverter dine statiske sider til det korrekte format.
HTML-sider kaldes "statiske" - det vil sige, de er ikke ment at være vært for dynamisk indhold og er bygget med blokmærker som "divs" (og "heaver", "footer" osv. I HTML5). Drupal sites er en blanding af statiske (HMTL) og dynamiske sider, som indeholder indhold, der ændrer sig ofte. I Drupal kaldes disse dynamiske dele "regioner"Sidebjælken er et eksempel på en region, hvor du kan indtaste navigationslinks, søgefelter, sociale netværksknapper og lignende. Se diagrammet herunder for at få en visuel ide:
Elementerne i Drupal-regionerne hedder "blokke"Bar og søgemenuer, for eksempel, er almindelige blokke. For at indsætte, omorganisere eller fjerne regioner, skal du gå til struktur > blokke af Drupal. Mange af dem kommer fra installerede moduler, men du kan også oprette dine egne blokke (på siden med samme navn).
Indholdet på hver webside (krops tekst, overskrifter, billeder og lignende) findes også i en region: det såkaldte "Indhold", som skal gemme alle Drupal-temaer. Hvad der bogføres på webstedet (om det er et blogpost eller en anden brugerdefineret vare) får navnet "node"og forbliver på blokken Indhold på hovedsiden. Kort sagt: Hvad er der på siden Om os, for eksempel gemmes i en "node" (af typen "side", selvfølgelig) og forbliver i blokken Indhold på hovedsiden, som igen ligger i regionen Om os.
Nogle gange er det almindeligt at finde flere "noder" på en side i blokken Indhold på hovedsiden, som den første side af webstedet, som normalt viser de seneste artikler (eller blogindlæg).
Temaet styrer regionerne, men ikke hvilke webstedsadministratorer, der placerer dem. Som udvikler skal du fortælle Drupal områderne af dit tema, samt liste dem i filer kaldet "skabeloner" (diskuteret i næste afsnit).
Del 2 Oprettelse af temafiler
Video: How to make a Contact Form in WordPress with Ninja Forms
1
Konfigurer temamappen. I den oprettes en ".info" -fil (som vil give dig oplysninger om formålet med temaet og hvordan det skal bruges) og liste de detaljer, der er indeholdt i det. Tilføj også et "screenshots". og en "CSS" mappe.
Opret "skabelon" filerne. Drupal bruger "skabelon"(hvis navne slutter i .tpl.php, det vil sige" PHP skabelon ") for at strukturere det endelige udseende på hver side.
1
Her er nogle fælles Drupal skabeloner: html.tpl.php, page.tpl.php, block.tpl.php og node.tpl.php.
Hver side genereret af Drupal (for eksempel "Home") vil bruge "skabeloner" html og side kun én gang og filerne region, blok og node mindst en gang.
Disse filer indeholder HTML, PHP og PHP-sprog variabler. Her er et eksempel af trykt variabel: , som er inde i filen node.tpl.php. Denne variabel indhold gemmer alle tekster, der er indtastet af brugeren i feltet "Body" på en grundlæggende side, når de tilsluttes til Drupal. Funktionen "render ()" sikrer kun, at resultatet, som genereres af variablen indhold bygges med de relevante HTML-tags.
For at se alle tilgængelige variabler i en "skabelon" fil, søg efter ".tpl.php" på Drupal.org. Hvis du vil se det almindelige indhold af en af disse skabeloner, kan du se filerne i Drupal Basic Themes-biblioteket: drupal > pasta temaer (ikke mappen drupal > sites > alle > temaer).
Indtast proces- og præprocessfunktioner. De tillader udvikleren at ændre enhver tilgængelig skabelonvariabel - så de kan vise forskellige resultater, når de udskrives på typefiler. Forskellen mellem proces- og præprocessfunktioner er, at alle disse kaldes (i en bestemt rækkefølge etableret af Drupal) før dem - i andre henseender er begge identiske.
1
Alle disse proces- og præprocessfunktioner er skrevet til template.php (opmærksomhed: denne fil gør det ikke er ".tpl.php"). Navne på dem, der tilføjes til dit tema, begynder med temabetegnelsen selv, f.eks meutema_process_node (). For at nævne det skal du skrive et "fra bunden" navn eller kopiere det fra et andet tema (og ændre det).
Her er et eksempel på at bruge en præprocessorfunktion til at ændre en variabel: vedhæft et tag ende og start af variablen $ variabler [`indhold`] inden for en funktion meutema_process_node ().
For at finde ud af mere om proces- og præprocessfunktioner og deres brugsorden, besøg denne side fra Drupal.org.
Del 3 Installation af temaet og afslutning af slutningen
Video: The Great Gildersleeve: Disappearing Christmas Gifts / Economy This Christmas / Family Christmas
1
Installer temaet i Drupal, konfigurer modulerne "Visninger" og tilføj de nødvendige noder og regioner.
Installer ekstra moduler, der kan være nyttige for at forbedre temaets udseende, sikkerhed og funktionalitet. Her er en liste over interessante moduler til mange websteder i Drupal, udarbejdet af Steve Floyd i denne artikel (på engelsk):
1
visninger: er afgørende og tillader udviklere at konfigurere og vise indhold på internettet i en side eller blokformular. De er endnu mere nyttige til at skabe dynamiske hjemmesider.
Visninger Slideshow
Pathauto
Mollom
Google Analytics
WYSIWYG
XMLsitemap
Backup og migrere
Workbench
medier
Drupal Commerce
2
Tilføj indhold til temaet og afslut hjemmesiden.
tips
Når du starter processen, har du allerede en klar ide om formålet med hjemmesiden, hvordan det skal kommunikere med publikum og hvordan udseendet skal se ud.
Forsøg ikke at skabe noget perfekt ved første forsøg - at færdiggøre første gangs udvikling vil allerede motivere dig til at finpudse dine teknikker i fremtiden.
Hvert spørgsmål har et svar: Søg på internettet for hjælp og løse eventuelle problemer med Drupal eller dens temaer.
Udnyt Drupal! Når du forstår rammens kraft, vil du se, at det er et værdifuldt værktøj til at opbygge gode websteder - og at udvikle temaer kan være givende.
advarsler
Selv om Drupal (som andre værktøjer nævnt i denne artikel) kan bruges på portugisisk, er det mere almindeligt at finde engelske versioner af rammen på internettet. Pas på forskelle.
Sådan hentes temaer til en BlackBerry
Sådan tilføjes et tema til Firefox
Sådan ændrer du overskriften til en WordPress-blog
Sådan downloades og installeres temaer på PSP
Sådan oprettes et websted uden HTML
Sådan sænkes visuel hårdhed Ændring af Windows 7-temaet til "høj kontrast"
Sådan ændrer du Chrome-temaet
Sådan bliver du en webdesigner og professionel programmør
Sådan bruges WordPress
Sådan ændres temaet for en Xbox
Sådan tilføjes et baggrundsbillede til dit Tumblr-tema
Sådan ændrer du temaet for din Tumblr
Sådan ændres temaet på Twitter
Sådan hurtigt konfigureres et websted ved hjælp af Joomla
Sådan logger du på et websted som administrator
Sådan laver du et fotosite
Sådan installeres et tema i Wordpress