Cum poți adăuga div în containerul html blockquote în wordpress

Cum poți adăuga div în containerul html blockquote în wordpress

Dacă sunteți developer și lucrați după un design primit, atunci e posibil să întâlniți situația în care într-un blockquote să aveți inserat de designer un div.

Add <div></div> to default blockquotes in WordPress

Sunt două locuri unde puteți insera divul, fie deasupra paragrafului, fie dedesubt:

<blockquote class="wp-block-quote">
<div class="top_quote"></div>
<p>Etiam malesuada finibus dolor, non vulputate dui auctor a. Sed iaculis felis in rhoncus pharetra. Cras sit amet commodo purus, quis faucibus augue.</p>
</blockquote>

sau:

<blockquote class="wp-block-quote">
<p>Etiam malesuada finibus dolor, non vulputate dui auctor a. Sed iaculis felis in rhoncus pharetra. Cras sit amet commodo purus, quis faucibus augue.</p>
<div class="top_quote"></div>
</blockquote>

Pentru a rezolva problema aveți nevoie de  jQuery. Această bibliotecă este de multe inserată de temă (verificați), dacă nu trebuie să o inserați manual:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

sau orice altă versiune mai nouă.

După care, dacă vreți div-ul (clasa o puteți schimba) înainte de p:

<script>
	$('blockquote').prepend('<div class="top_quote"></div>');
</script>

dacă vreți după:

<script>
	$('blockquote').append('<div class="top_quote"></div>');
</script>

Aceaste coduri vor adăuga automat divul (sau divurile) necesare la fiecare blockquote din postările dvs.

Mult succes!

Cum poți șterge PHP Warning și Notice în WordPress

Cum poți șterge PHP Warning și Notice în WordPress

Se poate întâmpla ca pe site / blog să apară uneori warninguri sau noticeuri generate fie de vreun plugin nou, fie de temă sau chiar de WordPress. Aceste atenționări apar de obicei la schimbările de versiune PHP, când dezvoltatorii de pluginuri rămân în urmă, sau, din contră, o iau înainte și versiunea de PHP de pe server este prea veche.

Noțile sunt enervante pentru că arată urât, ba chiar și mai rău, pot fi indexate de google.

Cum le eliminăm?

Cea mai la îndemână soluție este să se verifice directiva din fișierul wp-config.php:

define( 'WP_DEBUG', false );

Este important ca acest parametru să fie setat FALSE. Varianta de TRUE este rezervată depanării codului php de către dezvoltatori.

Dacă chiar și cu WP_DEBUG pus pe FALSE tot apar warningurile și / sau notice, atunci înseamnă că e o setare de server. Pentru a le inhiba apariția mesajelor, înlocuiți directiva de mai sus cu:

ini_set('display_errors','Off');
ini_set('error_reporting', E_ALL );
define('WP_DEBUG', false);
define('WP_DEBUG_DISPLAY', false);

În acest fel ar trebui ca orice warninbg sau notice să dispară atât de pe partea publică, cât și din admin.

Mult succes!

A apărut WordPress 5.8. Ce aduce nou?

A apărut WordPress 5.8. Ce aduce nou?

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.

Instalare pluginului AMP for WP

Instalare pluginului AMP for WP

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.

AMP for WP

După instalare și activare modulul va pune un meniu nou în partea din stânga:

AMP for WP

Respectiv, în partea dreaptă:

AMP for WP

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 cu WooCommerce

SmartBill cu WooCommerce

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).

Mai multe detalii:

Modulele PHP necesare se pot activa din Cpanel / Software / Select PHP Version / PHP Extensions.

SmartBill cu WooCommerce

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:

Cpanel / Files / Files Manager

SmartBill cu WooCommerce

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.

SmartBill cu WooCommerce

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.

SmartBill cu WooCommerce

După ce ai creat fișierul el va apărea în lista de fișiere, asemănător cu imaginea de mai jos:

SmartBill cu WooCommerce

Selectează-l (clic pe numele fișierului) și din meniu apasă Edit:

SmartBill cu WooCommerce

Î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:

SmartBill cu WooCommerce

Instalarea modulului SmartBill

SmartBill cu WooCommerce
  • îl instalezi
  • îl activezi
  • îl vei regăsi în meniul din stânga:
SmartBill cu WooCommerce

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.

Și gata! Ai SmartBill pe magazinul online.

Instalarea pluginului multilingv WPML

Instalarea pluginului multilingv WPML

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.

WPML este un plugin comercial și necesită licență.

Instalarea pluginului WPML

După achiziționarea modulului, pagina de download arată astfel:

Instalarea pluginului WPML

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.

Instalarea pluginului WPML

Vă recomand modului pentru Yoast SEO.

Modulele pot fi copiate pe site prin FTP sau încărcat din interfața de administrare pluginuri.

Instalarea pluginului WPML

După instalare veți vedea pluginurile în listă, neactivate:

Instalarea pluginului WPML

Î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.

  1. Content language: limba în care este scris conținutul actual al site-ului, sau limba de bază. Se poate selecta dintr-o listă derulantă.
Setarea modulului WPML

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ă.

Setarea modulului WPML

3. Language switcher: din această fereastră puteți stabili ordinea de afișare a limbilor în meniu

Setarea modulului WPML

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.

Setarea modulului WPML

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.

Instalarea pluginului WPML

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.

Instalarea pluginului WPML

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.

Instalarea pluginului WPML

Eu vi le recomand pe primele două.

La final clic pe butonul Finish și gata, modulul WPML a fost instalat și poate fi folosit.