Category Archives: Word Press tips og tricks

apr 14, 2020

Migrering af WordPress

Hvis man vil flytte sin WordPress websted fra det ene sted til det andet fx fra kfmh.dk til en lokal server, til localhost/kfmh er der flere ting man skal gøre. Nedenunder følger beskrivelse manuelt, og derefter med et plugin, duplicator.

1. Først sikkerhedskopiere alt. Det kan du passende gøre med duplicator (eller manuelt – dvs downloade webfiler og exportere databasen)
2. Så skal du ind og lave linket om til den gamle hjemmeside. Du går ind i Kontrolpanel –> Indstillinger –> Generelt og for WordPress adresse og Websteds adresse ændre https://kfmh.dk til https://localhost/kfmh. Derved kan du selvfølgelig ikke komme ind på siden igen. Grunden til at du skal gøre dette er at du skal lave alle database referencerne til URL til den gamle side om til URL for den nye. Det kan være sider, det kan være indlæg eller navigationsbarer.
3. Nu kopierer du igen alle web filerne og eksporterer databasen ned på din computer.
4. Hvis det er et nyt fjernsted skal du ind i wp-config og ændre adgangs specifikationerne til databasen på fjernstedet. Hvis det er lokalt websted kan du bruge de oplysninger, der findes med den, fx root uden password. Desuden skal du lave en database til din installation.
5. Nu skal du uploade web-filerne, og derefter ind på MySQL-Admin og importere databasefilerne.
   5.a Alternativt til 2, kan du undlade at udføre ændring af URL, men til gengæld uploade et script, GitHub – til roden af dit site og udføre det og udfylde de felter, som det beder om, når step 5 er udført
6. Når det er gjort, skal du ind i den tabel, som hedder options , finde de rækker, der hedder “siteurl” og “home” og rette dem til den rigtige URL, hvis det ikke allerede er rettet.

Migrering af WordPress til et andet domæne er ikke ukompliceret, og det vigtige er at opdatere alle referencer i databasen, så at de peger til de rigtige steder for at finde de objekter de peger på.

Figuren viser, hvor langt i processen Duplicator er nået. Her har den scannet sitet plus database. Resultatet kan ses på den næste figur.

Den brokker sig over størrelsen af den build, som skal laves. Men det skyldes, at hvis du har noget mere på sitet , nogle backup versioner, og mange billeder/videoer. Noter, alt i databasen kopieret. Endvidere kan der være nogen navnekonflikter på nogle servere, hvis du bruger unikode – eller specialkarakterer, såsom ?! \ etc.

Hvis du klikker på en af de farvede knapper kan du få en yderligere forklaring på dens betydning. Hvis “Overview” er “Good”, så kan du duplikere dit site til et andet domæne.

Du sætter et hak ved “Yes continue with the build process!” og trykker på knappen, Build. Herved danner den en zip-fil af dit site og exporterer hele databasen – og laver et php script, installer.php.

Du skal nu angive dit URL for det nye sted, og database kontakt informationerne. Noter, at du skal have oprettet databasen på det nye sted. Er det på localhost, – så skal du bruge localhost som databasehost, root, som bruger og ik’ noget password. Du kan også have oprettet en bruger skræddersyet til formålet.

Nu skal du uploade dit build samt installer.php til roden af dit websted og derefter navigere til scriptfilen i en browser og køre den.

Hvis alt går godt har du så en næsten eksakt kopi af dit websted.

Hvis du vil bruge plugin, duplicator kan du gøre det på en forholdsvis smertefri måde. Du går ind i kontrolpanel –> duplicator og vælger fanen “Packages”. Du vælger siden “Create new” og du kommer til et vindue:

mar 31, 2020

Manuel installering af WP på Xampp

Hvis du har din egen server lokalt, kan du simulere installering af WordPress som upload på et webhotel.

