Inte nöjd med WordPress nya uppdatering?

WordPress har förändrat redigeringsverktyget helt och hållet så man knappt känner igen sig. Uppdateringen är både till det bättre och till det sämre. Jag är inte ännu bekväm med alla ändringarna  men jag tycker om Spotlight-läget, fokusera på ett block i taget, och helskärmsläget. Sedan är den mer stilren så allt är inte åt skogen.

Det som blivit till det sämre.

Vissa teman som inte uppdaterats för att klara av WordPress Gutenberg går knappt att använda för tillfället. Detta gäller främst de teman som har egna ”blocklösningar” och om de inte är uppdaterade ser de ut som nedan. Inte kul att redigera det direkt. 

Inte nöjd med WordPress nya uppdatering?

Uppdatera temat eller installera tillägg

På varje problem så finns det enkla lösningar och det är fördelen med WordPress med dess miljoner användare. De enklaste lösningarna är att uppdatera temat, vänta tills den nya versionen av ditt tema släpps. Efter en uppdatering av temat Avada så är allting till det normala igen. 

Inte nöjd med WordPress nya uppdatering?

Flera olika tillägg

Om ditt tema inte uppdaterats eller helt enkelt vill ha det som det var tidigare så finns det flera olika tillägg att välja mellan.Den första och enda jag testat är Classic editor som helt enkelt tar bort Gutenberg uppdateringen, så man använder det klassiska redigeringsverktyget istället. Inga inställningar behöver göras utan det är bara att installera och aktivera tillägget. 

Det finns andra tillägg att välja på men då över 900 000 andra redan använder denna och den funkar så ser jag ingen vits med att testa andra. Kommentera gärna om du tycker något annat alternativ är bättre.

Stoppa skräppost via Contact Form 7 med reCaptcha

Personligen använder jag Contact Form 7 i 99 fall av 100 för att den är enkel att använda och funkar bra. Nackdelen är så klart skräppost som man riskerar att få. På en av mina WordPress webbplatser så har jag fått minst två skräpposter om dagen och med ReCaptcha så ska dessa stoppas.

Registrera och installera reCaptcha

  1. Gå till Google’s reCAPTCHA admin sida.
  2. Registrera din webbplats och välj typ av reCaptcha du vill använda.
  3. Klicka på registrera för att skapa webbplatsnyckel och hemlig nyckel.
  4. Gå till adminpanelen i WordPress och till Kontakt > Integration.
  5. klicka på konfigurera nycklar.
  6. Kopiera webbplatsnyckel och hemlig nyckel från Google reCaptcha och klistra in dom i fälten webbplatsnyckel och hemlig nyckel.
  7. spara
  8. Sist men inte minst lägger du till[recaptcha] i kontaktformuläret.

Stoppa skräppost i WP med tillägg

Skräppost är något alla WordPress användare stöter på förr eller senare och anledningen är för WordPress popularitet. Det finns många miljoner WordPress hemsidor och många tillåter kommentarer vilket bjuder in till spam bottar att förpesta våra hemsidor och bloggar. Där det finns problem finns det lösningar och en lösning är som alltid tillägg. Jag har tänkt att testa flera olika tillägg så kom gärna tillbaka senare igen för att läsa om resultaten.

Skräppost testet

Eftersom denna webbplatsen är ny så har den inte fått speciellt många skräpposter ännu vilket gör att testet inte kommer att vara statistiskt korrekt. Jag får helt enkelt göra om testet när fler spambottar hittat hit.

Testet går ut på att köra en vecka utan något tillägg och se hur många skräpposter som skrivs. Sedan köra en vecka med ett anti spam tillägg och se hur många den blockerar.

  • Vecka 1 utan tillägg: 3 skräpposter
  • vecka 2 med Anti-Spam: 0 skräppost. 8 stoppade enligt Anti-Spam. (Start: 2018-05-29)
  • Flera veckor (hmm månader) senare (2018-09-24): 0 skräppost. 22 stoppade enligt Anti-Spam.

Anti-spam

Det första tillägget jag tänkt testa är Anti-spam. Namnet säger allt vad den gör. Fördelen med detta tillägget är att du bara behöver installera och aktivera så sköter den resten. Inga inställningar att pilla med och ingen captcha. Det kan helt enkelt inte blir enklare.

Lägga till script i header och footer med tillägg

När man har en webbplats i WordPress så kommer man förr eller senare att behöva lägga till script i Header <head> eller Footer <footer>. Ofta är det koder från Google och främst Google Analytics.

Om du använder ett s k barntema (child theme) så är det enklast att lägga till scriptet i header.php med en ftp-klient som filezilla. Om du använder ett premium tema som Avada eller annan storsäljare från Themeforest så går det att lägga till koden via temat. I Avada hittar du koden under Advanced-> Code fields (Tracking etc.).

Om du använder ett vanligt gratis tema så behöver du istället använd tillägg för att lägga till koden. Jag har tidigare nämnt ett tillägg som heter My Custom Functions och den funkar här också vilket du kan läsa om nedan. Först något mycket enklare.

Head and Footer Scripts Inserter

Head and Footer Scripts Inserter är ett av flera tillägg som lägger till script i <Head> och <Footer>. Jag valde denna då den precis uppdaterats och över 20 000 använt den tidigare.

Det är inte svårare än att du tar ditt script likt den nedan från Google Analytics och går till Inställningar -> Script inserter och klistrar in scriptet i någon av rutorna.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Klistra in scriptet och klicka på spara. Klart!

