Oprettelse af en arbejdsgang til CC og

jeg voksede op en Kemi nørd og stadig levende huske spændingen ved overbrusning jern arkivering over min mini Bunsen brænder for at se den mousserende fyrværkeri. Tanken om, at to elementer kunne kombineres til en så spektakulær effekt, var forbløffende for mig. Jeg oplevede den samme synaptiske glæde, da jeg opdagede, hvordan ordtryk og Drømmevævning blev skabt til hinanden.

det er uden tvivl det mest populære CMS, der bruges i dag. Med brorparten af markedet (47.5% af de øverste 10K sites, ifølge BuiltWith.com), et stort udvalg af skabeloner og plug-ins, for ikke at nævne en stadigt udviklende brugervenlighed, tilbyder en direkte rute til et bredt spektrum af stedsdestinationer. Men hvad nu hvis du ikke ønsker at gå præcis, hvor en skabelon siger, at du skal? Hvad hvis din klient—eller din egen personlige designfølelse-kræver en brugerdefineret online tilstedeværelse? Så lad mig introducere dig til den bedste design-og kodningspartner, der aldrig vidste, at den havde: Drømmevæver CC.

jeg er en stor fan af arbejdsgangen og har kombineret disse to elementære elværktøjer i årevis for at konstruere steder til kunder, der har brug for indholdsstyringsfunktioner sammen med et personligt look-and-feel. Jeg tror, at det er velegnet til opgaven, ikke kun som en designmotor til at perfektionere det frontvendte sted, men også som et effektivt kodningsmiljø til håndtering af brugerdefinerede, uundgåeligt nødvendige PHP-funktioner.

: CC

hvad bringer til bordet, der gør det så velegnet til udvikling? Nøglen er kombinationen af Live visning og PHP support. Det er vigtigt at vide, hvordan man behandler sproget på serversiden. HTML5 og CSS 3 design med en kompatibel præcision-alt sammen samtidig med at alt er interaktivt og redigerbart.

er en utrolig kompleks templating program, der afhænger af næsten 100 inkluderet og sammenvævede separate filer til at generere en enkelt side. Hvordan ved jeg det? Bare åbn et indeks.php-fil fra en hjemmeside rod og give Dreamveaver klarsignal til at opdage dynamisk relaterede filer. Du vil snart se et væld af tilgængelige filer—PHP, CSS, JavaScript og HML—oven på dokumentvinduet i værktøjslinjen relaterede filer. Og Drømmevæver giver dig ikke kun adgang til hver eneste af dem, men behandler dem alle og præsenterer det gengivne resultat trofast. Meget kraftfuld.

filtrering efter vigtige filer

selvfølgelig kan tilgængeligheden af et så stort antal filer være kontraproduktivt, når du prøver at finpudse den helt rigtige CSS eller anden fil. CC indeholder det perfekte værktøj til at målrette udvalgte filer: Filter relaterede filer. Denne facile funktion gør det muligt kun at vise bestemte typer filer (som PHP eller JavaScript) eller individuelle filer. Jeg bruger rutinemæssigt den brugerdefinerede filterindstilling for denne funktion til at arbejde bare på mit temas CSS -, indeks -, sidehoved-og sidefodssider, som denne:

*.css; indeks.php;sidehoved*; sidefod*

https://blog.adobe.com/media_96f5f722920d6ba831d715073c8763583b6dfe1e.gif

når du indtaster i feltet brugerdefineret Filter i dialogen, vises kun de filer, jeg har brug for—inklusive dem i aktive temaer eller underordnede skabeloner—i værktøjslinjen relaterede filer. Nu Kan jeg arbejde med kode i delt visning, og en hurtig opdatering viser eventuelle opdateringer i Live-visning.

hurtig styling

Integration med CSS er endnu strammere, med ændringer foretaget i Drømmevæverens CSS-Designerpanel, der træder i kraft med det samme. Ud over at tilbyde den fulde palet af CSS-egenskaber giver grænsefladen direkte adgang til flere kilder, også dem, der bruges i medieforespørgsler, så du kan være sikker på, at du arbejder med den rigtige CSS-fil.

https://blog.adobe.com/media_504fd2693d1ae75005819cc5acb5dcf82f56ed76.gif

bedst af alt er det ret nemt med den nyligt udviklede Live-visning at præcisere, hvilke skærmområder eller elementer der skal løses. Naviger bare til den ønskede side ved hjælp af funktionen Følg Link og aktiver derefter Inspektionstilstand. Vi behandler din side fejlfrit og fremhæver derefter den tilsvarende CSS-vælger og dens egenskaber til peg-og-klik-ændring. Mere dybdegående redigeringer er kun et højreklik væk, når du går til kode.

ordtryksspecifik kode, der antyder