Eftersom du også administrerer websitet så kan du tildele en “bruger” en MySQL konto samt database. Dette skal vi bruge, når vi opretter et nyt WordPress site på Xampp.

Først skal du oprette et område på serveren for dit website. Det skal hedde wp-test. Du går bare ind i htdocs og opretter mappen wp-test. Dette er det område brugeren skal have.

Så skal du ind i MySQL Admin i XAMPP kontrolpanel

Du klikker på Admin ud for MySQL, markeret med den blå ramme. Her kan du så oprette en bruger, kg_epel, og en database med samme navn, hvor brugeren har alle rettigheder til den database. Man skal så selvfølgelig vælge et password, her Engelstedsgade 65.

For at komme videre her, så skal du knytte området i htdocs, wp-test til din bruger kg_epel i administration for FileZilla serveren.

Du skal nu klikke på FileZilla Admin, og så kommer du til følgende vindue

Du opretter nu brugeren kg_epel, og giver ham et password, og derefter skal du klikke på “Shared folders”, som på vinduet nedenunder. Klik på Add.

Nu er du så færdig konfigurationen, og brugeren kan oprette forbindelse med et vilkårligt ftp program. Men her er en vigtig fejl. Når man allokerer område, skal man også sørge for, at der er skrive og rettelses tilladelser, ser man på den første figur, så mangler der rettighederne til fx at skrive i fil eller oprette mapper. Alle checkbokse skal checkes.

Du downloader så WordPress fra https://da.wordpress.org/download/ og lægger den i en mappe på Pc-en. Det er en zip komprimeret fil.

Nu skal du uploade zip-filen til serveren. For at gøre det bruger du FileZilla ftp program. FileZilla serveren skal være startet, og du skal have en FileZilla (eller andet program) klient installeret på Pc-en.

Du starter FileZilla klienten op, og taster brugeroplysningerne. Værten er localhost – brugernavnet er kg_epel, og så taster man sin kode og klikker på lyntilslut.

Så navigerer du til der hvor du har pakket alle WordPress filer og mapper ud, vælger alle sammen og højreklikker og vælger upload. Dermed uploades alle filerne. I vores tilfælde hedder webstedet localhost/wp-test, og det skriver vi i adresselinjen. Så hvis alt er gået godt får du følgende billede.

Nu får du så brug for de oplysninger, som du normalt har fået fra webhoteludbyderen.

• Databasenavn, – her skriver du kg_epel, den database du oprettede
• Database brugernavn. Her skriver du også kg_epel, den bruger, som er knyttet til den database
• Database adgangskode: Adgangskoden valgte vi til at blive Engelstedsgade 65, så det skriver du
• Databasevært Databaseværten, det er MySQL serveren hedder localhost, så det skrives i dette felt
• Tabelpræfiks Da der er en anden WordPress installation, skal vi vælge ændre wp til fx test.

Det nedenstående billede viser de udfyldte felter og så klikker man på send, og så får man endnu en velkomst vindue om alt er gået godt

mar 28, 2020

Indstillinger for udgivelse

Dette er blot en test for at se hvordan man kan udgive / forhåndsvise eller gemme indlæg som kladde. I oversigts kolonnen længst til højre skal du skifte fra Blok visning til Dokumentvisning. Når du begynder at skrive, så skifter den automatisk til blok-visning.

Længere nede i kan du så gøre forskellige ting, så som beslutte, om indlægget skal være offentligt, eller kun administratorer og redaktører må læse. Du kan også beslutte, at det skal

være passwordbeskyttet . Dette indlæg er offentligt, men i stedet for at blive udgivet øjeblikkeligt, har jeg sat til at blive udgivet den 28. marts kl. 11.56, hvorefter det kan så ses som et offentligt indlæg. Man kan også sætte indlægget i toppen af bloggen, og man kan sætte det til at blive gennemlæst inden udgivelsen.

Notér at i stedet for “Udgiv” står der “Planlæg” som tekst for den knap, som sender det afsted.

