Categorie: Informatica

Wordpress Gutenberg Test and Review

WordPress Gutenberg Editor – Extensive Test and Review

Gutenberg is the new project set to be included in WordPress Core and it should be “helping people write content, build websites, and design them in a better way”. Question is: does it? Will it help to edit better, faster? Will it help in designing a better WordPress website?

What’s all the fuss about with the Gutenberg Editor from WordPress?

Many people don’t like the new editor that WordPress wants to include in the core code of as off version 5.0. There’s more to this than only a new editor. WordPress will change overall. It will become a totally different system for Content Management in time. This is a development with many possible pro’s but also a lot con’s. Fot example: the costs for businesses will be millions of dollars (training users!) if they wish to stick to WordPress. It will, in the end, be the end of WordPress as we know it and have grown to love.

But let’s start with Gutenberg.. And put it to the test.

I did three tests simulating normal WordPress use (see the Use Cases below) and made screenrecordings of them. At the end I’m giving my final thoughts (last 15 minutes). If you want to skip to that, click here, it’s around the 49th minute mark.

VIDEO

USE CASES

For this test I used basic use cases.

— posting a new article (writing an article, copy-paste from a text editor)
— editing an existing article (post, page).
— Convert an existing post to Gutenberg and edit it.
— installing and updating plugins, afterwards testing (regression test)
— creating a new media-rich post (images, video).
— editing pages created with a site builder

TESTCOMPUTER

— Linux Mint 18.3
— FireFox 61.0.1 64-bit, Chromium 68.0.3440.106
— CPU: Intel i3/550 3.2Ghz;
— RAM: 16GB

WEBSITES

— Website on a live Linux server (Linux Debian 8, PHP 7.x, MariaDB, 16GB RAM, 4-core and so on);
— Website hosted on a XAMPP local server (on my testcomputer).

The below are the results of the testing.

PRO’S

— Seems to be working with a standard template;
— Old posts can be edited. It will show the classic editor;
— converting old posts and pages to the new editor basicly works;
— Shortcodes are in a separate block and still work.

CON’S / TEST REMARKS

— alignment of images is not correct. The header image is fine (full width), other images aligned right or left do align to the borders of the post, but inline posts of images at full width/center do not align full width but are smaller.

— Editor is not a true WYSIWYG editor

— hard to decide if text is a header or not (SEO!?) when using the “text settings” buttons. Why are they here in the first place? Since if you add new blocks it defaults (so it seems) to a header (at least, it does sometimes.. but not always. This is unstable).

— [publish] button only works when you click outside first block you’re editing. Only after that you can publish..

— to publish you need to click on the publish button twice(!!). That is pretty awkward. If you ask me this indicates there’s a programming issue with this function or probably a design decision that is, if you ask me, in error. When publishing content (save content), you should not need to click twice to do so.

— pages are now also named ‘posts’.. why? Very weird. Clearly there’s a difference between pages and posts, so don’t use the same name for this.

— HTML editing: you cannot access HTML for the full page but only for one block. This should be full page HTML since that would make search/replace easier (as it was before). For example for URL’s in a post. It’s what you expect when editing HTML. This is a design decision based on some assumption on how people work with text and WordPress making it harder to use for designers and writers.

— the “button bar” above posts should stay as it was, do not move stuff to the sidebar. Very disturbing for the workflow. Many options are now very hard to find, some are (still) missing. Some options that were at the side of a post in the classic editor setup are now extremely hard to find or perhaps gone? I haven’t been able to find them or only after searching long and hard. The bar above posts is as most wordprocessors work. Keep it that way, since it’s what people are familiar with!

— When editing colors you cannot use HEX code(?). So it’s impossible to get the exact same colors in your pages/posts as used in the theme.

— some buttons make you think they have certain functions, but they don’t. Like the “undo” button. I was mistaken it for a “back” button…

— Preview sometimes totally messes up your website. It shows something in between the mobile version of the website and a website that has been messed up badly.

— the featured image all of the sudden has a line around it when posting to a news page — older posts didn’t have this. So it interferes with the theme settings (CSS?) after all.. It doesn’t add this line around previous posts featured image.

