mar 12, 2025

Tilgang via ssh uden kode

Indtil nu var det nødvendigt at angive en kode for at komme til sit webområde på webhotellet via SSH. Men hvis man opretter en sikkerhedsnøgle, der sikkerhedsgodkender den lokale computer, behøver man ikke at angive en kode, når man logger ind til fjernkomputeren via SSH. Det er den såkaldte SSH nøgle. Det gøres som følger:

  1. Man åbner PowerShell, og skriver >cd ~      for at komme til hjemme-mappen, – på Windows er det som regel C:\users\brugernavn
  2. Udfør >ssh-keygen -t ed25519 -C din-email@gmail.com   Man kan også bruge RSA i stedet for ed25519. I mit tilfælde vil det så blive til  >ssh-keygen -t ed25519 -C kgepel@gmail.com  Tryk Enter, og serveren svarer som følger:
    Generating public/private ed25519 key pair.
    Enter file in which to save the key (C:\Users\Konra/.ssh/id_ed25519):
  3. Hvis du her trykker på Enter, spørger den om du vil angive en passphrase, her trykker du også bare på Enter
  4. Herved oprettes nøglefilerne i en mappe, \.ssh og filerne er known_hosts, id_ed25519 og id_ed25519.pub. Samtidigt genererer den et “fingerprint” kode med e-mailen til sidst
  5. Nu skal du kopiere indholdet af id_ed25519,pub til clip-board. (det kan du gøre ved at bruge “cat” kommandoen
  6. Så logger du på fjernkomputeren, brugernavn@ssh-server, i mit tilfælde >ssh kg-epel.dk@ssh.kg-epel.dk
  7. angiv din kode, og derefter er du inde
  8. udfør nu cd ~ for at komme ind i home mappen, og hvis du udfører en ls -a   kommando får du listet alle filer, også de skjulte
  9. opret mappen .ssh og udfør cd .ssh
  10. udfør touch authorized_keys
  11. og derefter nano authorized keys
  12. Kopier clipbordets indhold ind i filen, det er den offentlige nøgle. Og den private ligger inden i id_ed25519
  13. Gem filen og log ud fra fjern-komputeren. Næste gang, hvor du logger ind skal du ikke angive adgangskoden

 

 

More Details
feb 22, 2025

Git og SSH overblik 2

Når man så har fået oprettet sit Git repository lokalt, så skal man så overføre dette til fjern webstedet

For at arbejde videre på fjernkomputeren, skal man også have installeret ssh på computeren, på Windows er den installeret i den indbyggede PowerShell. Ellers skal man hente den ned for at installere

Følgende gælder for webhotellet one.com. Og for andre kan der være lidt anderledes syntaks. Følg følgende trin:

  1.  Opret adgang til fjern-webområde kontrolpanelet på webhotellet ved at aktivere adgangen til SSH/AFTP ved at markere markere den som aktiv. Her kan du også se brugernavn og servernavn, i mit tilfælde kg-epel.dk  og server ssh.kg-epel.dk
  2. Klik på Send for at få en adgangskode.
  3. Åbn en terminal, hvor ssh er installeret og tast >brugernavn@servernavn, i mit tilfælde bliver det til
    >kg-epel.dk@ssh.kg-epel.dk
  4. Første gang man logger på skal man give tilsagn om at forbindelsen er sikker, og svarer >yes, derefter beder den om koden,
    Og man skriver sin kode og trykker enter
  5. Hvis alt er gået godt, så er man nu nået til fjernkomputerens web-område
  6. Skriv >cd /www retur for at komme ind i dit domæneområde. hvis du udfører ls – så lister den alle mapper med blåt, filer med grønt og enkelte simple filer med hvidt, – hvis du udfører dir-kommando får du ikke denne klassifikation
  7. Nu skal du bruge kommandoen mkdir til at oprette en mappe, som er fjernkomputerens repository for underdomænet, fictional, det har jeg kaldt “fictionalRepo”. Man kan bruge kommandoen >pwd for se den aktuelle sti.
  8. Og vi skal så oprette repositoret, som bare repository. Udfør >cd fictionalRepo
  9. og >git init –bare   Serveren svarer “initialized empty Git repository in /www/fictionalRepo” “bare” betyder her “tomt repository”
    Repositoriet er oprettet, og indeholder en række mapper, bl. a hooks.
  10. vi udfører nu >cd hooks og derefter >touch post-receive. Noter, at navnet er obligatorisk
  11. I denne fil skal der angives vejen fra fjern-repositoriet til, man kan bruge editeringsredskabet: nano ved
    >nano post-receive Du kommer ind i et gammeldags editeringsprogram, og i mit tilfælde skal filen indeholde følgende:
    #!/bin/bash
    git –work-tree=/www/fictional/wp-content –git-dir=/www/fictionalRepo checkout -f
  12. #!/bin/bash i første linje betyder at filen skal opfattes som en bat fil (men i Linux). Her skal man så give filen lov til at eksekvere ved:
    >chmod +x post-receive
  13. Du gemmer indholdet og går ud af filen og ud af ssh, så du (stadigt i PowerShell i den mappe, der indeholder dit lokale repository
  14. Derefter skal du oprette en forbindelse fra det lokale repository til fjern repositoriet ved at udføre
    >git remote add livecom ssh://kg-epel.dk@ssh.kg-epel.dk/www/fictionalRepo
  15. Det sidste vi skal udføre er at ændre navnet fra det lokale repository til at være det samme som fjern-repositoriet. Det gør vi med:
    >gik checkout -b master. Når det så er lavet, så kan du udføre
  16. >git push livecom master

Uheldigvis virker bat-programmet ikke i one.com, men man kan eksportere ændringerne videre ved at udføre fra fjern-repositoriet som følger >sh hooks/post-receive 

 

 

 

Git repository lokalt.

Nøgle URL for One.Com webhotel.

Fjern repository skal refereres som følger (når man uploader fra lokal computer)
>git remote add livecom ssh://kg-epel.dk@ssh.kg-epel.dk/www/fictionalRepo
Og her hedder forbindelsen “livecom” og man refererer URL ved først at angive ssh://  efterfulgt af brugernavn@ssh-server og stien til repositoriet, ( som man har oprettet i forvejen).

For at flytte opdateringen fra fjern repositoriet til webstedet, skal man udføre filen post-receive, som er i mappen hooks i fjernrepositoriet. Der skal stå som følger i denne fil, når det er på one.com;

#!/bin/bash
git –work-tree=/www/fictional/wp-content –git-dir=/www/fictionalRepo checkout -f

Og når man opdaterer fra lokal til fjern computer

>git push livecom master
Her er det så meningen, at det lokale repository opdateres til fjern repositoriet, som via hooks/post-receive opdaterer websiden med de nye data. Altså det der sker er

  1. Man ændrer på lokal-webstedet
  2. Ændringerne tilføjes i lokal repositoriet, og committeres
  3. Lokal repository uploades til fjern repository
  4. Opdateringerne i fjernrepository opdateres til fjernwebstedet
    Første gang login på ssh
    Første gang man logger på ssh på fjernkomputeren

    Klik på billedet for at se i fuld størrelse.

     

 

 

 

More Details
feb 15, 2025

Git og SSH overblik 1.

I stedet for at bruge ftp eller sftp, så er opdatering af websider via Git og ssh en mere sikker løsning. Det foregår på følgende måde.

For at teste om git er installeret skriv
>git -v (return)

Hvis git er installeret får du versionsnummeret, fx som ovenfor, og ellers kender den ikke kommandoen.
Hvis ikke, så går man til webstedet, git-scm.com/, downloader git, og installerer. Måske skal man også opdatere path-variablen.

Når git er installeret er der nogle indledende øvelser, man skal foretage, da det er første gang. Skriv:

>git config –global user.name “dit navn”  og
>git config –global user.email “din email”

Når man skal bruge git, skal man associere den mappe, der skal spores (track). Og det anbefales kun at spore sine egne ændringer/udvikling. Så i WordPress miljø er det hverken wp-admin eller wp-include

  1. På det lokale websted opretter man nu et repository. I WordPress giver det god mening at lave den ud fra wp-content. Eftersom man ikke skal lave noget i Adminstrationen. eller i wp-includes. Fordi at  ingen af selve webændringerne findes der lokalt. Løsningen bliver derved, når vi snakker om WordPress, at vi så følger wp-content.
  2. I Visual Studio Code = VS Code. skal man åbne den mappe man ønsker at følge (file – open folder), der skal man have overblik over de mapper, der findes. Og når man så åbner terminal, så er pointeren netop på denne mappe
  3. Skriv
    wp-content>git init    – og så laver den en mappe, som hedder   wp-content/.git, som er et repository
    Projektet (eller grenen) hedder “main”
  4. Nu skal du vælge mappe(r), som ikke skal følges. Disse skal listes i en fil i mappe wp-content, som hedder .gitignore
    Klik her for forstørrelse
  5. Du kan så adde en mappe eller fil ad gangen, eller du kan tage dem alle i et hug fx
    wp-content>git add mu-plugins    – eller det hele
    wp-content>git add -A. Hvis du nu udfører >git status   – så lister den alle filer, der skal ind i repositoriet
  6. Så nu har vi specificeret hvilke filer der skal med. For at effektuere det udfører man en commit:
    wp-content>git commit -m “Vi committerede filerne til repositoriet”.
  7. Hvis så laver noget om uden at udføre en commit, så kan du få det hele tilbage ved at udføre
    wp-content>git checkout — .   Derved bringes alle filer i track til samme tilstand, som de blev tilføjet og committeret

Billedet viser hvilke mappe og filer er listet i filen .gitignore

Git og GitHub handler om repository, hvor alle ændringer skal kommitteres, hvilket vil sige, at der føres versionskontrol, med det pågældende repository.

Jeg har selv implenteret Git og ssh via Visual Studio Code, – og begge skal installeres inden det kan bruges. For at kontrollere, at du har git installeret, så skal du åbne PowerShell

 

 

For at arbejde videre på fjernkomputeren, skal man også have installeret ssh på computeren, på Windows er den installeret i den indbyggede PowerShell.

Git repository lokalt.

Nøgle URL for One.Com webhotel.

Fjern repository skal refereres som følger (når man uploader fra lokal computer)
>git remote add livecom ssh://kg-epel.dk@ssh.kg-epel.dk/www/fictionalRepo
Og her hedder forbindelsen “livecom” og man refererer URL ved først at angive ssh://  efterfulgt af brugernavn@ssh-server og stien til repositoriet, ( som man har oprettet i forvejen).

For at flytte opdateringen fra fjern repositoriet til webstedet, skal man udføre filen post-receive, som er i mappen hooks i fjernrepositoriet. Der skal stå som følger i denne fil, når det er på one.com;

#!/bin/bash
git –work-tree=/www/fictional/wp-content –git-dir=/www/fictionalRepo checkout -f

Og når man opdaterer fra lokal til fjern computer

>git push livecom master
Her er det så meningen, at det lokale repository opdateres til fjern repositoriet, som via hooks/post-receive opdaterer websiden med de nye data. Altså det der sker er

  1. Man ændrer på lokal-webstedet
  2. Ændringerne tilføjes i lokal repositoriet, og committeres
  3. Lokal repository uploades til fjern repository
  4. Opdateringerne i fjernrepository opdateres til fjernwebstedet

 

 

 

More Details
okt 17, 2024

WordPress tips

Når man opretter en ny post type, så laver man en funktion i filen functions.php, fx. som i undervsiningen hedder University_post_types:

function university_post_types(){
     register_post_type('event',array(
                    ‘show_in_rest => true,
        'public' => true,
        'menu_icon' => 'dashicons-calendar',
        'labels' => array(
     'add_new' => 'Add New Event',
        'name' => 'Events',
        'add_new_item' => 'Add New Event',
        'edit_item' => 'Edit Event',
        'all_items' => 'All Events',
        'singular_name' => 'Event'
                   )
     ));
}
add_action('init','university_post_types');

Den første i array Labels sørger for at der i menuen admin står ‘Add New Event’ i stedet for ‘Add New Post’

Man registrerer herved sin post type, og en event skal have en kalender ikon, og navnet i for denne post type er event, og navnet for typen i WordPress kontrolpanel bliver Events.

Notér at egenskaben ‘show_in_rest’ => true er for at gøre bruger oprettet post tilgængelig for REST API, dette bruges senere i kurset

For at vores nye definition er uafhængig af skift af tema og deaktivering af plugin. så sætter vi en ‘MUST-USE-PLUGINS’ til. Det gør vi ved at oprette en ny mappe under content, som skal hedde mu-plugins

I denne mappe placerer vi både funktion og hook. Og i dette tilfælde kan vi så bruge post af typen event uafhængigt af tema eller plugin

More Details
okt 14, 2024

WP-funktioner og hvad de gør

 

Funktion Hvad den gør bemærkninger
site_url(‘/relative_url’) henter adressen  til en specifik under-adresse
have_posts() while (have_posts()),  sålænge der er flere poster Noter i single, er er nøjagtig een post
the_permalink() : Indsætter link til en side eller indlæg i loopen link til side eller indlæg, bruger single.php
the_title() indsætter titlen på siden eller indlægget Både single og posts/pages
the_content(); Indholdet af siden eller posten fortrinsvis single.php
get_header() Henter header (fra header template)
wp_head() Henter wordpress head sektion i header filen
get_footer() Henter footer-filen
wp_footer() I footer filen  lige inden </body><html> i filen footer.php Henter WP footer sektion og admin menu-bar
get_stylesheet_uri() henter adressen for stylesheet filen i temamappen Filen hedder som regel
get_theme_file_uri(relativ sti til fil) henter stien til den fil, der skal bruges Bemærk at funktionen med tom parenteser  peger på tema-mappen. og i html skal man “echo” sti til tema + sti i tema til fil
add_theme_support(‘title-tag’) Sørger for at plugins og tema kan styre dokumentets titel tag. Noter, at den skal erklæres i functions.php og skal hookes på after_setup_theme
wp_get_post_parent_id(get_the_ID()) Returnerer side ID for forælder siden,  hvis den eksisterer. (Ellers 0)
get_the_ID() Returnerer sideID for siden
wp_list_pages() Lister alle sider og udskriver dem man bruger det til filtrere  blandt sider
get_pages() returnerer alle sider bruges til at tjekke om en side har børn
language_attributes() Sætter lang attrbuten til det sprog wordpress er installeret i i html tagen
bloginfo skriver oplysninger fx bloginfo(‘charset’) kan skrive UTF-8
get_bloginfo() Returnerer oplysninger
body_class() skriver klasse i body-tag fx hvilken template, om man er logget ind, side id, child eller parent, hvis child, så side nr for parent etc.
paginate_links();
returnerer pagination,  udskriv: echo …, å at man får link til næste/forrige side bruges i index.php lige inden sidste div
the_archive_title() Udskriver titlen indlæg i arkivet, alt efter om det kategory, forfatter eller tid Bruges i archive.php i titel feltet
the_archive_description() skriver ud det man skriver i “beskrivlse feltet” under kategory,  eller forfatter Btuges i archive.php lige under titelfeltet

 

WordPress hooks Hvad den gør Bemærkninger
add_action(‘hvad og hvornår’,’Navn på
funktion’)
hooker funktionen i henhold hvårnor det skal
ske, og type af funktion (fx indlæse fil eller
udføre et script)
Fundamental programmeringsmåde i WordPress
add_action(‘wp_enqueue_
script’, ‘university_files’)
Udførsel af funktionen university_files() i filen functions Tema-mappen indelholder en fil, som hedder functions
wp_enquue_style(name,uri to css file) indlæs fra css fil med den givne uri-værdi Det kan være sti til en fil eller extern resource
w+_enqueue_script(name, uri to script file) indlæs fra script fil med den givne uri-værdi Noter her kun enkel script navn til udførsel,
add_action(‘after_setup_theme’, ‘name of function’) Her beder vi wordpress at udføre funktionen efter at html siden er indlæst

funktions filen udføres inden konstruktion af html siden, der kommer ud, idet html siden skal udføres ved hjælp af de angivne resourcer

More Details
aug 15, 2020

Opdatering til WordPress 6.61

Både kg-epel.dk og kfmh.dk er opdateret til den nyeste WordPress, 6.6.1 Opdateringen ser ud til at være aldeles uproblematisk. Det skyldes givetvis at  at jeg pt. ikke kører med komplicerede php-programmer

Men som for sikkerhed mod problemer opstået undervejs fik jeg deaktiveret alle plugins forinden, derefter kørt update af WordPress, derefter opdateret alle plugins til deres nyeste versioner.

Til sidst så aktiveret alle plugins, der er nødvendige for visning af websiden.

More Details
maj 19, 2020

Styre synligheden af indlæg og sider

Der opstår let situationer, hvor det kun er administrator / redaktør, der kan se indlæg eller sider.

WordPress er forsynet med en simpel styringsmekanisme, som kan bruges som følger: Når du opretter dit fx indlæg, så vælger du ‘Dokument’ går du i højre side, som vist på figuren.

Styring af synlighed, her password kontrolleret

Her vises oversigt for, hvordan synligheden af et indlæg kan styres. Du kan vælge

  1. Offentlig, – hvor alle kan se indlæg/side
  2. Privat, hvor indlæg/side kun er synlig for redaktør / administrator
  3. Password beskyttet indlæg/side, hvor man skal angive et password for at se indholdet.

Her mangler dog den mulighed, at alle brugere, der er logget ind kan komme til at se indholdet, men dette kan tilføjes ved brug af et plugin. Fx WordPress Membership Plugin.

More Details
maj 11, 2020

Installering af Child theme

Dette er så live webstedet, som er blevet eksporteret fra localhost på min computer. Jeg har eksporteret alle indlæg, sider og mediafiler. De to første gik fint nok, men den kunne ikke importere mediabiblioteket.

Det man gør er at gå til kontrolpanelet, og indstillinger –> exporter. Se figur. Du vælger herefter, hvad du vil eksportere. Det kan være indlæg, sider eller mediabibliotek, – eller alt på een gang.

eksportere / importere fra det ene WordPress websted til det andet

Dette er vist på figuren nedenunder:

Hvad skal man eksportere, 4 muligheder

Hvis du har valgt alt, som vist på figuren, tager WordPress alt indhold og lægger det i en XML fil, og den kan du siden uploade via import muligheden, som vist på den første figur. Der var dog et problem med mediabiblioteket, så det blev jeg nødt til at uploade via ftp.

Men alle child temaets ændringer fra installationen vises naturligvis ikke, det er man nødt til at uploade manuelt via ftp. Det man gør er som følger:

  1. Pak child-tema mappen som zip-fil (gem den hvor som helst på computeren)
  2. Så skal ind på administrationssiderne på dit websted og in d i temasiden. Øverst til venstre klikker du på “Tilføj ny”
  3. Derefter klikker du “Upload tema” og vælger den zip-fil, der indeholder child temaet på din computer.
  4. Derefter installerer og aktiver den.

Dermed er de fleste ændringer, som man har lavet i child-temaet på localhost kommet med på live-webstedet.

Det der ikke kommer med er den widget, som vi har lavet i footeren. Derimod er området Footer Author kommet med. Det man så skal gøre er at kopiere HTML koden fra widgetten på lokal-webstedet til en HTML widget på live-webstedet og trække den til Footer Author området.

More Details
maj 10, 2020

Add filter eksempler

Når man nu har muliggjort excerpts i Twenty Seventeen, så skal vi se, hvordan man kan ændre på længden af hver excerpt.

Den variabel, der styrer excerpt længden hedder excerpt_length. Du kan læse om den ved at google excerpt_length WordPress filter. Men du kan også gå til siden, https://codex.wordpress.org/ og der kan du så gå til  WordPress Code Reference!

Del af WordPress Codex forside

Forsiden af WordPress Code Reference ser ud sådan

Forsiden af WordPress Code Reference

Hvis du skriver “excerpt” i søgefeltet får du

Søgning på excerpt

Klik på excerpt_length + søg, kommer du til følgende side

Beskrivelse af excerpt_length

Klik på excerpt_length, og så får du opskriften på at ændre på excerpt_length

Hvis du har lyst til at gå til source koden, så kan du klikke på “trac”, for at se, hvordan den bruges. Hvis vi gerne vil lave det om til 100 ord, så har vi gjort som følger:

Koden, som laver excerpt_length til 100 ord

Det sidste eksempel drejer sig om at tilføje en custom avatar til diskussionspanelet. Når man går ind i diskussionspanelet, Indstillinger –> Diskussion

Standard avatars

Dette er de standard avatars, som findes i diskussionspanelet. Men nu ønsker vi at tilføje et custom avatar. Og hvordan gør vi så det?

Igen må vi så ty til Code Reference og taster “avatar”, så får vi følgende resultat:

Søgning på avatar i Code Reference siden

Der er så to ting, der er interessante. Avartar_defaults og funktionen get_avatar. Fra trac siden fremgår det, at standard avararne er

Standard avatars i WordPress

Og det vi ønsker er at tilføje en avatar. Det er sådan, at man også kan angive en URL til sit billede som “key” og et navn som værdi, sådan at vi får
$URL –> $navn som 8. element i dette array. Et eksempel
Vi skal altså lave en funktion, der tager $avatar_defaults som parameter tilføjer det 8-ende element og returnerer den igen, – og så tilføje det til filteret. Det bliver så som følger. tilføjelsen til arrayet i rødt:

function my_custom_avatar($avatar_defaults) {
//$myavatar ='https://freeiconshop.com/wp-content/uploads/edd/person-flat.png';
$myavatar = 'http://kg-epel.dk/wp-content/uploads/2020/05/profil-juli-2018.png';
//$myavatar = 'http://localhost/wp-test/wp-content/uploads/2020/05/profil-juli-

2018.png';
$avatar_defaults[$myavatar] = 'My new avatar';
return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'my_custom_avatar' );

Jeg prøvede med forskellige URLs, men localhost URL-en ser ikke ud til at virke, – men når jeg bruger kg-epel.dk domænet virker det fint. Diskussionspanelet ser så sådan ud:

Vores custom avatar er tilføjet

Og vi har fået vores custom avatar med.

More Details
maj 8, 2020

Excerpts i Twenty Seventeen

Det er ikke muligt at indstille Twenty Seventeen til kun at vise indlægs-oversigter. (Excerpts). Når man har mange indlæg er det mest fornuftigt, at man i sin oversigtsside har oversigter og ikke den fulde tekst.

Jeg fandt en artikel på Internettet, https://gist.github.com/westonruter/b924a2c6aaa746a477053472e06fc557
som giver et bud på, hvordan man kan vise oversigter frem for den fulde tekst i indlægs-oversigter.

Når Twenty Seventeen vil vise indlægs oversigter fx ved kategorier, benyttes benyttes skabelonen, archive.php. Og når det drejer sig om oversigt, så bruges filen,
template_parts/post/content.php. Forfatteren til denne side foreslår, at man ændrer koden lillesmpule o content.php, sådan at den kalder excerpt(), når det drejer sig om
oversigter. Den skal indsættes lige før <div class=”content”> det vil sige at vi erstatter koden

Kodestump i content fra Twenty Seventeen


med det, der står neden under, således at den laver excerpts, når det ikke er en single post.

Tilsvarende kodestump i Twenty Seventeen Child, hvor det første kun udføres, hvis single post

Proceduren er som følger

  1. Kopier template_parts/post/content.php til dit child tema
  2. Erstat kode fra linje 52 til 60 i content.php med det , der står nedenunder.

I alt skal der så stå som følger:

Når du så kigger på din category side eller overblik over indlæg skulle de gerne fremstå uddrag og ikke helte tekster.

More Details