Der findes også indstillinger, hvor man kan fortryde, at indlægget blev udgivet.

Hvis du gemmer et udgivet indlæg, som kladde, så spørger editoren om du virkelig vil fjerne udgivelsen.

Den sidste ting er revisionshistorik. WordPress gemmer nemlig alle revisioner af et indlæg. Og oversigten af disse kan man få ved at gå under “Status og synlighed” (for et udgivet indlæg. Hvis du klikker på “Afventer gennemlæsning”, så skifter “Gem kladde” til teksten “Gem som afventer”

mar 27, 2020

Max upload size

Normalt er den maksimale upload størrelse begrænset til 40M. Dette kan dog ændres i WordPress. Man kan enten gøre det manuelt eller ved hjælp af et plugin, som hedder “Increase Maximum Upload File Size”. Hvis du vil gøre det manuelt kan man gå til filen, wp-config.php og indsætte følgende sætninger

1. @ini_set( ‘upload_max_size’ , ‘128M’ );
2. @ini_set( ‘post_max_size’, ‘128M’);
3. @ini_set( ‘memory_limit’, ’64M’ );

Det anbefales dog, at man benytter plugin’et til at fixe det.

Når du kører plugin’et så får du et udseende, som vist i figuren.

Notér her, at der også findes en anden grænse, som din hjemmeside udbyder har sat. I dette tilfælde vil det ikke hjælpe at sætte upload størrelsen mere end 128Mb, for det tillader udbyderen ikke.

Kører du din egen host, fx XAMPP kan du ændre dette ved at gå ind i PHP ini filen og ændre grænserne. Der er to sætninger du skal ændre.

post_max_size: max størrelse af blok, der kan uploades ad gangen
post_max_size=40M –> post_max_size=128

upload_max_size : Max størrelse af fil du kan uploade:
upload_mazx_size=40M –> upload_max_filesize=128M

Dette betyder, at nu kan du sætte max upload i WordPress til 128M i stedet for 40M i dit plugin.

mar 25, 2020

Brug af CSS til layout

Hvis du gerne vil ændre lidt på, hvordan indholdet af WordPress siden vises, så kan man gøre det på 2 forskellige måder.

• Benytte CSS redigeringsfacilitet i WordPress. Det vil sige at du opretter CSS sætninger for dit websted ved at benytte “tilpas dit websted” knappen og redigere i CSS filen
• Man kan installere et child-tema og redigere i dets CSS fil.
• Man kan også redigere i hovedtemaets CSS fil, men den overskrives ved opdatering, og så går ændringerne tabt.

Det bedste er nok at benytte den indbyggede mulighed, så du klikker på knappen, “Tilpas dit websted” som vist på figuren:

Så får du følgende vindue frem:

Du klikker på “Ekstra CSS” og vil have brødteksten i indlæggene og overskriften til at være sort. Og skriver som følger:

Hvordan ved man så, hvilken klasse man skal ændre på? Det gør du ved at vise en side med indlæg, flyt musen til det sted, som du vil ændre på, fx tekstfarve fra grå til sort. Højreklik med musen Så får du følgende vindue,

Derefter klik på “Undersøg”, så kommer du til en kildekode hvor netop koden for det sted er markeret.

Billedet nedenunder viser den markerede overskrift og ovenover dens CSS klasse. På venstre siden ser du hvor dens kode ligger, og format-specifikation i CSS klassen

Det mellemste billede viser kildekoden for overskriften, og det nederste billede standard formateringen og nederste halvdel brugertilføjede formatering. Læg mærke til !Important efter Color:#000 specifikationen. Dette er nødvendigt for at få tekstfarven sort!

Bemærk også, hvis du skifter tema, så forsvinder dine CSS klasser, – til gengæld opbevares det i dit gamle tema.

mar 23, 2020

Brugerhåndtering ved Theme My Login

Theme My Login er blevet ændret efter kursusvideo 15.2 i Nemprogrammering. Således er logoet også skiftet, men funktionaliteten er stadigt den samme.

Man skal dog notere sig, at der ikke oprettes nogen sider. Til gengæld bruges der permalinks for de forskellige aktioner, som skal foretages.

I første omgang kan man bare følge kursusvideoen med hensyn til widget på sidebaren til registrering, – og, derefter bliver man nød til at oprette selve login-siden. Der er dog en ting, som man skal tage hensyn til, som ikke umiddelbart fremgår af dokumentationen for pluginet.

Som sagt login siden er myWordPressSite/login/ og når du opretter en log ind side, så er det ikke nødvendigvis det lokale link “login” siden får. Det betyder, at du ikke kan få plugin funktionaliteten frem. Så siden log ind siden SKAL have adressen, myWordPressSite/login/ !. Herefter følger opskriften på, hvordan du sørger for det.

Hvis du fører musen over til Theme My Login under indstillinger får du de følgende menupunkter: Klikker du på Generelt så kan du se hvilke links Theme My Login opererer med. Nu går du til overskriften af din side
og klikker på overskriften, se figur nedenunder:

Hvis ikke den henviser til /login/, så klikker du på knappen Rediger og ændrer det, så det bliver som på figuren. Du skal også skrive shortcode for Theme Me Login for at hente login-formularen frem, som vist på figuren.

Der er ikke brug for at indsætte flere sider, da plugin-et håndterer visning af login alt efter om man er logget ind eller ej. Har du glemt din kode, så klikker du på linket “glemt password” og kan derved nulstille det ud fra linket, der sendes til din e-mail adresse.

mar 17, 2020

Bruger registrering

Der findes plugins til at foretage oprettelse af bruger med alle de komplicerede handlinger en moderne registrering kræver i dag.

I kurset i Nemprogrammering anvender man et plugin, der hedder Theme My Login. Men det er et stykke tid siden, og dette plugin ikke opdateret til den nyeste WordPress. I stedet for benyttes et plugin, der hedder Ultimate Member , som kan det samme. Vi kunne ikke få Ultimate Member til at virke, så derfor har vi valgt den nuværende version af plugin-et Theme My Login

Gutenberg editoren giver ikke mulighed for nemt at skifte tekstfarve, til dette brug kan man installere et lille plugin TinyMCE, som giver lidt flere muligheder i højre side, når du redigerer en tekst

Du finder Theme My Plugin ved at gå til søgesiden og taste Theme My Plugin. Du skal så vælge et plugin (marts 2020), som ser ud som følger:

Theme My Login indeholder alle de faciliteter, som man skal bruge til en simpel automatisk registrerings og login tjeneste.

1. Registrering: Her skal du gå ned til widgets og finde den widget, der hedder Theme My Login, – den flytter du hen, hvor den skal vises. I dropdown menuen for aktion skal du vælge registrer, de to andre er login og mistet adgangskode. Det kommer vi til under punkt 2.
2. Login. Hvis ikke plug-in – et har oprettet siderne “Log ind”, “Log ud”, “Registrering” og “Mistet adgangskode” skal du selv oprette disse og skrive Theme My Login short code, [“theme-my-login”] for at få formularerne vist. Her har jeg sat navnet på shortkoden i apostrofer, så vi ikke får vist indholdet i dem.

Som et kuriosum kan der nævnes, at man nemt kan lave sin egen shortcode. Det kræver lidt viden om kodning, men hvis man går ind i functions.php – i sit tema eller i den mappe, der hedder “includes/shortcodes.php” og fx skriver

function showknap()
{
ob_start(); ?>
<div id=”knap”><a href = “www.kfmh.dk”>Besøg KFMH</a></div>
<?php
return ob_get_clean();
}
add_shortcode(‘knap’,’showknap’);

Dette er en PHP funktion ob_start() henter al output og lægger i en buffer. Den tager dermed HTML koden, som bliver skrevet ud.
Den sidste funktion ob_get_clean() henter indholdet og afslutter og giver dette som output for funktion showknap(). Læs mere om disse funktioner via ob_ funktionerne
Den sidste linje knytter shortkodenavnet til funktionsnavnet, således, at når man indlejrer [“knap”] i sin tekst, så udføres funktion og dermed vises knappen med linket til KFMH. Test [knap]

Test [wptricks]

Og hvor skal vi så lægge denne funktion?? Man kan lægge dem i i temaets functions.php, – meen så er det jo tema afhængigt. Så det bedste sted er at lægge den i en fil i Includes, som hedder shortcodes.php, her vil funktionen blive eksekveret, når vi skriver short-code for den (og ligeledes funktionsnavnet)

At lave funktionalitet, som kan fremkaldes ved shortcodes kræver altså lidt kendskab til PHP programmering.

mar 17, 2020

Sociale medier

For at kommunikere ud til sociale medier skal man bruge et plug-in. Det plugin, som kursusholder foreslår, hedder Social Media Feather. Når du bruger dette plugin, så kommer der et ekstra menupunkt under indstillinger i kontrolpanelet, som hedder Social Media. Hvis du klikker på den, får du en uoverskuelig side:.

Det man skal lægge mærke til her er at “Shortcodes in Widgets” er slået til. Der følger så en midtersektion, hvor du kan specificere, hvordan ikonerne til de forskellige sociale medier skal se ud, hvor store de skal være, og hvilken layout de skal have. Den sidste sektion omhandler så udbyderne til de sociale medier.

Her bestemmer man hvilket social media man vil henvise til, og om vi vil bruge deling eller “følg os” faciliteterne. Man bestemmer også teksten, og der hvor man skal følges skal man også angive linket til startsiden (som regel ens navne-side)

Man kan både have deling på pågældende sociale medie samt en link til at følge. Dette kan sættes både under, over eller både under og over et givent indlæg.

Man kan også lægge widget ud på sidevinduet eller en af sidefødderne. Social Media Feather tilføjer to widgets, som på billedet nedenunder. Da kan man have både Deling og en widget med at følge.

Man kan så bestemme, hvordan ikonerne skal se ud på ens widget. Med hensyn til at specificere deling kan der være en sag med links, – hvis de sociale medier ikke kan se ens side (hvis man fx er på en server, som ikke kan ses udefra). Dette betyder, at man kan få en fejlmeddelelse.

mar 8, 2020

Widgets

Widgets er relativt enkle at arbejde med. Når man installerer et tema følger der temabestemte områder med, såsom sidebars og footers.

Med et tema følger der også et antal widgets, som er små områder med et bestemt indhold, såsom et søgefelt eller kalender med indlæg. Widgets kan på en enkel måde flyttes frem og tilbage i forskellige tilgængelige placeringer.

Hvis de widgets, som følger med ikke er nok, fx til en webbutik, så findes der nogle plugins, der kan levere nogle flere widgets, fx WooCommerce. Der følger også en hjælp til opsætning af webshop, hvor man føres i gennem de forskellige indstillinger.

Der er et par spørgsmål, som endnu er ubesvarede.

• Hvordan laver man en kategori for beslægtede widgets
• Hvordan indsætter man en widget ind i et indlæg

mar 7, 2020

Problemer med contact 7

Når man har installeret contact 7 formularen og vil afprøve den, så siger den, at der opstod fejl ved afsendelse af mailen. Hvad kan der mon være galt?

For at få contact 7 til at virke, skal man også (desværre) installere et SMTP plugin. Det plugin, som vi installerer hedder Easy WP SMPT. Dette plugin sender e-mail beskederne via den mail-udbyder, som WordPress benytter sig af. Fx bruger vi G-mail, så skal vi bruge følgende værdier for Gmail mailserveren

Dette vil få din e-mail maskine i WordPress til at virke

Husk at sætte kategorien ude i højre side.