WordPress 5.8 întărește tendința, observabilă încă de la versiunea 5.6, de a se trece editarea pe blocuri. De data asta se face un pas în plus, prin modificarea zonei de editare a pieselor / widgeturilor. În locul clasicelor coloane vom avea, începând cu acestă versiune, un editor cu blocuri. Pentru cei care nu au trecut încă la editorul cu blocuri, sau nu vor să treacă din diverse motive, comunitatea WordPress oferă un plugin ce păstrează forma clasică a editării widgeturilor.
Exemplu:
1. sistemul clasic de piese
2. noul editor de piese
Administrează piesele cu blocuri
După luni de muncă grea, forța blocurilor a ajuns în Editorul de piese cu blocuri și în Personalizator. Acum poți adăuga blocuri în zonele pentru piese din site, dar și folosind previzualizarea live din Personalizator. Deschidem noi posibilități de a crea conținut: de la aranjamente simple care nu necesită cod, până la biblioteca de blocuri de bază și terțe, care este în continuă creștere. Găsești mai multe detalii în nota pentru dezvoltatori privind piesele.
Principalele modificări aduse de WordPress 5.8
Înlăturăm suportul pentru Internet Explorer 11
Începând cu această versiune, înlăturăm suportul pentru Internet Explorer 11. Este posibil să ai probleme la administrarea site-ul tău, dar acestea nu vor fi rezolvate în viitor. Dacă în prezent utilizezi IE11, îți recomandăm insistent să folosești un navigator modern.
Adăugăm suport pentru WebP
WebP este un format modern pentru imagini pe web care oferă o comprimare îmbunătățită, cu sau fără pierderi. Imaginile WebP sunt cu aproximativ 30% mai mici decât alternativa lor, JPEG sau PNG, deci site-urile care le folosesc sunt mai rapide și utilizează o lățime de bandă mai mică.
Adăugăm suport suplimentar pentru blocuri
WordPress 5.8 extinde suportul pentru blocuri, anterior implementat în WordPress 5.6 și 5.7, introducând câteva marcaje noi de tip supports pentru blocuri și opțiuni noi pentru a-ți personaliza blocurile înregistrate. Sunt disponibile mai multe informații în nota pentru dezvoltatori privind suportul pentru blocuri.
AMP for WP – Accelerated Mobile Pages, de Ahmed Kaludi și Mohammed Kaludi, este unul din cele mai bune module pentru AMP. Modulul generează cod special formatat AMP atât pentru articole cât și pentru pagini, arhive și altele. În combinație cu alte module, cum ar fi ACF, funcționalitățile sale se pot extnde foarte mult.
Modulul de bază AMP for WordPress este gratuit, însă producătorul are o mulțime de extensii folositoare și teme de design. Ele se pot integra cu diverse module, dar și pot extinde anumite funcționalități, mai ales pe partea de coduri de bannere.
Instalarea pluginului AMP for WP
AMP pentru WP adaugă automat funcționalitatea Accelerated Mobile Pages (Google AMP Project) pe site-ul dvs. WordPress. AMP face site-ul mai rapid pentru vizitatorii de pe dispozitive mobile.
Pentru început trebuie să fiți autentificat în WordPress ca administrator, apoi din Module → Adaugă modul scrieți în câmpul de căutare numele modului: AMP for WP.
După instalare și activare modulul va pune un meniu nou în partea din stânga:
Respectiv, în partea dreaptă:
Setările de bază / Basic Setup
Pentru o setare rapidă selectați Basic Setup. În acest fel va rămâne doar partea din dreapta cu opțiunile:
Website Type – selectați din opțiunile afișate ce se potrivește cel mai bine profilului site-ului
Where do you need AMP? – în general e bine să vă limitați doar la postări și pagini
Design and Presentation – adăugați logo (mic, pentru mobile de 120 x 90 px și o culoare dominantă)
Analytics Tracking – introduceți ID-ul de la Google Analytics pentru trafic de forma UA-XXXXX-Y, de asemenea puteți selecta dintr-o listă generoasă de alte servicii de trafic, da, puteți avea mai multe
Privacy Settings – adică GDPR, selectați și personalizați, așa cere legea, WordPress-ul are diverse cookies, plus cele de la Google Analytics și altele
Advertisement – vă redirectează spre o secțiune mai complexă de unde puteți gestiona reclamele ce apar în paginile AMP, secțiunea nu e foarte complicată și – chiar dacă nu instalați extensia gratuită – vă permite să inserați cod de reclame în zone predefinite
3rd Party Compatibility – realizează o minimă integrare cu unele pluginuri existente pe site. Poate cel mai folositor este cel de SEO. Selectați ce aveți (Yoastul de ex).
Setări avansate / Advance Setup
Dacă ați făcut setările de bază practic aveți versiunea AMP funcțională. Setările avansate permit unele finisări și setări detaliate. Sunt atât de mult încât se poate face un manual grosuț cu ele. Luați-le pe rând și vedeți ce vă trebuie și ce nu.
Poate cel mai mult vă va interesa partea de design:
Aveți 4 teme gratuite și acces la mai multe profesionale, contra cost. Puteți face și teme personalizate, în serie cu designul site-ului, dar asta e o altă discuție, una de nivel avansat și nu face obiectul acestei prezentări.
Folosirea pluginului AMP for WP
După ce este instalat și setat corespunzător îl puteți folosi (cum am precizat, setările de bază acoperă majoritatea cerințelor, dar, dacă observați probleme intrați pe setările avansate și căutați rezolvarea – puteți pune întrebări și pe pagina de suport a modulului, dar și aici în comentarii).
În partea din dreapta a editorului de pagini și articole o să aveți două butoane radio ce vă vor permite să setați ca paginia AMP să fie vizibilă sau nu.
Respectiv o secțiune Custom AMP Editor, unde puteți pune conținut separat pentru AMP față de cel principal, sau puteți copia conținutul principal și modifica.
Aveți și un AMP Builder, compex și fascinant. Vă sfătuiesc să-l utilizați pentru prima pagină și alte pagini mai deosebite.
Mult succes! Dacă aveți probleme, folosiți formularul de comentarii pentru a pune întrebări.
SmartBill este o aplicație de facturare și gestiune. Pentru a ușura activitatea de facturare și a o integra cu aplicația SmartBill firma oferă un plugin special pentru WordPress.
Modulul Smart Bill permite
emiterea facturilor in SmartBill direct din magazinul online
emiterea automata a facturilor in SmartBill la modificarea statusului comenzilor
sincronizarea stocului magazinului online cu cel din SmartBill
trimiterea facturii pe email clientului automat dupa facturare
Modulul poate fi utilizat doar in cadrul pachetelor Platinum (facturare) si Gestiune Plus (facturare si gestiune).
Modulele PHP necesare se pot activa din Cpanel / Software / Select PHP Version / PHP Extensions.
Sau pot fi verificate așa cum se precizează și în instrucțiunile producătorului, făcând un fișier info.php cu conținutul:
<?php
phpinfo();
?>
Ce poate fi accesat: https://numele-siteului-dvs.ro/info.php
Dacă nu aveți un editor de text și nici cunoștințe de ftp (pentru a urca fișierul pe server) atunci folosiți tot Cpanelul pentru a face acest fișier. Astfel:
Se va deschide o fereastră mare cu toate fișierele și directoarele de pe server. Accesați (dublu clic) directorul (folderul): public_html. Acolo aveți sus în meniu-stânga veți găsi butonul de creare a unui nou fișier: + File.
Se va deschide un pop-un cu un mic formular. Scrieți acolo info.php, verificați ca mai jos să fie public_html și salvați.
După ce ai creat fișierul el va apărea în lista de fișiere, asemănător cu imaginea de mai jos:
Selectează-l (clic pe numele fișierului) și din meniu apasă Edit:
În ferastra care se va deschide scrie:
<?php
phpinfo();
?>
Salvează (buton dreapta-sus) și accesează fișierul din browser: https://numele-siteului-dvs.ro/info.php
Se va deschide un ecran plin cu informații despre server, php și modulele instalate. Căutați după numele modulelor cerute în instrucțiuni:
se instalează în WordPress din Module / Adaugă modul / Incarcă modulul (buton sus) / Browse / cauți modulul pe server, în locul unde l-ai salvat și-l încarci
îl instalezi
îl activezi
îl vei regăsi în meniul din stânga:
Primul pas este să te autentifici. Pentru asta clic pe Autentificare:
Pentru a completa datele de autentificare trebuie să deschizi contul tău de SmartBill Cloud, de unde vei lua datele necesare în formularul de mai sus.
WPML este un plugin ce ajută WordPress-ul să devină multilingv. După instalare site-ul poate fi gestionat într-o mulțime de limbi. Setările sunt simple și intuitive.
WPML permite autorilor să scrie conținut în diferite limbi și să traducă conținut. De asemenea, include funcții avansate pentru gestionarea traducerilor și o interfață pentru traducerea profesională a conținutului.
Utilizarea WPML nu necesită abilități tehnice sau de programare. Administratorii site-ului îl pot instala și transforma site-ul lor multilingv, fără nicio codare. WPML include un API complet, pentru integrarea cu alte pluginuri și sisteme de traducere. În acest fel, dezvoltatorii pot folosi cu ușurință WPML și își pot transforma produsele în multilingv.
După achiziționarea modulului, pagina de download arată astfel:
Downloadați ambele module. Primul este cel mare, al doilea este pentru fișierele media. Nu este obligatoriu, dar poate fi util.
Sub aceste două module mai găsiți o listă de module recomandate. Funcție de ce aveți instalat pe site puteți să le folosiți.
Vă recomand modului pentru Yoast SEO.
Modulele pot fi copiate pe site prin FTP sau încărcat din interfața de administrare pluginuri.
După instalare veți vedea pluginurile în listă, neactivate:
În exemplul de mai sus sunt și modulele opționale pentru media și Yoast SEO.
Instalarea modulului WPML pas cu pas
Imediat ce activați modului începe setarea lui pas cu pas.
Content language: limba în care este scris conținutul actual al site-ului, sau limba de bază. Se poate selecta dintr-o listă derulantă.
2. Translation language: limbile suplimentare, pe lângă cea de bază. Puteți selecta una, sau mai multe. Observați că limba română este deja selectată.
3. Language switcher: din această fereastră puteți stabili ordinea de afișare a limbilor în meniu
Puteți schimba ordinea pur și simplu făcând clic pe iconul cu steagul țării și trăgând de el. De mai jos se poate seta cum anume se comportă site-ul dacă nu există o pagină similară în cealaltă limbă. De exemplu dacă aveți pagina în limba română numită: Misiunea noastră, dar nu o aveți și în limba engleză, puteți seta ca la clic pe stegulețul limbii engleză vizitatorul să fie trimis pe prima pagină, sau să nu se întâmple nimic.
Sub această casetă mai sunt câteva casete din care puteți seta unde să apară meniul cu limbile site-ului, respectiv cum să apară ele.
Vom reveni asupra lor.
4. Compatibility reporting: pluginul WPML poate trimite o listă a pluginurilor active și a temei utilizate pe site-ul dvs. către wpml.org. Acest lucru permite echipei de asistență să vă ajute mult mai rapid și să vă contacteze în avans cu privire la potențialele probleme de compatibilitate și soluțiile acestora.
5. Registration: în câmpul destinat trebuie introdusă cheia de activare a modulului. Pentru simplitate există butonul: Generate a key for this site. Clic pe el.
Trebuie să vă logați, dacă nu sunteți deja, pe siteul wpml.org. Se va deschide o fereastră cu domeniul site-ului și apoi una cu cheia de validare. Copiați acel șir de caractere (cheia) în câmpul Site key și clic pe buotnul Register.
Dacă totul a decurs bine, veți primi mesajul: Thank you for registering WPML on this site. You will receive automatic updates when new versions are available.
6. Recommendations: este ultimul pas în care vi se recomandă și alte pluginuri.
Eu vi le recomand pe primele două.
La final clic pe butonul Finish și gata, modulul WPML a fost instalat și poate fi folosit.
Temele WordPress Soledad, produse de PenciDesign, fac parte dintr-o suită largă de teme de diferite tipuri, adică pentru diverse site-uri. De la bloguri simple, mass-media, magazine online, prezentări de firme, restaurante până la cele de rețete. Pe site-ul firmei se pot vedea toate sub formă de demo.
Una dintre teme se numește Foodies și este foarte potrivită pentru site-urile de rețete. Soledad are un modul special de adăugare rețete, aici intrând ingredientele, modul de preparare și diversele caracterisitici, cum ar fi numărul de porții, caloriile, timpul de preparare, timpul de gătire și altele. Un alt avantaj al temei este acela că termenii din limba engleză pot fi traduși în română direct din interfața de administrare a site-ului, putându-se astfel personaliza, dar și administra cu ușurință.
În continuare voi prezenta adăugarea unei rețete pe un site ce folosește tema Soledad Foodies. Dar, fac precizarea, că și restul temelor cu rețete au același mod de administrare. Modul în cauză, numit Penci Recipe, putându-se instala pe orice altă temă Soledad.
După autentificarea în site, interfața de administrare arată aproximativ ca în imaginea următoare:
În partea stângă este meniul principal, în dreapta se vor afișa diferitele zone de administrare a site-ului.
Pentru a adăuga o rețete trebuie făcut clic pe butonul Articole, din meniul din stânga. Se va afișa o listă cu articolele existente pe site. De asemenea, se observă în partea de sus butonul Adaugă articol. Clic pe el pentru a adăuga o nouă rețetă.
Adăugarea unei rețete se poate face și din meniul din stânga, cel ce apare când se pune mouseul pe meniul Articole, de la Adaugă articol.
După ce se apară pe Adaugă articol se va obține formularul de adăugare a unei noi rețete. Acesta este compus din mai multe părți:
Zona centrală
Titlul: se adaugă titlul rețetei
Conținutul: zona de descriere generală a rețetei, în care se pune codul pentru instrucțiuni / mod de preparare și galeria foto
Recipe for this post: este un formular separat de unde se pot introduce mai multe caracteristici ale rețetei: titlu, numărul de porții, timpul de preparare, timpul de coacere, numărul de calorii, grăsimile, bucătăria din care face parte rețete (franceză, italiană, indiană etc), cuvinte cheie și alte setări pentru video.
O zonă de conținut pentru Ingrediente.
O altă zonă pentru Modul de preparare.
Și una pentru Note (apare la final)
Partea din dreapta
Caseta de Publică. O rețetă poate fi publicată imediat, sau se poate programa când să se publice automat.
Categorii: se selectează una dintre categorii, sau se crează o alta nouă. Se pot selecta și mai multe categorii, dar nu este indicat.
Etichete: sunt cuvinte cheie ce pot ajuta vizitatorii în a găsi o rețetă bazată pe un ingredient. Etichetele sunt bune și pentru o indexare mai bună de către moatoarele de căutare.
Imagine reprezentativă: este foarte importantă fiind imaginea care apare pe prima pagină, dar și în partea de sus a rețetei.
Exemplu de adăugare a unei rețete pe WordPress
Am luat ca exemplu rețetea: Tartă cu caise și nuci pecan, din două motive, are text de prezentare, listă de ingrediente, mod de preparare, dar și o mică galerie foto.
Așadar, avem prima parte completată ca în imaginea de mai jos:
Titlul e clar.
În acest caz conținutul rețetei e format din trei părți:
în prima parte este textul de prezentare
în a doua este codul [penci_recipe] care introduce caseta cu Instrucțiunile și Modul de preparare, informații ce vor fi adăugate mai jos
a treia parte este formată din galeria foto
Cum se introduce codul [penci_recipe]?
Fie manual, exact așa cum este scris, fie folosind meniul de sus: Soledad -> Penci Recipe. Codul va fi adăugat în locul în care se dorește în conținutul rețetei (se selectează cu mouseul).
Pe partea publică codul se transformă în caseta cu ingrediente:
Adăugarea unei galerii foto în WordPress
Adăugarea unei galerii foto se face simplu, urmând pașii:
se stabilește locul în care va apărea. De obcei, așa cum e cazul în acest exemplu, după caseta cu Ingrediente.
se face clic pe butonu: Adaugă fișier media
se va deschide o fereastră ce conține toate imaginile de pe site, numită biblioteca media / de imagini
din partea stângă a acestei ferestre se selectează meniul: Creează o galerie
5. se pot selecta imagini din biblioteaca de imagini existentă, sau se pot urca alte imagini: tabul Încarcă fișiere
6. se selectează fișierele / imaginile dorite și se urcă pe server 7. după ce imaginile s-au încărcat se face clic pe butonul: Creează o galerie nouă – butonul este jos-dreapta 8. va apărea o fereastră ce va conține doar imaginile încărcate pentru această rețetă. Imaginile pot fi grupate pe două sau mai multe coloane și să apară în diverse forme. Totuși cel mai indicat este să se păstreze setările din figura de mai jos, rămânând ca doar numărul de coloane să fie mai mare, dacă sunt multe imagini, pentru a nu ocupa prea mult spațiu:
Vor fi setate astfel: – Legătură la: Fișier Media (la clic pe imagine se va deschide imaginea mare) – Coloane: 2 sau mai multe, funcție de numărul de imagini din galerie – Ordine aleatorie: de evitat – Dimensiune: Mediu sau Mare – Style: Grid (se pot testa și celelalte modalități)
9. se face clic pe Inserează galeria 10. galeria poate fi editată, sau chiar ștearsă (la clic pe galerie apar butoanele)
Adăugarea ingredientelor și a modului de preparare
Primul pas este adăugarea proprităților rețetei, de la titlu, la gramaj, număr de potții și altele. Pentru ca rețeta să fie okay este obligatoriu să se completeze:
titlul rețetei (apare în zona de ingrediente)
numărul de porții
timpul de preparare
Toate aceste informații apar în capul casetei cu ingredientele și modul de preparare.
Ingredientele se adaugă sub forma unei liste în zona destinată lor:
Se pot insera și imagini!
Următoarea casetă va conține modul de preparare, iar ultima Notițe suplimentare. Ele sunt identice. În final se obține caseta cu toate datele:
După ce s-au adăugat toate informații, trebuie selectată categoria, puse cuvintele cheie și stabilită o imagine reprezentativă, care poate fi una din imaginile din galeria foto sau o alta special concepută pentru a ilustra rețeta.
Imaginea reprezentativă trebuie să fie mare și frumoasă. Ea va apărea și pe facebook, atunci când rețeta este shareuită.
Cu această nouă versiune, WordPress are o gamă nouă de culori. Editorul te ajută să lucrezi în câteva locuri la care nu ai avut acces până acum – cel puțin, nu fără a introduce un cod sau a angaja un profesionist. Comenzile pe care le folosești frecvent, cum ar fi modificarea dimensiunilor fonturilor, sunt în mai multe locuri – exact acolo unde ai nevoie de ele. Și modificările la aranjamente care erau destul de simple, cum ar fi imagini cu înălțime completă, devin acum și mai simplu de făcut.
Acum, editorul este mai ușor de folosit
Ajustare dimensiuni fonturi în mai multe locuri: acum, comenzile pentru dimensiunile fonturilor sunt exact acolo unde ai nevoie de ele, în blocurile Listă și Cod. Nu mai trebuie să mergi la un alt ecran pentru a face o simplă modificare!
Blocuri reutilizabile: în urma unor îmbunătățiri, blocurile reutilizabile sunt mai stabile și mai ușor de utilizat. Și acum, sunt salvate automat, odată cu articolul, când dai clic pe butonul Actualizează.
Dispozitiv de inserare trage și plasează: tragi blocuri și modele de blocuri din dispozitivul de inserare direct în articole.
Poți face mult mai multe fără să scrii un cod personalizat
Aliniere pe toată înălțimea: ai vrut cândva să folosești un bloc, cum ar fi blocul Copertă, și să umpli întreaga fereastră? Acum poți.
Bloc Butoane: acum poți alege un aranjament pe verticală sau orizontală. Și poți seta lățimea unui buton la un procent prestabilit.
Bloc Iconuri sociale: acum poți modifica dimensiunile iconurilor.
De la HTTP la HTTPS cu un singur clic
Începând de acum, trecerea unui sit de la HTTP la HTTPS se face cu un singur clic. WordPress va actualiza automat URL-urile din baza de date când faci comutarea. Fără căutări pe ghicite!
API nou Robots
Noul API Robots îți permite să incluzi directive de filtrare în tagurile meta robots și totodată API-ul include implicit directiva max-image-preview: large. Asta înseamnă că motoarele de căutare pot afișa previzualizări mai mari ale imaginilor, ceea ce îți poate crește traficul (dacă blogul nu este marcat ca privat).
Curățenie continuă după actualizarea la jQuery 3.5.1
De ani de zile, jQuery a ajutat ca treburile să meargă bine pe ecrane atunci când instrumentele de bază nu au putut face asta – dar lucrurile se schimbă continuu, la fel și jQuery.
În 5.7, jQuery devine mai concis, fără să fie agresiv, cu mai puține mesaje în consolă.
Încarcă lent iframe-urile
Acum este simplu să încarci lent iframe-urile. Implicit, WordPress va adăuga atributul loading="lazy" în tagurile iframe când ai specificat lățimea și înălțimea iframe-ului.
Consultă Ghidul general pentru a afla mai multe!
Consultă ultima versiune a Ghidului general WordPress. Ghidul scoate în evidență o listă cu note pentru dezvoltatori referitoare la toate modificările de care ar putea fi interesați. Ghid general WordPress 5.7.
Comentarii recente