Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Ghid pentru începători: Cum să centrezi un videoclip în WordPress

Când abia începeam cu WordPress, ceva la fel de simplu ca centrarea unui videoclip putea fi surprinzător de frustrant.

După ce am ajutat mulți începători prin WPBeginner, ne-am dat seama că nu suntem singuri – este una dintre cele mai frecvente întrebări de formatare pe care le primim.

Vestea bună este că centrarea videoclipurilor în WordPress a devenit mult mai ușoară, mai ales cu editorul de blocuri. Dar încă vedem mulți oameni care se luptă cu asta, în special atunci când lucrează cu videoclipuri încorporate de pe YouTube sau Vimeo.

În acest ghid prietenos pentru începători, vă vom arăta cele mai ușoare moduri de a vă centra videoclipurile în WordPress.

Cum să centrezi un videoclip în WordPress

💡Răspuns rapid: Cum să centrezi un videoclip în WordPress

Iată cele 2 moduri de a centra videoclipurile în WordPress:

  • Folosind Editorul de Blocuri (WordPress Modern): Utilizați opțiunea de aliniere încorporată pentru centrare rapidă sau adăugați HTML simplu pentru încorporări personalizate.
  • Folosind Editorul Clasic (WordPress Mai Vechi): Încadrați codul de încorporare a videoclipului cu o etichetă <div style="text-align:center;"> în vizualizarea Text.

De ce să centrezi videoclipuri în WordPress?

În mod implicit, WordPress aliniază videoclipurile încorporate sau încărcate în partea stângă a zonei de conținut. Acest lucru poate face ca pagina să pară dezechilibrată, mai ales când videoclipul este elementul principal.

Centrarea videoclipului rezolvă acest lucru și face ca aspectul să pară mai curat și mai intenționat:

  • Echilibru Vizual Mai Bun: Menține aspectul uniform și evită spațiul gol incomod pe o parte.
  • Focalizare Mai Puternică: Atrage în mod natural atenția asupra videoclipului ca element principal de pe pagină.
  • Experiență Utilizator Îmbunătățită: Face ca fluxul conținutului să pară mai fluid și mai ușor de urmărit.

Aceasta este o schimbare simplă, dar poate îmbunătăți vizibil aspectul și senzația paginii dvs.

Acestea fiind spuse, să vedem cum puteți centra cu ușurință un videoclip pe un site WordPress.

Vom acoperi atât editorul de blocuri, cât și editorul clasic, așa că puteți face clic pe linkurile de mai jos pentru a sări la orice secțiune:

Cum să centrezi videoclipul în editorul de conținut WordPress

Pentru a centra un videoclip încorporat de pe YouTube sau Vimeo, cea mai ușoară metodă este să lipiți pur și simplu URL-ul direct în editorul de conținut WordPress.

WordPress îl va converti automat într-un bloc video dedicat.

Alternativ, puteți adăuga un bloc video sau puteți încărca un videoclip direct în biblioteca media WordPress.

Lipiți codul de încorporare video în editorul de blocuri

Apoi, selectați blocul Video și faceți clic pe opțiunea „Schimbă alinierea”. Din meniul derulant, puteți alege poziția videoclipului.

WordPress vă permite să alegeți dintre următoarele alinieri, fiecare având un scop diferit pentru afișarea videoclipului dvs.:

  • Lățime Mare: Extinde videoclipul dincolo de coloana principală de conținut, dar nu până la marginea ecranului. Această opțiune necesită suport din partea temei WordPress.
  • Lățime Completă: Extinde videoclipul pe întreaga lățime a ferestrei browserului. La fel ca „Lățime mare”, și aceasta depinde de suportul temei dvs.
  • Aliniere Stânga: Poziționează videoclipul în partea stângă a zonei de conținut. Aceasta este alinierea implicită pentru multe blocuri.
  • Aliniere Centru: Plasează videoclipul exact în mijlocul zonei de conținut, creând un punct focal clar. Aceasta este opțiunea pe care ne concentrăm în acest ghid!
  • Aliniere Dreapta: Poziționează videoclipul în partea dreaptă a zonei de conținut.

Continuați și selectați opțiunea „Aliniere centru”.

Aliniază videoclipul la centru

După aceea, puteți previzualiza și publica pagina sau postarea dvs.

Videoclipul va fi acum centrat.

Previzualizare videoclip centrat

Cu toate acestea, este posibil să fie necesar să utilizați codul complet de încorporare dacă doriți să adăugați opțiuni speciale de redare (cum ar fi pornirea videoclipului la un anumit moment) sau dacă utilizați o platformă video pe care WordPress nu o încorporează automat.

Dacă aveți deja un bloc video (cum ar fi YouTube sau Vimeo) și trebuie să adăugați cod personalizat, faceți clic pe pictograma cu trei puncte din bara de instrumente a blocului și selectați „Editare ca HTML ”.

Editați ca HTML

Dacă încorporați dintr-o platformă pe care WordPress nu o suportă automat, veți adăuga mai întâi un bloc HTML personalizat și apoi veți lipi codul de încorporare în el.

Apoi, puteți introduce următorul fragment de cod HTML în jurul codului de încorporare a videoclipului. Asigurați-vă că utilizați comentarii HTML adecvate și eliminați orice text promoțional din exemplul de cod în sine:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Iată cum va arăta codul dvs. de încorporare cu HTML-ul personalizat:

Previzualizare cod HTML personalizat

Acum puteți salva modificările și previzualiza postarea sau pagina pentru a vedea videoclipul perfect centrat.

O altă abordare este să creșteți manual lățimea videoclipului pentru a se potrivi zonei de conținut. Pentru a realiza acest lucru, trebuie să adăugați sau să modificați parametrul „width” în codul dvs. de încorporare:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Cum să centrezi videoclipul în editorul clasic

Dacă utilizați editorul clasic, atunci puteți centra videoclipurile editând o postare sau creând una nouă.

Odată ce sunteți în editor, comutați la vizualizarea Text. Acum, introduceți următorul cod HTML:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Doar asigură-te că înlocuiești 'codul tău de încorporare video intră aici' cu codul de încorporare al videoclipului tău.

Odată ce acest lucru este făcut, va arăta cam așa:

Centrează videoclipurile în editorul clasic

Acum puteți previzualiza și publica pagina.

Pur și simplu vizitează site-ul tău pentru a vedea videoclipul centrat.

Previzualizare video centrat editor clasic

Întrebări frecvente despre centrarea videoclipurilor

Iată câteva întrebări pe care cititorii noștri le pun frecvent despre centrarea videoclipurilor în WordPress:

De ce nu văd opțiunile de aliniere „Lățime mare” și „Lățime completă”?

Opțiunile „Lățime mare” și „Lățime completă” sunt caracteristici care trebuie să fie acceptate de tema dvs. WordPress. Dacă nu le vedeți în bara de instrumente de aliniere, înseamnă că tema dvs. curentă nu le-a activat. Veți putea totuși să utilizați opțiunea standard „Centrare”.

Va afecta centrarea videoclipului meu modul în care arată pe dispozitivele mobile?

Nu, centrarea unui videoclip folosind instrumentele standard ale editorului de blocuri WordPress este complet responsivă. WordPress gestionează automat scalarea pentru a asigura că videoclipul dvs. arată grozav pe ecrane mai mici, cum ar fi tablete și smartphone-uri.

Pot centra un videoclip pe care l-am încărcat direct pe WordPress?

Da. Procesul este exact același atât pentru videoclipurile încorporate, cât și pentru videoclipurile pe care le încărcați direct în biblioteca dvs. media. Pur și simplu selectați blocul Video și utilizați bara de instrumente de aliniere pentru a-l centra.

Sperăm că acest articol v-a ajutat să învățați cum să centrați un videoclip în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să adăugați caractere speciale în postările WordPress și sfaturi esențiale pentru utilizarea shortcodurilor în WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, putem câștiga un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

19 CommentsLeave a Reply

  1. dacă am trei videoclipuri YouTube, le pot afișa pe același rând ajustând lățimea?

    Mulțumesc pentru sfaturi.

  2. Încerc să centrez un gif pe care l-am încorporat, iar noul editor nu îmi permite să editez codul HTML al acestui tip de conținut. Cum pot centra asta?

  3. Cum funcționează acest lucru atunci când folosești blocul de încorporare YouTube al editorului Gutenberg? Am încercat ambele moduri pe care le-ai descris, dar niciunul nu funcționează.

    • Cu blocul de încorporare YouTube, ar trebui să existe o secțiune atunci când selectați blocul pentru a seta o aliniere specifică pe care o puteți utiliza.

      Admin

    • S-ar putea să doriți să încercați să ștergeți orice cache de pe site-ul dvs. pentru a vă asigura că nu vedeți versiunea cache a paginii.

      Admin

  4. Oferiți o mulțime de trucuri și videoclipuri remarcabile. M-am abonat la newsletter-ul dvs. prin e-mail și am văzut multe videoclipuri pentru noul meu site web. Cu toate acestea, trucul dvs. de aliniere a videoclipului pe centru nu a funcționat. Iată problema: am filmat un videoclip de 15 secunde pe iPhone, l-am convertit în mp4 și l-am încărcat pe serverul meu de găzduire, apare în galeria mea Wordpress. Deoarece videoclipul ocupă întreaga lățime, am schimbat lățimea și înălțimea videoclipului la 1/3 fiecare. Apoi am lipit codul de aliniere la centru pe care l-ați arătat în videoclipul dvs. la https://www.wpbeginner.com/beginners-guide/beginners-guide-how-to-center-align-a-video-in-wordpress/#respond

    Dar videoclipul nu se centrează. Când mă uit la videoclip în editorul frontend, văd o casetă cu o linie albastră care ocupă întreaga lățime, chiar și atunci când videoclipul are 1/3 din lățime. Arată ca această casetă cu linie albastră nu poate fi micșorată cu niciun cod. Este adevărat? Aveți trucuri în sacul dvs. de trucuri pe care le puteți împărtăși?

    Ați fost grozav și vă mulțumesc pentru videoclipurile dvs. Mi-ați făcut viața mult mai ușoară.

  5. Adăugarea codului html div în jurul codului de încorporare a funcționat ca prin minune. Mulțumesc!

Lasă un răspuns

Mulțumim că ai ales să lași un comentariu. Te rugăm să reții că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa ta de e-mail NU va fi publicată. Te rugăm să NU folosești cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.