Categories
WordPress

Gutenberg: Spreading like wildfire

It’s great to see Gutenberg spread to other Content Management Systems – it strengthens the editing experience but of course also puts a thick line under one of the WordPress goals for 2019 “Building a WordPress.org directory for discovering blocks, and a way to seamlessly install them”.

That directory might very soon need to be cross CMS capable.

Categories
GDPR WordPress

Core-privacy: I desided to help shape the component roadmap

https://make.wordpress.org/core/2019/02/01/privacy-office-hour-notes-january-30-2019/

Categories
WordPress

WP 5 o

In the same year I turned 4 o, WordPress finally went and did something slightly out of character – and for its age, something that it perhaps should have been clever enough to do a few years back… Just like the tattoo I finally got, at the age of 40, where most settle into the comfort of knowing who you are, and how you will look and dress for the many years to come – WordPress went and got itself a page-builder.

Was it worth the wait?

WordPress, with its 16 internet years (at least 50 human years), started a project some 2 years back and named it after an old guy… The result; as time-tested as a tattoo, a block editing experience as seen in the most popular themes and frameworks out there. 

So what is this new thing, and did WordPress only now, come to a conclusion, that most of us already knew… Tattoos are cool, and so are block-based editing? 

No.. I think the many page builder setups had run its course, causing WordPress to handle all sorts of data in its options tables, and markup data within content fields, to such an extent that sites became too hard to work with, and well… just plain slow. The expandability we love from plugins, custom post types and custom fields has for years now, put a strain on the table structures of the WordPress database.

It was time to take charge and regain control of what is most important to WordPress

Me, in this blog post

The most important to WordPress has always been to democratize publishing. Sometimes democratizing means putting all the great ideas others had already put into plugins and feature packed themes, into the core of a system. And so they did… 

Gutenberg: the future of publishing

In core, Gutenberg lay the cornerstone for a future with no widgets no, one page – one layout, and perhaps most important, no reason to store content into only one database field for a page or post. Blocks themselves could, in theory, do away with custom fields, and enable WP to change how data is stored, in much smaller chunks of data. Data that we can pull in, when and if needed in a given view. 

All of this is speculation, some closely related to ideas already alive in the WordPress community. Others just imaginations by me. 

Short term

We already see the effects of putting blocks with layout capabilities into the hands of the content owners, instead of UX and design people. Blocks and their layouts and functions are now put in place, in context – or removed, if not needed in context.

Long term

Context is king, and blocks make it easier than ever to put the right blocks of content in the right context. I can’t wait to see conditional logic in blocks – based on device, surrounding blocks, geo, time or even personal information (if GDPR will allow it).



Categories
Customizing Tools WordPress

(Danish)Use Visual Composer and Advanced Custom Fields for your next WP project – no coding required

Jeg er næsten ligeglad med hvilket tema du vælger, bare du vælger et med en rigtig god page builder – sådan en af dem hvor du kan ændre på strukturen for dit indlæg eller side, uden at skulle kode. Lige nu betyder det et tema med Visual Composer fra WPBakery. Her får du flest funktioner for pengene, og dermed flest muligheder for at gøre dit design til netop DIT design.

Visual Composer har ud af boksen nok at byde på, men en kæmpe underskov af add-ons sørger for at du kommer rigtig langt – og selvom kodning er sjovt, så er det nu engang indholdet det handler om, og den struktur vi skaber omkring det der er vigtig.

Når jeg har sagt Visual Composer, bliver jeg også nødt til at sige Advanced Custom Fields – evt. med et Custom Post Type plugin. Det er nemlig DejligLamas koncept som er udmøntet i et plugin: ACF-VC integrator plugin. Et problem som jeg selv stod med, kunne løses meget nemt med en mulighed for at trække Custom Fields ud i et Visual Composer grid, men den mulighed fandtes bare ikke – det gør den nu!

Målet er, at gøre det nemmere for dig at oprette nyt indhold med dine egne felter, og vise informationerne på en god måde for dine besøgende, uanset om det er løbesko, videofilm, bøger du har læst, kurser du afholder eller noget helt andet.

Mange ting passer bare ikke ind i “indlæg” typen.

