Monthly Archives: marts 2020

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.