Lägg till script i WordPress

My Custom functions

Om du känner dig det minsta osäker ska du inte använda detta alternativet utan använd något av tilläggen ovan istället. Jag använder My custom functions för att slippa använda ytterligare ett plugin.

Nedan ser du en enkel kod där wp_head hook används för att lägga till scriptet mellan <head> taggarna. Kopiera koden och byt ut texten ”Lägg till ditt script här”.

function add_my_script() {
    echo 'Lägg till scriptet här';
}
// Add hook for front-end <head></head>
add_action('wp_head', 'add_my_script');

Gå sedan till inställningar->PHP inserter och klistra in koden och spara.

Lägga till script i header och footer med tillägg

Ändra från http till https

För att hemsidan ska vara säker så behöver man installera SSL certifikat, vilket är enkelt att göra på de större webbhotellen, och då behöver man ändra webbplatsadressen från http:// till https://. Detta är faktiskt också enkelt om än lite läskigt om man inte gjort det förut.

Steg 1 – Gör en backup

Gör alltid en backup innan du gör större ändringar på hemsidan. Jag använder alltid UpdraftPlus WordPress Backup Plugin för den är enkel att använda och det går att ladda upp backupen till dropboxen så du slipper spara det på webbhotellet.

Steg 2 – Ändra länkarna från http till https

Börja med att installera och aktivera tillägget Better Search replace som du senare hittar under Verktyg. Fyll sedan i hela din nuvarande webbplatsadress med http:// i rutan sök efter och sedan med https:// i rutan Ersätt med. 

Markera sedan samtliga tabellerna genom att hålla inne Ctrl (eller Cmd för Mac) och markera första och sista tabellen i listan.

Du kan nu testa och se hur många länkar som kommer att ändras genom att klicka på Kör sök/ersätt. Ingenting ändras i databasen så länge den sista rutan är ibockad. Om allt ser ok ut så är det bara att bocka ur den sista rutan och köra igen. Länkarna ändras nu och du kommer att bli utloggad.

ändra länkar i wordpress

Steg 3 – Ändra Webbplatsadress och WordPressadress

I vanliga fall så sköter Better Search Replace denna delen också och adresserna är redan ändrade till https:// men om så inte är fallet så behöver du göra ändringen själv. Ändra till https:// och klicka på spara. Du loggas nu ut igen.

ändra url wordpress

Steg 4 – Skicka besökarna till https-versionen av hemsidan

WordPress brukar sköta det bra att omdirigera besökarna från http till https men för att undvika att någon hamnar på http-hemsidan så behöver vi lägga in en regel i filen .htaccess.

Detta steget är det krångligaste om man inte använt ftp tidigare. Koppla upp dig till hemsidan via ftp, jag använder filezilla som ftp-klient, och klicka dig vidare till mappen för din hemsida och ladda ner filen .htaccess till din dator. Det funkar bra att dra filen från filezilla till önskad mapp på datorn.

wordpress ftp htaccess

Öppna sedan .htaccess filen med Notepad ++ och kopiera och klistra in nedanstående kod överst i filen innan # BEGIN WORDPRESS.

#REDIRECT TO HTTPS
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteCond %{ENV:HTTPS} !=on
RewriteRule .* https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]
</IfModule>

Din fil kan se annorlunda ut beroende på vilka plugin som du använder. Om du har en ny WordPress hemsida så ska den se ut så här:

#REDIRECT TO HTTPS
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteCond %{ENV:HTTPS} !=on
RewriteRule .* https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]
</IfModule>

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Ladda upp .htaccess filen igen och besök hemsidan för att se om allt ser ok ut.

Om det inte funkar

Det kan ibland bli problem när man ändrar i .htaccess filen och om det sker så behöver du bara ta bort koden du lade till och ladda upp den igen.

 

 

Ändra i functions.php

I de flesta WordPress teman så går det att göra en hel del ändringar på temat utan att behöva skriva någon kod överhuvudtaget. Men ibland så kommer man till den punkten att man måste in och rota för att få hemsidan precis så som man vill ha den och då behöver man förr eller senare ändra i functions.php.

Om man kan PHP så är detta inget problem men så länge du har tillgång till ftp så kan du göra ändringar riskfritt med ett tillägg som heter My Custom Functions.

Hur fungerar det?

Låt säga att du vill ändra på antalet ord som visas i utdrag och hittar en så kallad snippet på någon sida du googlat fram, som den nedan.

function new_excerpt_length($length) {
return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

Allt du behöver göra är att kopiera koden och klistra in i My Custom Functions som du hittar under inställningar->PHP inserter. Klicka sedan på ON och sedan spara.

Ändra i functions.php

Om koden är fel och hemsidan kraschar?

Det kan hända att koden helt enkelt är fel eller saknar något tecken och när du klickar på spara så händer detta:

Ändra i functions.php

Panik!! Nej det är ingen fara så länge du vet hur man använder ftp.

  1. Starta ftp programmet och gå till mappen (wp-content/plugins/my-custom-functions/).
  2. Ändra filen START till STOP. Detta stoppar koden från att köras.
  3. Gå tillbaka till tillägget och ändra i koden och spara.
  4. Ändra nu tillbaka namnet på filen STOP till START. Nu ska allt förhoppningsvis fungera igen. I annat fall upprepa.