Opskrifter har ingredienser og instruktioner, Bøger har udgivelses år, forfatter, genre osv., leverandører har adresser, serviceydelser og telefonnumre.

Et felt pr. information

Alle disse ekstra informationer er gode at sætte ind i felter, specifikt til deres type. Det giver nemlig dig mulighed for at opdele dit indhold ud fra disse informationer, og det giver dine besøgende en nem indgang til at finde lige netop det de søger fordi du både kan filtrere på det, men også sætte det op ekstra overskueligt med en Visual Composer.

Hvordan du kommer igang med Visual Composer, og hvordan du bruger Advanced Custom Fields er stof nok til et andet indlæg, men for at få dine nye informationer ud i Visual Composeren, er det nemmest at bruge det nye plugin der integrerer Advanced Custom Fields i Visual Composer.  Så er det lige så nemt at indsætte dine egne felter som det er at indsætte et billede.

Pluginet hedder ACF-VC Integrator, og du kan downloade det gratis på www.acf-vc.com

 

Categories
Customizing Tools

CSS: Blend mode – when you need to make those awsome transparent looks

So you’d like an image to have a colourful overlay of sorts, right?

Then this is what you need:

background-blend-mode:

CSS-Tricks.com is the place to go for anything related to CSS

I would have loved the feature when we did Danner.dk back in the day, but luckily it was around when Åfjord.no was built!

Categories
Customizing Tools

Happinessbar LIVE from WordCamp Denmark 2015

Every year there is a WordCamp in Danmark, and this year I was on stage with a live version of a Happiness bar where people could ask questions that I would then try to solve/explain.

We started with a demo on a fix for the WordCamps own website, not fully responsive – that’s the first 12-15 minutes of the video. VERY geeky, so be warned if you rewind to see that… You will, however, see the Inspect element tool put to good use.

If you don’t know the Inspect Element, (Danish:Kontroller  Element), you should really get acquainted with it now.

It is available in Chrome, Firefox and Safari . Each a bit different in layout and functionality, but all cover the basics of being able to look at the shiny rendered HTML of your normal view of a webpage.

Read about each of them here:

Inspect Element i Chrome

Web Inspector i Safari

Inspector i Firefox

 

 

Categories
WordPress

(Danish) Onlinehajs hangout where I’m interviewed – talking mostly about…. WordPress plugins and themes

Jeg snakker jo oftest KUN om WordPress og har netop været i Hangout med Onlinehaj.dk hvor vi kom rundt om temaer, plugins og det med at arbejde med indholdet frem for “hjemmesiden”

Se optagelsen her:
http://youtu.be/d8hICBdimsw

 

Categories
WordPress

(Danish) WordPress one year from Juli 2015 in the light of WordCamp Europe

Med #wceu vel overstået og fint dokumenteret af Visue, er det tid til at tænke over hvor WordPress er på vej hen, ud fra et Dansk perspektiv.

Årets store emner var

Content editing

Vi så, eller genså, hvordan FrontKit ikke var nået synderligt længere end sidst, men dog stadig en ret interessant vej for indholdsredigering. Et godt tegn på at, trods den støj drag and drop themes giver til selve tekstforfatter delen, så er der også fokus på at gøre WordPress til et endnu bedre værktøj til at skrive og redigere tekst i, direkte.

Hele 3 talks om Content editing, og alligevel savnede jeg en stillingtagen til de mange drag and drop themes, der blander copy sammen med struktur. Det er nemlig et område hvor det kan gå rigtig galt for et projekt, når der ikke tidligeligt i en designprocess tages hånd om den dynamiske natur indhold og design pludselig får i hænderne på content editoren.

Personligt tror jeg rigtig meget på denne sammensmeltning vi får med Drag and Drop builders, og har længe været fortaler for Visual Composer som værende den bedste drag and drop motor på markedet – det er den stadig. Men tjek lige layerswp.com ud også. Det er et builder tema som ser så super spændende ud at jeg er igang med at teste det af – det syntes jeg også du skal til dit næste projekt.