når vi taler om kode, ud over den generelle kompatibilitet med alle PHP-applikationer, yder vi også support til specifikke Ordtryksfunktioner. Da ikke alle projekter er hjemmesider, aktiveres denne målrettede funktion på site-by-site basis ved at vælge Site > site-Specific Code Hinting. Den efterfølgende dialog, der åbnes, registrerer din installation og vælger automatisk ordtryk samt den relevante koderot. Ærligt, i de fleste scenarier er alt hvad du skal gøre, at køre kommandoen, åbne dialogen og klikke på OK: resten er automatisk. Nu, tips til alle de funktioner, komplet med syntaks og kort beskrivelse pop-up, som du kode.

http://blogs.adobe.com/creativecloud/files/2015/02/code-hint.png

Hvad skal der til for at komme i gang med en Drømmevævning og Ordtryksgang

så hvad skal der til for at komme i gang med en Drømmevævning? Overraskende lidt. Her er de vigtigste trin:

Opsæt Apache, PHP og PHP

for at servere Korrekt skal du bruge en lokal internetserver (typisk Apache) sammen med både PHP-og PHP-funktioner, samlet kendt som en AMP-stak.Der er to grundlæggende ruter, du kan tage for at opfylde dette krav: separate komponenter vs. programbundt. Installation og aktivering af separate komponenter (Apache server, PHP og normalt et databasestyringsprogram som phpMyAdmin) tager længere tid og kræver mere teknisk ekspertise, men giver mere kontrol.Installation af et programbundt som MAMP (Mac og vinduer) eller Vampserver (kun vinduer) er en one-stop, peg-og-klik snavs-enkel proces, men opgiver detaljeret system management.Lynda.com tilbyder et kursus, der dækker hele AMP havnefronten og forfatter David Gassner fører dig gennem hvert af scenarierne, komplet med fejlfinding. (Hvis du ikke er en Lynda.com medlem, få 10 dage gratis til at se dette kursus og andre, inklusive mine egne kurser.)

Opret en database

når dit udviklingsmiljø ruller sammen, skal du oprette en database til installationen—et snap med hvert databasehåndteringsprogram. Du kan navngive databasen, hvad du vil; jeg går typisk med noget klientbaseret, fordi jeg udvikler en masse hjemmesider lokalt. Og databasen er alt hvad du behøver: alle tabeller og skema er oprettet for dig under installationen.

definer din hjemmeside

din hjemmeside skal være i en mappe i din lokale rod, så den kan gennemses via en http://localhost/ adresse. (Bemærk: afhængigt af din Apache-servers konfiguration skal du muligvis tilføje et portnummer.). Derudover kræves en testserver, der specificerer den lokale netrod samt en PHP-servermodel.

jeg henter altid den nyeste version fra WordPress.org når man starter et projekt. Rammen opdateres ofte med både mindre (fejlrettelsesorienteret) og større (forbedrede funktioner) versioner. At holde sig ajour er især vigtigt ud fra et sikkerhedsmæssigt synspunkt i disse dage; teamet er ret årvågen med at styrke eventuelle opfattede sårbarheder. Gem indholdet af det hentede arkiv i din Drømmevæver lokale site mappe. Hvis du integrerer en blog i et sted, skal du holde alle filerne i deres egen mappe væk fra stedets rod.

installer

selvom det er her, alt det egentlige arbejde finder sted, er installation af måske det nemmeste trin takket være rammens insistering på en idiotsikker, no-brainer, let peasy tilgang.Du skal blot gå til din hjemmesides mappe med admin (med en URL som http://localhost/Min Side / admin/), så er du væk.Du vil opdage manglen på en konfigurationsfil og bekræfte, at du vil oprette en. Når du gør det, skal du indtaste nogle kerneoplysninger, som databasenavn og legitimationsoplysninger. Derefter, hvis du har fulgt de foregående trin korrekt, hilser du med en af de mest tilfredsstillende installationsmeddelelser, der nogensinde er oprettet: “okay Sparky!”Det får mig til at smile hver gang. Et klik mere, og installationen er afsluttet: du er klar til at logge ind og begynde at arbejde med .Sørg for, at du er i Live-visning, og åbn indekset.php. BAM! Der er dit standard tema og eksempel indlæg. Techno-abracadabra.

verden af muligheder afsløret

nu begynder den rigtige sjov, når du begynder at udforske begge sider af arbejdsgangen: Drømmetydning og ordtryk. Og der er et ton, du kan gøre med begge, herunder underordnede temaer, plug-ins, brugerdefinerede sider og endda en personlig administrativ grænseflade, dashboardet. CC kan håndtere det hele, fra CSS-design til PHP-funktioner. Prøv det og se, om det ikke modregne en kemisk reaktion af din egen.