— converting an existing page (with images) to the new format destroys the layout. Images that were aligned, for example, right or left, are now centered. It also resizes the images (so previous settings have gone lost as far as size is concerned). If you have a lot of images on a page, this is a pesky task setting them back to the original size, if even possible since you don’t know what the original settings were.

— installing a new plugin. The functionality (Gallery) is totally ignored by Gutenbgerg

— No options to use the ‘gallery’ as a real gallery (as in “pop-out”);

— The gallery defaults to settings that are outdated and ugly imho. But using the plugin has been made impossible.

— When combining pictures with video (Youtube) they do not align correct. Gallery = full width, video is not. I have not found an option to resize the video size in a post. In the Gutenberg Editor, however, it looks fine. On the published post it doesn’t, it’s pretty ugly..

— The text below a video does not align centered, even when the block is clicked ‘center’ alignment. It centers on the page, but the video doesn’t. The border around the video is, however, full width.. Clearly a design programming error.

— the embed code doesn’t have any options (that I know off) to change the size of a youtube video. While Gutenberg aims to not bother people with HTML (good idea) in this case it should be more robust or allow me to do true HTML editing to fix this issue.

OVERALL

— hard and often very awkward to use, not user friendly;
— lot’s of extra clicking. That’s obsolete! It also shows there are programming issues that need to be fixed.
— still many issues and bugs (do not take my word for it, check the support pages and Github);
— I simply do not like how it works and ‘feels’. It disturbs my workflow;
— It is very unclear what the “editing area” is. The classic editor was giving you a “page” feel where you could edit.
— For writing a piece of text it is unstuiable. As a ‘design tool’ not there yet, not by far.

WORDPRESS GITHUB
https://github.com/wordpress/gutenberg

PROJECT GUTENBERG ON WORDPRESS
https://wordpress.org/plugins/gutenberg/

FINAL THOUGHTS

The project is, if you ask me, a waste of time. Smart developers as well as webdesigners and users can use there limited time and resources a lot more effective. Many have spend numerous hours on this project. Building, testing, giving feedback. So far, most feedback is, imho, ignored.

WordPress would have been better off if the developers spend their time on developing a more robust WordPress core code, fixing security isses, bugs or adding new functions. As the saying goes: “Don’t fix what ain’t broeken”. The editor isn’t broken. The classic editor is what it is and it does a good job. This overhaul of WordPress is not the right direction for wordpress if you ask me. But that’s just my two cents,.. I’m afraid I’ve wasted a lot of time running these tests. I can only repeat what I’ve said before: “Kill it, before it Kills WordPress”. It ain’t ready, the majority of WordPress users are not asking for it. I can only repeat myself: “Kill it, before it kills WordPress”.

ABOUT ME

I have been using WordPress ever since early 3.x version, developing websites, using it for my own blogs and sites and host many wordpress websites for my clients. I am an experienced user and IT professional and have worked in this field for over 30 years.

My websites can be found at

https://www.brinkhost.nl
https://www.rudybrinkman.nl

ABOUT THIS VIDEO

This video was edited with KDEnlive, recorded with RecordMyDesktop and my Motorola Smartphone.

MORE ABOUT THE PROJECT AND THE FUTURE PLANS

Gutenberg Changes Everything

“As soon as the Gutenberg project gets merged with the core a lot of things in the WordPress community will start changing. And in a matter of a one to two years, these changes might build the roadmap to a completely different set of WordPress themes, plugins, interaction, site building, — hence changing everything”.

State of the Word, 2017
(Matt Mullenweg, WordPress co-founder)

“We want to make the best tools in the world, and we want to do it for decades to come. I’ve been doing WordPress for 15 years, I want to do it the rest of my life.” – Matt Mullenweg

Lengthy video from Matt Mullenweg

 

Share This:

Windows programma’s onder Linux gebruiken