Drag and Drop giver os mulighed for IKKE at låse hele strukturen for designet fast på et alt for tidligt tidspunkt, og på den måde sørge vi for at kunne levere en hjemmeside der nemt kan ændres, i takt med det indhold som siden skal bære også ændre sig.

Design bliver på den måde en specialiseret process, hvor design til enkelt elementer, og deres dynamiske sammenhæng bliver alt afgørende for et fremtidssikret design.

Så næste gang du skal have designet noget, så bed ikke kun om et færdigt design, men om specifikke elementer, som du selv kan sammensætte vha. en drag and drop builder.

Specialiseret hosting

er allerede vejen frem – det har vi bare ikke helt fattet i Danmark endnu, og os der har, er stadig vilde med Siteground.
(Note: ovenstående er et affiliate link, som jeg tjener penge på)

Tenko Nikolov fra Siteground holdt et godt oplæg om hvordan fremtidens cloud hosting ser ud, som får mig til at rulle med øjnene når jeg for load-capacity problemer på en kundes danske hosting udbyder, WTF !! #skerbareikkei2016vel?

Jeg er ikke server specialst, men jeg ved at det er her vi sikre hastighed,  stabilitet og sikkerhed for vores sites, vigtige faktorer idag, så vælg nu bare en ordentlig host.

Kode

WP REST API, backbone og kode i det hele taget, var selvfølgelig på programmet i stor stil. Ingen tvivl om at REST API’et kommer til at ændre hvordan vi skal tænke WordPress og de muligheder det giver i forhold til WordPress som bagvedliggende maskine til fremtidens web services / apps.

Jeg havde forventet mindst et oplæg som opfølgning på Matt’s Q&A fra WordCamp i Sofia i 2014, hvor han netop så frem til de mange mobile apps der kan kører på WordPress.

Det så vi desværre ikke så meget til i år, men med en markeds share på snart 25% af internettet der drives af WordPress og antallet af mobile internet besøg ca. 30% –  spået stigende til 50% i midten af 2016, kan det ikke vare længe før vi ser nogle fede WordPress drevne mobil løsninger.

Læs lige den sætning igen, den er vild men vigtig – 50% af dine besøgende vil komme fra mobilen  – det er på tide at tænke mobil-first for langt de fleste.

Accessibility

Der tales mere og mere om Accessibility som en vigtig faktor når vi bygger sider. Både ud fra den klassiske content tanke om korrekt brug af H1, alt tekster, link-naming osv. , men også ud fra en diversitets tanke, altså det at vi ikke er ens som mennesker. En pointe som jeg ikke havde hørt før, men som giver mening at tænke på, når vi designer og koder hjemmesider.

I Danmark skal offentlige hjemmesider endda leve op til visse krav. Jeg lagde mærke til at det godt nok er vigtigt, og jeg forstår pointen i, at vi ikke alle læser lange tekster, ser så godt eller har to hænder på tastaturet 95% af dagen.

Men jeg spotter en modsatrettet tendens i de værktøjer, vi anvender til at hjælpe os med at bearbejde indhold fra Internettet.  De bliver mere og mere intelligente, faktisk så intelligente, at vi som udviklere blev bedt om IKKE at anvende nogle af de accessibility tags der findes. De forstyrrer mere end de gavner, da værktøjerne idag er gode til at læse koden selv, og pointen må derfor være at semantisk korrekt HTML er det du skal sigte efter.

Elefanten i rummet

Ud over emnerne var der lidt af en elefant i rummet , nemlig Woocommerce – det var allerede old news i communitiet, og derfor ikke noget der blev brugt tid på, på WordCamp. Med Woocommerce’s indtræden i Automattic familien tidligere i år, er fremtidsudsigterne gode, for en endnu bedre oplevelse på shop området.

En samling af WordPress og Woocommerce under samme hat, kan kun betyde væsentlige fremskridt for den allerede voldsomt populære shop løsning. Et ankepunkt mange har haft med WordPress – det er ikke rigtig en shop… well it is now!

Vi kommer helt bestemt til at se en shop løsning fra Woocommerce der nyder godt af insider viden fra Automattic folket over det næste års tid.

Og for lige at blive i de store nyheders hjørne, så er YOAST – vores alle sammens SEO plugin leverandør, blevet købt af Crowd Favorit, som i forvejen er en kæmpe på WordPress scenen.

