Opsætning af lokalt udviklingsmiljø i WordPress

Underviser: Thomas M. Iversen   Video: 14:24   Lektion nr. 2 af 39

I denne lektion skal vi have opsat din hjemmeside lokalt, så vi trygt kan lave rettelser i temaet uden at være bange for, at eventuelle fejl og problemer skal blive synlige på den live hjemmeside. Vi skal altså med andre ord opsætte et lokalt udviklingsmiljø, hvor vi kan prøve ting af, uden at det kan ses af andre end os selv.

Hvis du bruger Mac, så er opsætningen af XAMPP lidt anderledes end som du ser i videoen. Det anbefales derfor, at du følger denne guide til at opsætte XAMPP på Mac.

I videoen omtales en SQL-query du kan køre for at ændre links osv. på din dit lokale site. Jeg kører den ikke i videoen, da jeg ikke skal oprette nyt indhold på siden lokalt og udelukkende arbejde i temaet. Men hvis du ønsker at din lokale side skal opføre sig som din live side, kan du køre nedensående SQL-query i PhpMyAdmin.

SQL-query:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.example.com', 'http://localhost/test-site') WHERE option_name = 'home' OR option_name = 'siteurl';
 
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.example.com', 'http://localhost/test-site');
 
UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://www.example.com','http://localhost/test-site');

Du skal blot skifte “http://www.example.com” og “http://localhost/test-site” ud med henholdsvis din egen hjemmeside-adresse og den nye lokale adresse.

I næste video giver jeg dig en introduktion til et kraftfuldt værktøj i Google Chrome kaldet “Developer Tools”. Developer tools vil blive brugt en del i løbet af kurset, og derfor har jeg dedikeret en hel video til dette værktøj.