Kun je onder Linux Mint ook Windows programma’s gebruiken? Ik ben volledig overgegaan naar Linux. Linux Mint wel te verstaan. Mijn Studio draaide al geruime tijd onder Linux, de webservers van mijn bedrijf draaien al jarenlang onder Linux en nu ook mijn desktop computer.

Het “cold turkey” afkicken van Windows (op mijn laptop na, die heeft nog Windows 8.1 draaien) bevalt mij tot nu toe uitstekend. Voor alle programmatuur die ik veel gebruikte onder Windows is een goed alternatief onder Linux. Wat zeg ik: vaak zelfs beter.

Zo kun je internetten met FireFox of Chromium, Emailen met Thunderbird, video bewerken met Kdenlive, foto’s bewerken met GIMP, XnView, Pinta e.v.a. Over Foto- en Video bewerking onder Linux (en ook lezenswaardig voor Windows en MacOSX gebruikers die hier een gratis programma voor zoeken) heb ik hier een stukje geschreven.

FireFox kennen veel mensen (nog) wel. Chromium is onbekender, ongeveer 6% van de mensen gebruikt het en dus nogal onbekend – vooral in gebruik bij Linux gebruikers. En dat is niet terecht, want eigenlijk is Chromium een betere (want: géén toegevoegde rommel van Google) browser.

Chromium is de browser van het gelijknamige open source-project, waar Google zich op baseert met zijn browser Chrome. Die laatste is tegenwoordig de browser die het landschap domineert en concurrenten als IE/Edge en Firefox ver achter zich laat. Chromium daarentegen werd vorige maand door minder dan een zesde van alle browsergebruikers ingezet (Computerworld).

Chromium wordt vaak ‘instabieler’ genoemd e.d. maar tot nu toe heb ik daar niets van gemerkt. Het heeft gewoonweg minder ingebouwde meuk.

WINDOWS SOFTWARE ONDER LINUX

Toch heb je soms de wens bepaalde Windows programma’s te gebruiken die je al had (gekocht, geregistreerd, gedowload). Of elders hebt gezien.

Daarvoor zijn er onder Linux een aantal mogelijkheden.

  1. VirtualBox [download]
    Een van de bekende methoden is Windows installeren via VirtualBox. Daarmee heb je dan een “virtuele computer” op je eigen computer waarin je bijvoorbeeld Windows kunt installeren. Ik had dat gedaan (mijn Windows7 CD van mijn vorige computer gebruikt). Maar, .. ik constateerde dat ik na een aantal maanden er nooit gebruik van maakte! Met andere woorden, ik had tot op afgelopen zondag geen Windows programma’s of omgeving nodig gehad. ik gebruik VirtualBox wel met regelmaat om andere Linux-distributies te testen overigens…
  2. WINE [informatie]
    Wine is, in tegenstelling tot VirtualBox, geen ’emulator’ van een (virtuele) machine.
    Wine (originally an acronym for “Wine Is Not an Emulator”) is a compatibility layer capable of running Windows applications on several POSIX-compliant operating systems, such as Linux, macOS, & BSD.
    Met Wine kun je dus op een Linux-machine of MacOSX machine een Windows programma gebruiken. Helaas lang niet alle Windows programma’s, dat moet ik er wel bij zeggen.

Afgelopen zondag heb ik er wat mee gespeeld. Met Wine wel te verstaan.

FXPansion's BFD ECO on Linux (WINE)
FXPansion’s BFD ECO op Linux (WINE)

 

Ik heb onder andere Sony Movie Studio geprobeerd (versie die ik heb werkt niet goed), MixCraft Studio software (werkt ook niet want heeft DotNET nodig en die installatie kreeg ik vooralsnog niet werkend). Wat wel werkte was het drumprogramma dat ik gebruikte onder Windows (zie afbeelding boven).

Het werkt zelfs boven verwachting goed en gek genoeg véél sneller dan op Windows. In mijn Studioprogramma (Ardour) gebruik ik overigens AVLDrums. Maar ik was altijd wel verknocht aan FXpansion ECO Drums. En om dat ik er indertijd een aardig bedrag voor betaald heb moet ik zeggen dat ik blij ben dat het werkt via WINE.