Fremtiden

Tingene går i min optik mod en samling af de vigtigste elementer i og omkring WordPress, på færre og ganske ressourcestærke organisationer. Samtidig ser vi en hastigt voksende underskov af bedre og mere specialiserede services. De små ikke specialiserede udbydere af WordPress produkter dør.

Udfordringen

bliver at hitte rede i de bedste special løsninger og 3. parts værktøjer i dette kæmpe marked, og i tilknytning til det, de mange bureauer der tilbyder webudvikling og rådgivning.

Til gengæld

bliver det endnu lettere at vælge og bruge de rette værktøjer til 80% af arbejdet. Dermed bliver det ganske overskueligt for flere at komme igang, og endda nå rigtig langt, blot ved at bruge de elementer der er størst på markedet.

Elementerne du skal bruge i 2016

Der er et hav af gode plugins og 3.parts løsninger du nok bør overveje, og den helt rette sammensætning kommer an på netop din virksomheds situation. Det du betaler et bureau for at hjælpe med normalt.

Men selv uden hjælp går du ikke helt galt i byen med en basispakke af WordPress på f.eks. siteground (stadig et affiliate link)
Tema, f.eks. LayersWP eller et andet godt tema med Visual Composer
En basis pakke af følgende plugins: iThemes securityUpdraftPlus backup, Yoast SEO, Jetpack, Google Analytics, Mailpoet.

 

25% af internettet gør det, så der er INGEN grund til, at du ikke også bruger WordPress.

Jeg tror fremtiden bringer endnu flere SKALLERBARE, MOBILE og KONTEKST baserede løsninger. Hvis du ikke har disse elementer med i dine tanker om online tilstedeværelse for 2016 og frem, så er du bagud – ring!

Så snakker vi 😉

Categories
WordPress

(Danish) Please just update your WordPress website, and deal with the bugfixes – don’t wait!

Hver gang jeg får en opringning fra en ulykkelig WordPress ejer, dør jeg lidt inden i

Faktum er, at langt de fleste med hackede eller fejlbehæftede sites, kunne have været undgået det, med lidt af Mærsks rettidige omhu. Brug nu det, det koster at holde din hjemmeside opdateret LØBENDE!

Det koster langt mere at skulle eftersøge og fjerne hacks eller forkert sammensatte plugins når skaden først er sket.

Der skal to ting til

1. Sørg for at du har backup og sikkerheden i orden. Det er langsigtet tankegang, ikke noget du skal bruge lang tid på, men sørg for at du kan genskabe din hjemmeside og at du ikke bliver ramt af de helt klassiske hackerangreb. Det gør du f.eks. med UpdraftPlus og iThemes Security plugins.

UpdraftPlus er rigtig nem at gå til, også hvis du laver småfejl, hvor du stadig har adgang til backenden. Du nemlig vælge at hente en backup af tema, database eller filer, alt efter hvad der er gået galt. Desuden kan plugin’et sende en fil til f.eks. Dropbox, så du har en backup liggende eksternt, hvis det virkelig skulle gå galt. MEN – husk på at alle hosting selskaber idag tager backup af dine ting, så du kan altid ringe til din udbyder hvis du vil have en backup “rullet tilbage”..

iThemes sørger for at du ikke bliver lagt ned af klassiske brute force angreb og andet skidt. Det kan holde næsten alt fra døren, undtagen dårlig skrevet kode… Det finder du oftest i plugins du installerer, og hvis du installerer noget der er skidt, ELLER (se punkt 2), ikke opdateret, så hjælper iThemes ikke noget.

2. At du, hver gang at der sker opdatering af WordPress, af dit tema eller et af de mange plugins du har installeret;

– undersøger hvad opdateringen gør
Er det et sikkerhedshul der lappes?
Er det nye eller ændrede funktioner?

Sikkerhedshuller, er der ingen vej uden om, de SKAL på – ellers er du sårbar og så er alt andet lige gyldig, hvis du nu er uheldig og en hackerbot kommer forbi dit site.

