apr 24, 2020

Templates i WordPress

WordPress opererer med de templates der stilles til rådighed fra det tema, der er aktivt. Man kan gå ind og rette i de forskellige templates, som får udseendet til at skifte. Fx kan man i den template, som hedder single.php (i Twenty Seventeen ) fjerne sidebar ved at fjerne get_sidebar().

Desværre er der en lille fejl i deres JavaScript fil, som hedder global.js ca. linje 124, som ikke tager højde for, at sidebaren kan være fjernet. Man kan sætte den ind i en if-sætning, som ikke udfører de linjer, der forudsætter en sidebar.

Man kan så gå ind og ændre css style for indlæggene, således at de får en bredde på 100% i stedet for 58%

Dette skal man naturligvis gøre i sit child-tema. Dvs sige man kopierer global.js til sit child-tema (husk hele stien skal kopieres), samt også single.php. Her kan man så foretage sine rettelser.

Vi har også taget den template, som hedder footer/site_info.php. Det er her WordPress har sin kode, som skriver “drevet af WordPress” Al den kode kan man så fjerne, og så tilføje sin egen html kode, sådan at footeren viser det indhold vi ønsker. Dette kan så formateres i style.css (i child-temaet). Alle brugerændrede klasser i css får en endelse -custom, for at sikre at man ikke kommer på kollisionskurs med WordPress egne klasser

More Details
apr 20, 2020

Problem med at fjerne sidebar

Hvis ikke man har check på sine indstillinger, så kan det gå galt med at fjerne sidebar fra single.php. Problemet er, at WordPress alligevel gerne vil læse en sidebar ind, og eftersom den ikke er defineret går den i fejl.

Her har jeg så lagt et enkelt indlæg som man kan tilgå via menuen. Det er et enkelt indlæg, der både har sidebar og footer, – altså bygget op efter skabelon i php-filen, single.php. Den kan jeg så prøve at lave eksperimenter på.

Fejlen viste sig at være en bug i en af JavaScript filerne, der kommer med temaet Twenty Seventeen. I filen global.js, som også arbejder med sidebar template, glemmer man at checke om der er en sidebar eller ej (ca. linje) 124. Jeg har rapporteret den som en bug til programmørerne..

More Details
apr 20, 2020

Ændre HTML i Child tema

Foruden at ændre i layout ved child temaets CSS fil, så kan man også lave om på HTML- strukturen ved at definere en modifikation af forældretemaets HTML. I tema Twenty Seventeen kan man gå ind i en fil , som hedder single.php og se hvilken elementer en html side bygges op af. Det foregår som følger:

  1. Hent headeren (funktion – get_header(); )
  2. indsæt to div-tags af klasse primary og main
  3. Hent alle postene – brug post template, og eventuelle kommentarer – brug kommentar-template – dette gøres i en while løkke. ( while (have_posts ) :
  4. Opdater post navigation (Forringe <– og –> næste)
  5. Når alle indlæg er læst, tilføj sidebar ved get_sidebar();,
  6. Til slut hent footeren ved get_footer();

More Details
apr 14, 2020

Flyt WordPress fra subdomæne til roddomæne

Posted on  by kg-epel — Leave a reply

Situationen kan være sådan, at du har et websted i roden af domænet, og udvikler parallelt på samme websted i WordPress i et subdomæne. Når du er parat til at skifte over til WordPress webstedet kan det gøres ret simpelt i fire trin, men dog ikke helt uden komplikationer.

  1. Du skal ændre din webstedsadresse ( Site address (URL) til websitet’s adresse fx folkemusik.kfmh.dk –> kfmh.dk. Det betyder at du ændrer webstedsadressen i databasen – det er tabel options, 2. række.
  2. Du skal kopiere (ikke flytte) index.php og .htaccess filer til roden
  3. I filen index.php har du en sætning, som følger:
    require( dirname( __FILE__ ) . ‘/wp-blog-header.php’ );
    Den skal du rette til:
    require( dirname( __FILE__ ) . ‘/folkemusik/wp-blog-header.php’ );
    Dette så at WordPress kan finde opstarts-filerne fra den nye placering
  4. Hvis du har links relativt til roden i mappen “content”. Så skal du indsætte “/folkemusik/ foran for at WordPress stadigt kan finde undersiderne. Det vil sige i stedet for ./content/…side.html skal der nu stå
    /folkemusik/content/ …. side.html
  5. Alle adressereferencer i databasen skal laves om. Derfor skal du i den oprindelige webside gå ind i kontrolpanelet –> indstillinger –> generelt og lave URL om til den URL, der gælder for den nye sted for dit website. Dette ændrer adressereferencerne i databasen, men du vil så ikke kunne komme ind i til det gamle sted. Det kræves derfor, at du har sikkerhedskopieret i forvejen. Alternativet er at bruge et plugin, som hedder duplicator. Men her risikerer du at få alt med i databasen, som ikke har relation til dit WordPress sted.

Bemærk, jo mere kompliceret webstedet er, jo flere tiltag skal der til inden omlægningen til WordPress er tilvejebragt. Endvidere skal du logge ind på wp-admin fra det gamle domæne, dvs hvis du har flyttet fra: folkemusik.kfmh.dk –> kfmh.dk skal du stadigt logge ind på folkemusik.kfmh.dk/wp-admin. Fordelen ved at flytte webstedsadressen er, at du ikke skal oprette nye WordPress tabeller, som er tilfældet hvis du blot kopierer og har to aktive WordPress installationer. Eneste måde for at undgå dette er at fjerne WordPress fra undermappen og kopiere den til rodmappen. Her kan du bruge samme tabeller med opdaterede links i tabel Options. Her kan man bruge opskriften fra forrige indlæg.

Demonstration af en short code. Husk at disse skal i child-temaets functions.php, ellers bliver det overskrevet ved opdatering af tema eller af WordPress selv.

[se-sti-til-css]

[popup-uri]

More Details
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å.

Oprettelse af en kopi

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.

Resultatet af scan

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:

More Details
mar 31, 2020

Hej verden!

Velkommen til WordPress. Dette er dit første indlæg. Rediger eller slet det, og begynd herefter med at skrive!

Leder efter emoji for Island??

More Details
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

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

Opret en FileZilla bruger

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.

Alloker en Home folder på serveren
Konfigurationen afsluttet

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.

WordPress velkomstvindue

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

More Details
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.

indstillinger i toppen

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

Dokument indstillinger

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”

More Details
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.

Forøg upload størrelsen

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.

More Details
mar 26, 2020

Noder til forskellige sange

I dette indlæg vil vi indsætte nogle PDF filer for noder og en enkelt multiside PDF af matematik noter, dette for at demonstrere, at man også kan bladre i det på sitet.

Først til indsættelse af en PDF fil via et link. Det kan man gøre ved at lave et link: PDF Link til Den Danske Sang

Man kan også indsætte en fil på en anden måde, hvor man så også kan downloade filen:

Den sidste måde kan man bruge et plugin, som hedder PDF embedder. Jeg har installeret plugin, som hedder Document Embedder, hvor man kan inkludere flere dokument typer.

Prøver at indsætte short-code, – det burde virke: – nej – det virker ikke!! Prøver med en widget: Nej – det virker heller ikke – Altså prøver med en nyt plugin – pdf-Embedder

[pdf-embedder url=”http://localhost/kfmh/wp-content/uploads/2020/03/KFMH_Sangbog.pdf”]

More Details