skapa och redigera ditt ideala WordPress-tema i Dreamweaver

Adobe Dreamweaver är ett skrivbordsverktyg för att visuellt designa en webbplats. Det är en front-end IDE (integrated development environment) som låter dig snabbt växla fram och tillbaka mellan visning av HTML, CSS, JavaScript och en Live förhandsvisning av den aktuella designen.

du kan också designa och layout sidor visuellt, med hjälp av en kraftfull WYSIWYG (”vad du ser är vad du får”) läge som automatiskt genererar kod medan du arbetar.

Dreamweaver integreras väl med andra Adobe visuella designverktyg som Photoshop, InDesign och Illustrator. För erfarna grafiska designproffs som används för att arbeta med de andra applikationerna, ger Dreamweaver ett enkelt sätt att komma in i webbdesign utan att behöva behärska kodning på tre olika språk.

WordPress är det mest populära innehållshanteringssystemet på webben och driver över 25% av alla offentliga webbplatser. WordPress skiljer innehåll, funktionalitet och design; en WordPress-webbplats front-end-design bestäms av ett tema. Ett tema är en samling PHP-mallfiler som genererar HTML-utdata och en eller flera CSS-filer som definierar den visuella stilen.

att bygga ett WordPress-tema är vanligtvis en övning i kodning, och Dreamweaver byggdes speciellt för att hjälpa siddesigners att undvika att behöva koda. I tidiga versioner av Dreamweaver orsakade PHP-kod faktiskt visningsproblem.

dessutom var Dreamweaver inriktad på skapandet av hela HTML-sidor, inte sidmallar uppdelade mellan ett antal PHP-filer. Baserat på dessa problem verkar det som om Dreamweaver inte passar bra för WordPress-utveckling. Faktum är att den gemensamma åsikten brukade vara att WordPress och Dreamweaver var ömsesidigt exklusiva.

denna åsikt är dock lite föråldrad vid denna tidpunkt. Dreamweaver stöder nu integration med flera innehållshanteringssystem, inklusive WordPress. Att redigera mallfiler är lika enkelt som att redigera HTML-sidor, och Dreamweavers kodredigerare innehåller även syntaxmarkering och automatisk komplettering för PHP.

WordPress och Dreamweaver var båda utformade för att göra det lättare att bygga webbsidor. De var inte ursprungligen avsedda att arbeta tillsammans, så att få allt inrättat tar lite arbete.

men om du följer någon av de utmärkta tutorials vi har samlat för dig och lägger till i de utmärkta verktygen vi hittade, finns det inget som hindrar dig från att använda din favorit sidredigerare för att designa för ditt favoritinnehållshanteringssystem.

handledning för att arbeta med WordPress i Dreamweaver

• hur man använder Adobe Dreamweaver för att designa ett WordPress-blogginlägg eller redigera ett WordPress-tema är en grundlig handledning, inklusive information om att skapa en lokal utvecklingsmiljö och integrera de två teknikerna.
• Dreamweaver CC och WordPress 3.8: kärnkoncept, från Lynda.com, är en fem timmars videokurs som täcker allt från responsiv design till att använda Dreamweaver för distribution och testning.
• Bygg WordPress-webbplatser med Dreamweaver är en detaljerad handledning som går igenom att skapa en lokal WordPress-installation och ansluta den till Dreamweaver.
• att bygga WordPress-webbplatser med Adobe Dreamweaver CC är en bra handledning från Adobe-bloggen som utforskar inte bara hur man använder Dreamweaver med WordPress, utan också varför du vill. Massor av visuell inspiration här också.
• Dreamweaver CC att arbeta med WordPress är en komplett handledning om att bygga WordPress-teman med Dreamweaver, med över sex timmars videoinnehåll.
• hur man ställer in WordPress i Dreamweaver är en kort videohandledning som fokuserar på att få WordPress och Dreamweaver att spela snyggt tillsammans.
• att skapa ett Dreamweaver CC-och WordPress-arbetsflöde beskriver detaljerna för hur man effektivt integrerar WordPress och Dreamweaver i en förnuftig utvecklingsprocess.
• redigera ett WordPress-tema med Adobe Dreamweaver CS5 är en fyrdelad serie om redigering (inte byggnad från grunden) WordPress-teman med Dreamweaver.
• redigera en WordPress blogg med Dreamweaver CS5 är en mycket detaljerad genomgång av vad som krävs för att köra WordPress lokalt och redigera temafiler i Dreamweaver.
• använda Dreamweaver för WordPress Design och utveckling beskriver den grundläggande processen för att få de två applikationerna att fungera tillsammans, men ger också många praktiska tips och praktiska exempel på vad som kan gå fel och hur man ser till att saker går rätt.
• redigera ett WordPress-tema i Adobe Dreamweaver är en kort videohandledning som kommer att komma igång med Dreamweaver med WordPress.
• WordPress tema redigering med Dreamweaver förklarar steg för steg Hur man ställer in en testserver, installera WordPress lokalt, och integrera Dreamweaver. Den här artikeln handlar också om att lösa några av de vanliga problemen som uppstår när du redigerar temafiler från Dreamweaver.
• att konvertera en Dreamweaver-webbplats till WordPress handlar inte om att arbeta med ett WordPress-tema inifrån Dreamweaver, utan om att konvertera en befintlig Dreamweaver-webbplats till WordPress.
• hur man redigerar WordPress Teman med Dreamweaver är lite daterad men ger bra information för tweaking teman.

ska jag använda Dreamweaver med WordPress?

många professionella webbdesigners gillar inte Dreamweaver och tycker inte att du ska använda den för att bygga webbplatser. Dessa åsikter är förmodligen lite överblåsta, fastän.

det är verkligen sant att de flesta professionella front-end-utvecklare vanligtvis inte använder Dreamweaver. Men de flesta saker som folk gillar att klaga på i Dreamweaver har rättats i de senaste versionerna.

WordPress är lika populärt som det är just för att du inte behöver vara en professionell front-end-utvecklare för att använda den. Du kan få en välbyggd webbplats igång snabbt även om du inte vet hur du kodar. Det är just därför Dreamweaver blev populär, för.

med Dreamweaver med WordPress kan du bygga specialdesignade teman utan att behöva lära dig HTML, CSS, JavaScript och PHP. Det betyder inte att du är en front-end utvecklare, men det betyder att du inte behöver vara.

Ytterligare läsning och resurser

vi har fler guider, handledning och infografik relaterade till kodning och webbutveckling:

• komponera bra HTML: detta är en solid introduktion till att skriva välformade HTML och använda HTML validator programvara.
• Dreamweaver introduktion och resurser: detta kommer att få dig att gå med Dreamweaver om du är ny på det.
• Värd För Dreamweaver-Webbplatser: Även om webbplatser som är byggda med Dreamweaver ska fungera i alla värdscenarier har vi sammanställt information och rekommenderade värddatorer med Dreamweaver-expertis.
• WordPress Hosting-lär dig mer om och jämför dina val för hosting webbplatser byggda med WordPress.