NIET ALLES WERKT ONDER WINE

Niet alle Windows programma’s werken dus onder Wine, maar wel veel. Het is een kwestie van trial-and-error. En zoals gezegd: echt nodig heb ik het niet (meer). De overstap naar “100% Linux” is voor mij een enorm succes geweest!

Share This:

Successen moet je vieren: Geslaagd!

Successen moet je vieren zeggen ze altijd, dus dat doe ik dan maar even bij deze. M’n studie is (eindelijk) afgerond. Vandaag kreeg ik de beoordeling van m’n laatste (praktijk)opdracht en de opleiding die ik volgde (“Kort HBO-programma Informatiemanagement”) is afgerond. 

Daarmee ben ik overigens niet ‘afgestudeerd’ op HBO-niveau. Het is een opleiding bestaande uit twee certificaten die in totaal 46 EC’s aan studielast vertegenwoordigen. Waarmee ik dan wel aantoon uiteraard dat ik in elk geval op bepaald gebied HBO-niveau heb.

HBO Onderwijs

Verder doorgaan was helaas geen optie, de studie (opleiding) stopt binnenkort in verband met de vele wijzigingen in het HBO-onderwijs. ICT is één van de “slachtoffers” daarvan. De opleidingen in het ICT-veld worden veralgemeniseerd. Wat ik jammer vind want daarmee heb je dan wel een “brede” IT-opleiding, de specialismen verdwijnen.

Vorig jaar al eens op een informatieavond van de NHL geweest om eens te spreken met docenten in het vakgebied. Maar wat mij duidelijk werd: er is erg veel ónduidelijkheid. En voorlopig konden ze mij bijvoorbeeld niets aanbieden op het gebied van vrijstellingen e.d. dus een AD of zelfs BA volgen via NHL of een andere opleider zit er even niet in. Omdat ik dan niet weet waar ik aan begin. Nog afgezien van de enorme bak geld die ze verlangen voor een opleiding!

Ik heb er wel langer over gedaan dan de meeste mensen doen, maar naast een gezin, baan én eigen bedrijf ook nog een studie doen is planmatig best lastig. Als je daarnaast ook nog een paar hobby’s (zoals bijvoorbeeld weer een nieuw album uitbrengen in dezelfde periode) en een sociaal leven er op na wilt houden dan is de opgegeven periode waarin je de studie zou kunnen halen (2 jaar “maximaal” benodigd) erg optimistisch. Desondanks in iets meer dan 2,5 jaar afgerond. Daar ben ik wel tevreden mee.

Opleiding via NTI

Ik heb de opleiding via het NTI gevolgd. Afgezien van wat administratieve oneffenheden een prima opleider. Begeleiding is goed, feedback op opdrachten ook prima en de praktijkdagen waren interessant. De opleiding is vooral heel vakgericht en daar ging ik ook voor.

En nu verder,…

Dus kan ik nu weer omkijken naar iets anders, denk ik. In m’n hoofd zijn er al weer wat plannen. Verder met m’n theologie-opleiding aan het Emmaus, een cursus fotografie (..), of toch een opleiding “Linux professional“..? Dat is ook wel weer erg interessant, .. #zucht keuzes, keuzes. Ik ga er nog maar eens over nadenken. Daar heb ik tenslotte nu weer tijd voor 🙂

 

Share This:

Eigen server met Easy Hosting Control Panel inrichten

Een eigen (test)server inrichten voor projecten, webservertje thuis of op een VPS is niet zo moeilijk meer tegenwoordig. Een server met Easy Hosting Control Panel is bijvoorbeeld snel geregeld. Daarop kun je ook serieus productie hosten, in tegenstelling tot bijvoorbeeld WAMP en LAMP-stacks.

Waarom zou je dat gedoe allemaal willen hebben?

Een van de allerbelangrijkste redenen, zeker als je een bedrijf hebt, is: testen. Een server online brengen en een website, zeker een grote site met veel functionaliteit, brengt de nodige risico’s met zich mee. Risico’s op het gebied van beheer en onderhoud, beveiliging, etc. Een testserver geeft je de mogelijkheid om eerst eens lekker te experimenteren met nieuwe updates van software, nieuwe functionaliteiten etc. Zo maak je dus, relatief goedkoop, een “OTAP”-straat.