Nye eller ændrede funktioner kan du overveje om er nødvendige. Ofte kan du ikke undgå dem når der også opdateres for sikkerhedshuller, og du bliver derfor nødt til at tage hånd om, eller i det mindste acceptere at nu er der noget der sker eller gøres på en anden måde.

– overvejer hvad opdateringen af netop det plugin, tema eller WP kommer til at betyde for resten af din opsætning
Kan de forskellige versioner fungerer sammen?
Bliver der introduceret nye funktioner eller design elementer, som nu skal tages hånd om?

Det er WordPress version der dikterer om tingene virker sammen – men ingen garanti. Når WordPress 1-2 gange om året kommer med en større versions opdatering, kan det ofte være en god ide at vente med at springe på vognen, indtil du er sikker på at alle dine plugins og tema også er opdaterede. Ellers risikerer du at tingene ikke virker sammen.

Det betyder desværre ikke, at du er sikker på at de enkelte plugins kan fungerer i kombination, så her er du  stadig nødsaget til at tjekke de enkelte plugins ift. hinanden.

De senere år er “bygge temaer”, temaer med page builders, blevet populære. Med dem kommer man hurtigt til et flot resultat, men du er underlagt en udviklers luner ift. designvalg, så dine ændringer i et childtema kan pludselig stoppe med af fungerer, hvis temaet ændre væsentlig struktur. Det så vi sidst da WordPress gjorde det obligatorisk for temaer at anvende Customizeren istedet for de klassiske settings pages.

 

PUHA, en omgang, jeg bliver helt bange, hvad skal jeg gøre?

Vejen til et simplere liv

Jo færre plugins og simplere tema, jo færre af ændringer vil forekomme – hvilket på den lange bane kan være godt! Derfor er der også mange udviklere der anbefaler at bygge temaer og andet fra bunden, eller på basis af noget som ikke har en masse ting med sig som vi måske ikke får brug for alligevel.

Hvis du ikke bygger selv, så er min klarer anbefaling; simpelt tema, og få men gode plugins.

Lad være med at installere temaer som “udvidder” design muligheder (kasser, kolonner, knapper, popups, shortcodes i et væk), så hellere vælg et tema der har de dele, hvis du ikke kan leve uden. Installer istedet et par gode plugins som f.eks.: Jetpack, Yoast SEO, WP-Edit, iThemes og UpdraftPlus.

 

Er dit site allerede opdateringsmodent ( det er det altid), så er det nu du skal overveje om du skal trykke på OPDATER knappen, eller sende en mail til opdatermignu@dejliglama.dk 😉

#pøjpøjmeddet


Og så et par af de generelle sikkerhedsråd

Categories
WordPress

(Danish) Let’s pick a fight with WordPress

At sætte en hjemmeside op med WordPress er en balancegang mellem nemme plugin kombinationer og vild kode der bryder rammerne for hvad et content management system kan idag.

Man skulle egentlig tro, at det store plugin udbud havde alt hvad man kunne ønske sig, ofte i flere variationer. Men virkeligheden er nok en lidt anden.

Nemme plugin kombinationer kan skabe et fantastisk flot og funktionelt site, men måske nærmere en visuel rodebutik med funktioner der kan for meget, eller for lidt og som ikke giver et ønskværdigt flow rundt på siden (Det de smarte kalder UX).

At få tingene til at lykkedes GODT kan altså være lidt af en kamp…

Men hov, Kåre, er du ikke fortaler for WordPress ? 

Jo! Bestemt – det handler nemlig om den gode gamle 80/20 regel. Lad os komme 80% af vejen med de standard løsninger der findes for 20% af budgettet/tiden, og lad os så bruge 80% af budgettet på de sidste 20% af arbejdet der giver den RIGTIGE løsning.

De 80% af budgettet gælder både for mig som leverandør, og dig som kunde, der skal nemlig bruges tid på de små detaljer i indholdet, hvis du vil have en RIGTIG løsning.

Det er her overskriften kommer ind – tyvstjålet fra Jack White i filmen It might get loud hvor han siger noget a la “pick a fight with the guitar, pick a fight and win the fight”.

Det er når vi bruger 80% af vores energi på de svære 20%, det bliver rigtig sjovt 😉