Installeer je eigen webserver

Hoe doe je dat, een eigen server regelen of hosten? Natuurlijk kan je mij vragen via m’n bedrijf dat voor je te regelen (zie www.brinkman.it). Een andere optie is een VPS te nemen via DigitalOcean. Je hebt bij DigitalOcean al voor $5 per maand een eigen VPS.

Installeer er een “kale” Ubuntu of Debian op. Daar hebben ze kant en klare images voor klaar staan. De volgende stap is EHCP installeren op je server.

Log in op je server, bijvoorbeeld via TelNet (met Putty). Vervolgens voer je de volgende commando’s uit:

wget http://www.ehcp.net/download
cp download ehcp_latest.tgz
tar -zxvf ehcp_latest.tgz
cd ehcp
./install.sh

Beantwoord de vragen/volg de procedure.
De installatie meldt na afronding:

Finished all operations.. go to your panel at http://yourip/ now...

Je kunt nu je server bezoeken via: http://yourip/ waarbij yourip je (interne) ip-adres is.
Eventueel is de link iets van http://ip-adres/new/ehcp of http://ip-adres/ehcp

Eigen (lokale) server

Een eigen, lokale, server kan ook. Je kunt hiervoor een oude computer nemen of een laptop waarop je Linux installeert. Maar een optie is wellicht door Oracle VM VirtualBox (als je Windows gebruikt) te installeren. Daar binnen kun je dan op je eigen computer onder Windows een “virtuele machine” draaien.

Ik heb in de bijgaande handleiding (drie pagina’s met schermprints) beschreven hoe je dat kunt doen. Let wel: geen garantie dat je het werkend krijgt. Een leuke vingeroefening met Linux, virtualbox en installaties is het wel 🙂

► Download: Serverinstallatie EHCP met VirtualBox

 

Share This:

CWP7 CentOS WebPanel HTTP Test Page

CentOS WebPanel (CWP7) Default Page Displayed for all domains?
(English text below)

CentOS WebPanel (CWP7) is een grafische omgeving, een set tools, om een webserver te beheren. En een, naar mijn mening, uitstekend panel dat nog gratis is ook! Vandaag dus even iets heel anders op dit blog. Om anderen die met dit panel werken en deze fout krijgen te helpen. 

CentOS WebPanel is bedoeld voor het beheren van webservers en in het bijzonder webservers waar CentOS op is geïnstalleerd. CentOS is een Linux-distributie en is de, eenvoudig gesteld, “Open Source variant van RedHat linux”. Een uitstekend Operating System voor Webservers. Maar, .. om nou op de command regel via de terminal je webserver te beheren is wel heel 1985.

Daarom zijn er verschillende panels in omloop zoals DirectAdmin (die ik voor mijn bedrijf gebruik) en CentOS WebPanel. Die ik voor een ander onderdeel van mijn bedrijf gebruik. Die laatste is nog in opbouw en ik experimenteer af en toe nog met sommige dingen. De site is daarom soms nog eventjes onbereikbaar 😉

CentOS WebPanel HTTP Test Page error

Een tijdje geleden had ik nadat ik twee sites daar al een tijdje heb gehost een extra, zeer grote, website er geplaatst. In testopstelling. Voor een cliënt. Zodra de test accoord is, gaat deze site daar definitief live.

Omdat de testsite, onder een subdomein, niet goed oppakte dacht ik dat misschien de apache configuratie niet goed (her)schreven was. Alhoewel visuele controle deed vermoeden dat alles goed ingesteld stond. Dus herschrijven Apache configs, rebooten enz. Maar het (test)domein pakte niet goed op.

Erger nog, .. ik kreeg dit scherm te zien op alle accounts:

Gelukkig had ik natuurlijk een full backup gemaakt en deed een restore. Alles werkte weer normaal. Ook het (test)domein werkte, na opnieuw configureren, goed. Totdat ik een reboot had gedaan (omdat ik nog iets in de mail-instellingen voor de server had aangepast en PHP7 bij de klant had geactiveerd zonder dat het iets leek uit te maken).

Wederom het scherm hier boven op alle accounts! Normaliter zou dit betekenen dat alle accounts leeg zijn en/of er een index.html op zou zijn geplaatst. Géén van beide was het geval. Apache was down en niet meer aan de praat te krijgen. Een obscure foutmelding na herstart van Apache.

Ik wilde niet weer terug naar het restoren van de backup. Dus dan maar de fout oplossen, nietwaar? En “Google is your friend” net als de help-pagina’s van CWP7.

De fout komt vaker voor, zo blijkt. Er is namelijk een speciale help pagina voor het onderwerp (klik hier). Helaas hielp de uitleg daar niet. Alle stappen gevolgd en geen resultaat. Nog steeds op alle accounts de default page.

Het enige wat ik vervolgens nog kon bedenken is dat ik, omdat ik nGinx heb geïnstalleerd (zodat het panel niet afhankelijk is van Apache’s wel of niet functioneren) met Varnish Cache deze de default pagina toont. En ik bedacht mij “dat zou elkaar wel eens kunnen bijten” omdat ik, al experimenterend, iets had geïnstalleerd, verwijderd, geïnstalleerd enz. Wat ik zag was dus de nGinx server die de default pagina serveerde. Immers, Apache was down?

Eureka!

Dat bleek een Eureka! moment te zijn. Caching houdt je wel vaker voor de gek, en de poorten van nGinx en Apache lagen wellicht met elkaar overhoop (ik leg het technisch niet goed uit, maar vooruit) of er was ander conflict of caching probleem.

Een (her)installatie van Apache, nGingx, Varnish was de oplossing. Alle instellingen werden weer (her)schreven en alle websites functioneerden weer normaal. Let op (zie onder in de Engelse tekst) dat de instructie niet klopt (in deze situatie). De optie bevindt zich op een andere plaats.

Voor de liefhebbers: ik draai CWP7 op CentOS7 op een “cloudserver” met, vooralsnog, 2GB RAM en een dualcore CPU. Dat breng ik binnenkort omhoog naar 4GB/4core zodra er meer websites op draaien. CWP7 draait op een 1Core/1GB Ram al, maar dan niet met alle toeters en bellen die ik er bij wil hebben (met name viruscan heeft meer geheugen nodig).

CentOS WebPanel (CWP7) Default Page Displayed for all domains

(English text)

Recently I’ve came across the problem that after adding a new domain all acccounts were showing the default page for all domains and Apache was down.

|| Don’t forget to create a backup before you try to fix this!

The CWP7 help pages (wiki) have instructions about this issue but are missing out on an important aspect. You can only see the default page, when apache is down, when you have nGinx installed/active. If the solution they offer (try their solution first!) doesn’t work, Apache is down and you have nGinx installed, with Varnish cache running, this is the solution that worked for me: reinstall Varnish.

Mind you, the option in the CWP7 panel is located on a different spot now, the Wiki seems to be a little outdated. See the screencapture below.

Running this rebuild fixed the issue for me and all sites were back since Apache was now loading again.

For those interested: I’m currently running CWP7 on a vps with 2Core CPU, 2GB Ram on CentOS7 and have PHP 5.x and 7.x installed. I will soon upgrade to 4Core/4GB RAM since I will be hosting more websites on it (currently hosting 3 sites on it).

Detailed information below:

Application Version
Apache version: Apache/2.4.25
PHP version: 5.6.30 [PHP Switcher]
MySQL version: 10.1.21-MariaDB
FTP version: 1.0.42

System Info
CPU Model: Intel(R) Xeon(R) CPU E5-2630L v2 @ 2.40GHz
CPU Details: 2 Core (2400 MHz)
Distro Name: CentOS Linux release 7.3.1611 (Core)
Kernel Version: 3.10.0-514.6.1.el7.x86_64
Platform: x86_64 [kvm]

Share This: