{"id":3808,"date":"2023-08-09T04:10:55","date_gmt":"2023-08-09T01:10:55","guid":{"rendered":"https:\/\/trainingsite.ro\/breakdance\/?post_type=ghiduri&#038;p=3808"},"modified":"2023-08-11T15:37:47","modified_gmt":"2023-08-11T12:37:47","slug":"wordpress-ghidul-incepatorului","status":"publish","type":"ghiduri","link":"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/","title":{"rendered":"WordPress: Ghidul \u00eencep\u0103torului"},"content":{"rendered":"<main class=\"bde-section-3808-100 bde-section\">\n  \n\t\n\n\n\n        <div class=\"section-shape-divider-wrapper section-shape-divider-wrapper--1\">\n          <span class=\"section-shape-divider\">\n                      <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                viewBox=\"0 0 1440 320\"\n                preserveAspectRatio=\"none\"\n            >\n              <path fill=\"currentColor\" fill-opacity=\"1\" d=\"M0,96L30,106.7C60,117,120,139,180,133.3C240,128,300,96,360,80C420,64,480,64,540,101.3C600,139,660,213,720,240C780,267,840,245,900,245.3C960,245,1020,267,1080,250.7C1140,235,1200,181,1260,176C1320,171,1380,213,1410,234.7L1440,256L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z\"><\/path>\n            <\/svg>\n                    <\/span>\n      <\/div>\n  <div class=\"section-container\"><div class=\"bde-div-3808-101 bde-div\">\n  \n\t\n\n\n\n<div class=\"bde-columns-3808-102 bde-columns\"><div class=\"bde-column-3808-103 bde-column\">\n  \n\t\n\n\n\n<div class=\"bde-text-3808-104 bde-text\">\nVREAU S\u0102-MI FAC UN SITE\n<\/div><h1 class=\"bde-heading-3808-105 bde-heading\">\nGhidul \u00eencep\u0103torului pentru utilizarea WordPress\n<\/h1><div class=\"bde-text-3808-106 bde-text\">\nAi ajuns aici pentru c\u0103 ai nevoie de un site sau blog. \u0218i ai auzit c\u0103 WordPress este solu\u021bia. Da, ai auzit bine! Cu WordPress po\u021bi construi mai multe tipuri de site-uri f\u0103r\u0103 s\u0103 \u0219tii programare.\n<\/div><div class=\"bde-form-builder-3808-107 bde-form-builder\">\n\n\n<form id=\"ghid-wp-newsletter107\" class=\"breakdance-form breakdance-form--horizontal \" data-options=\"{&quot;slug&quot;:&quot;custom&quot;,&quot;name&quot;:&quot;Ghid WP newsletter&quot;,&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/trainingsite.ro\\\/breakdance\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;clearOnSuccess&quot;:true,&quot;hideOnSuccess&quot;:false,&quot;successMessage&quot;:&quot;Te-ai \\u00eenscris cu succes!&quot;,&quot;errorMessage&quot;:&quot;Ceva nu e \\u00een ordine. \\u00cencearc\\u0103 mai t\\u00e2rziu.&quot;,&quot;redirect&quot;:false,&quot;redirectUrl&quot;:&quot;&quot;,&quot;customJavaScript&quot;:&quot;&quot;,&quot;recaptcha&quot;:{&quot;key&quot;:&quot;&quot;,&quot;enabled&quot;:false},&quot;honeypot_enabled&quot;:true,&quot;popupsOnSuccess&quot;:[],&quot;popupsOnError&quot;:[]}\" data-steps=\"0\" >\n  \n  \n  \n<div class=\"breakdance-form-field breakdance-form-field--email\" >\n    \n    \n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"email\"\n    aria-describedby=\"email\"\n    type=\"email\"\n    name=\"fields[email]\"\n    placeholder=\"Email*\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hpinput\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"hpname\">\n            HP Name\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"hpname\"\n    aria-describedby=\"hpname\"\n    type=\"hpinput\"\n    name=\"fields[hpname]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    \n    autocomplete=\"off\"\n    tabindex=-1\n>\n\n\n    \n    \n<\/div>\n\n\n  \n\n<div class=\"breakdance-form-field breakdance-form-footer\">\n    \n    \n                                    \n    \n    \n    \n    \n            \n            <button type=\"submit\" class=\"button-atom button-atom--primary breakdance-form-button breakdance-form-button__submit\"  >\n    \n        <span class=\"button-atom__text\">Aboneaz\u0103-te la newsletter<\/span>\n\n        \n        \n            <\/button>\n    \n    <input type=\"hidden\" name=\"form_id\" value=\"107\">\n    <input type=\"hidden\" name=\"post_id\" value=\"3808\">\n<\/div>\n\n  \n<\/form>\n\n\n\n<\/div><div class=\"bde-text-3808-108 bde-text\">\n\u00censcrie-te \u0219i prime\u0219ti un cupon de 10% reducere la cursurile premium.\n<\/div>\n<\/div><div class=\"bde-column-3808-109 bde-column\">\n  \n\t\n\n\n\n<div class=\"bde-image-3808-110 bde-image\">\n<figure class=\"breakdance-image breakdance-image--368\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Blog-post-ghid.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div><\/div>\n<\/div><div class=\"bde-scroll-progress-3808-111 bde-scroll-progress\">\n<div class=\"bde-scroll-progress__wrapper\">\n  <div class=\"bde-scroll-progress__circle\">\n  \t<svg class=\"bde-scroll-progress__circle-svg js-progress-svg\" width=\"100%\" height=\"100%\" viewBox=\"-1 -1 102 102\">\n\t  <path class=\"background\" d=\"M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98\"\/>\n      <path class=\"progress\" d=\"M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98\"\/>\n  \t<\/svg>\n          <span class=\"bde-scroll-progress__percentage js-current-percentage\">0%<\/span>\n      <\/div>\n<\/div>\n\n\n\n<\/div><\/div>\n<\/main><section class=\"bde-section-3808-112 bde-section\">\n  \n\t\n\n\n\n        <div class=\"section-shape-divider-wrapper section-shape-divider-wrapper--1\">\n          <span class=\"section-shape-divider\">\n                      <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                viewBox=\"0 0 1440 320\"\n                preserveAspectRatio=\"none\"\n            >\n              <path fill=\"currentColor\" fill-opacity=\"1\" d=\"M0,288L1440,0L1440,320L0,320Z\"><\/path>\n            <\/svg>\n                    <\/span>\n      <\/div>\n  <div class=\"section-container\"><h2 class=\"bde-heading-3808-113 bde-heading\">\nCe este WorPress?\n<\/h2><div class=\"bde-text-3808-114 bde-text list\">\nWordPress este un instrument matur, cu surs\u0103 deschis\u0103, care este \u00een continu\u0103 dezvoltare din 2003. Ini\u021bial a fost creat ca blog, dar \u00een timp comunitatea a pus um\u0103rul cu entuziasm la dezvoltarea sa. Ast\u0103zi, WordPress ne ajut\u0103 s\u0103 cre\u0103m mai multe tipuri de site-uri: de la un simplu blog, site de prezentare p\u00e2n\u0103 la magazin online, platform\u0103 de cursuri \u0219i orice site personalizat ai nevoie pentru afacerea ta. <br><br>W3Techs afi\u0219eaz\u0103 zilnic statistici despre utilizarea WordPress pe glob, iar azi platforma este utilizat\u0103 \u00een 43,1% din totalul de site-uri.\n<\/div><div class=\"bde-blockquote-3808-115 bde-blockquote\">\n      <p class=\"above-text_blockquote-icon\"><span class=\"blockquote-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-quotes-left\" viewBox=\"0 0 32 32\">\r\n<path d=\"M7.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.357-0.056 0.724-0.086 1.097-0.086zM25.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.358-0.056 0.724-0.086 1.097-0.086z\"\/>\r\n<\/svg><\/span><\/p>\n    <p >WordPress \u00ee\u021bi asigur\u0103 o prezen\u021b\u0103 online solid\u0103, cu buget mic.<\/p>\n  \n<\/div><h2 class=\"bde-heading-3808-116 bde-heading\">\nPentru cine este WordPress\n<\/h2><div class=\"bde-image-3808-117 bde-image\">\n<figure class=\"breakdance-image breakdance-image--438\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/comunitate-wordpress.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-text-3808-118 bde-text\">\nFiind un CMS, adic\u0103 un sistem de gestionare con\u021binut, este u\u0219or de utilizat pentru a crea pagini web statice \u0219i dinamice, fiind adoptat de un public larg:\n<\/div><div class=\"bde-checkmark-list-3808-119 bde-checkmark-list list\">\n<ul>\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-checkmark\" viewBox=\"0 0 32 32\">\n<path d=\"M27 4l-15 15-7-7-5 5 12 12 20-20z\"\/>\n<\/svg>\n              <\/span>\n      <div >\n        <strong><br>Utilizatori non-tehnici<\/strong>, pentru u\u0219urin\u021ba cu care pot insera con\u021binut variat: text, audio, video, imagini, galerii foto. \n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-checkmark\" viewBox=\"0 0 32 32\">\n<path d=\"M27 4l-15 15-7-7-5 5 12 12 20-20z\"\/>\n<\/svg>\n              <\/span>\n      <div >\n        <strong>Marketeri<\/strong>, pentru optimizarea facil\u0103 a paginilor \u0219i crearea diferitelor roluri de utilizator.\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-checkmark\" viewBox=\"0 0 32 32\">\n<path d=\"M27 4l-15 15-7-7-5 5 12 12 20-20z\"\/>\n<\/svg>\n              <\/span>\n      <div >\n        <strong>Designeri<\/strong>, pentru c\u0103 le d\u0103 posibilitatea de a-\u0219i exprima creativitatea f\u0103r\u0103 a scrie cod.\n      <\/div>\n\n    <\/li>\n\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes '>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-checkmark\" viewBox=\"0 0 32 32\">\n<path d=\"M27 4l-15 15-7-7-5 5 12 12 20-20z\"\/>\n<\/svg>\n              <\/span>\n      <div >\n        <strong>Programatori<\/strong>, ce pot dezvolta teme, plugin-uri \u0219i aplica\u021bii prin utilizarea WP REST API.\n      <\/div>\n\n    <\/li>\n\n  <\/ul>\n\n<\/div><h2 class=\"bde-heading-3808-120 bde-heading\">\nCum \u00eencepi un site WordPress\n<\/h2><div class=\"bde-text-3808-121 bde-text\">\n\u00cenainte s\u0103 iei decizia de a-\u021bi face un site, a\u0219 dori s\u0103 l\u0103muresc un lucru: WordPress nativ, adic\u0103 aplica\u021bia pe care o descarci de pe wordpress.org* este gratuit\u0103 \u0219i poate fi utilizat\u0103 pe serverele tale.<br><br>Exist\u0103 \u0219i platforma wordpress.com de tip SAAS (software ca serviciu), unde i\u021bi po\u021bi crea un cont gratuit \u0219i un blog simplu ce nu necesit\u0103 plat\u0103, nici g\u0103zduire. Problema e c\u0103  site-ul nu \u00ee\u021bi apar\u021bine \u0219i \u00eel po\u021bi personaliza cu plat\u0103.<br><br>Ai mai jos primii 3 pa\u0219i pe care trebuie s\u0103-i faci pentru a avea un site pe care s\u0103-l administrezi a\u0219a cum \u00ee\u021bi dore\u0219ti. Numele de domeniu \u0219i g\u0103zduirea vor costa un minim de 50 euro pe an.<br><em><small>*Toate cursurile de pe webskills.ro se refer\u0103 doar la wordpress.org<\/small><\/em><br>\n<\/div><div class=\"bde-columns-3808-122 bde-columns\"><div class=\"bde-column-3808-123 bde-column\">\n  \n\t\n\n\n\n<h3 class=\"bde-heading-3808-124 bde-heading\">\n1.Tip de site\n<\/h3><div class=\"bde-image-hover-card-3808-125 bde-image-hover-card\">\n<figure class=\"ee-imagehover c4-izmir c4-border-bottom c4-image-pan-down\">\n    <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/website.jpg\" width=\"600\" height=\"600\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/website.jpg 600w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/website-300x300.jpg 300w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/website-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\">\n  <figcaption class=\"c4-layout-center-left\">\n                <div class=\"c4-reveal-right c4-delay-200\">\n              <div><strong>Ce anume dore\u0219ti s\u0103 construie\u0219ti? <\/strong><\/div>\n      <\/div>\n                <div class=\"c4-reveal-right c4-delay-400\">\n              <div>Hot\u0103r\u0103\u0219te-te ce anume vei construi \u0219i de ce. Po\u021bi avea un blog pentru brandul personal, un site de prezentare al afacerii sau un magazin online unde s\u0103 vinzi produse fizice, digitale sau afiliate. <\/div>\n      <\/div>\n      <\/figcaption>\n<\/figure>\n<\/div>\n<\/div><div class=\"bde-column-3808-126 bde-column\">\n  \n\t\n\n\n\n<h3 class=\"bde-heading-3808-127 bde-heading\">\n2.Nume de domeniu\n<\/h3><div class=\"bde-image-hover-card-3808-128 bde-image-hover-card\">\n<figure class=\"ee-imagehover c4-izmir c4-border-bottom c4-image-pan-down\">\n    <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/nume-domeniu.jpg\" width=\"600\" height=\"600\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/nume-domeniu.jpg 600w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/nume-domeniu-300x300.jpg 300w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/nume-domeniu-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\">\n  <figcaption class=\"c4-layout-center-left\">\n                <div class=\"c4-reveal-right c4-delay-200\">\n              <div><strong>Care va fi numele site-ului t\u0103u? <\/strong><\/div>\n      <\/div>\n                <div class=\"c4-reveal-right c4-delay-400\">\n              <div>Pentru ca site-ul t\u0103u s\u0103 fie g\u0103sit u\u0219or pe Internet ai nevoie de un nume de domeniu \u2013 o adres\u0103 unic\u0103, \u00eenregistrat\u0103 doar pentru tine. <\/div>\n      <\/div>\n      <\/figcaption>\n<\/figure>\n<\/div>\n<\/div><div class=\"bde-column-3808-129 bde-column\">\n  \n\t\n\n\n\n<h3 class=\"bde-heading-3808-130 bde-heading\">\n3.G\u0103zduire\n<\/h3><div class=\"bde-image-hover-card-3808-131 bde-image-hover-card\">\n<figure class=\"ee-imagehover c4-izmir c4-border-bottom c4-image-pan-down\">\n    <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/hosting.jpg\" width=\"600\" height=\"600\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/hosting.jpg 600w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/hosting-300x300.jpg 300w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/hosting-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\">\n  <figcaption class=\"c4-layout-center-left\">\n                <div class=\"c4-reveal-right c4-delay-200\">\n              <div><strong>Ce tip de g\u0103zduire ai nevoie?  <\/strong><\/div>\n      <\/div>\n                <div class=\"c4-reveal-right c4-delay-400\">\n              <div>G\u0103zduirea site-ului pe un server specializat este ceea ce \u00eel face vizibil pe Internet. Pachetul de g\u0103zduire se cump\u0103r\u0103 \u00een func\u021bie de trafic, spa\u021biul alocat site-ului \u0219i num\u0103rul c\u0103su\u021belor de email. Nu uita s\u0103 la\u0219i loc \u0219i pentru mentenan\u021b\u0103.<\/div>\n      <\/div>\n      <\/figcaption>\n<\/figure>\n<\/div>\n<\/div><\/div><div class=\"bde-shortcode-3808-132 bde-shortcode\">\n <div id=\"percentage\"><\/div> \n<\/div><\/div>\n<\/section><section id=\"my_toc_area\" class=\"bde-section-3808-133 bde-section\">\n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-3808-134 bde-columns\"><div class=\"bde-column-3808-135 bde-column\">\n  \n\t\n\n\n\n<h2 class=\"bde-heading-3808-136 bde-heading\">\nCe tip de site web ai nevoie?\n<\/h2><div class=\"bde-rich-text-3808-137 bde-rich-text list breakdance-rich-text-styles\">\n<p><strong>\u00cenainte de a utiliza WordPress decide ce tip de site ai nevoie \u0219i cui vrei s\u0103 te adresezi.<\/strong><\/p><ul><li><p>Dac\u0103 dore\u0219ti s\u0103-\u021bi faci o comunitate, alege blogul.<\/p><\/li><li><p>Pentru afacerea ta, alege s\u0103-\u021bi construie\u0219ti un site de prezentare.<\/p><\/li><li><p>Dac\u0103 vrei s\u0103 vinzi produse, alege s\u0103-\u021bi faci un magazin online.<\/p><\/li><li><p>Dac\u0103 ai o echip\u0103 de jurnali\u0219ti, po\u021bi opta pentru un site de \u0219tiri.<\/p><\/li><li><p>Ca designer, f\u0103-\u021bi un site unde s\u0103-\u021bi prezin\u021bi portofoliul lumii \u00eentregi.<\/p><\/li><li><p>E\u0219ti trainer, coach sau profesor? Cu WordPress po\u021bi avea o platform\u0103 de cursuri online.<\/p><\/li><\/ul><p>\u0218i pot continua cu site de membri, site de re\u021bete culinare, intranet-ul companiei, blog de business, director pentru imobiliare, \u00eenchiriere ma\u0219ini \u2026 sau orice tip de site personalizat ai nevoie.<\/p><p>Toate aceste tipuri se numesc generic site-uri web. Diferen\u021ba dintre ele const\u0103 \u00een strategia de con\u021binut, design \u0219i extinderea cu func\u021bionalit\u0103\u021bi specifice.<\/p>\n<\/div><h3 class=\"bde-heading-3808-138 bde-heading\">\nVreau s\u0103-mi fac un blog\n<\/h3><div class=\"bde-image-3808-139 bde-image\">\n<figure class=\"breakdance-image breakdance-image--436\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/arhiva-blog.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-text-3808-140 bde-text\">\nBlogul este un tip de site care se concentreaz\u0103 pe con\u021binut. Acest con\u021binut este preponderent sub form\u0103 de articole scrise. Pentru a veni \u00een \u00eent\u00e2mpinarea publicului t\u0103u, \u00ee\u021bi recomand s\u0103 ai con\u021binut audio sub form\u0103 de podcast-uri \u0219i con\u021binut video.<br><br>Articolele sunt grupate \u00een categorii, tag-uri, autori, data, ce formeaz\u0103 arhive. Se consider\u0103 c\u0103 un blog are con\u021binut dinamic, afi\u0219at \u00een ordine cronologic\u0103, de la cel mai recent articol la cel mai vechi.<br><br>Un blog poate fi brandul t\u0103u personal sau modul de comunicare al afacerii tale. Este modul de a te conecta cu comunitatea ta \u0219i poate deveni o metod\u0103 de monetizare, dac\u0103 e\u0219ti consecvent \u0219i creezi con\u021binut valoros pentru public.<br>\n<\/div><h3 class=\"bde-heading-3808-141 bde-heading\">\nVreau un site de prezentare servicii\n<\/h3><div class=\"bde-image-3808-142 bde-image\">\n<figure class=\"breakdance-image breakdance-image--447\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/webdesign-prezentare.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-text-3808-143 bde-text\">\nAi deja o afacere \u0219i dore\u0219ti s\u0103 o prezin\u021bi online. \u0218tii cum se zice: \u201eCine nu este online nu exist\u0103!\u201e<br><br>Acest tip de site este format preponderent din pagini statice, de multe ori cu structur\u0103 complex\u0103. Noul editor Gutenberg, integrat \u00eencep\u00e2nd cu versiunea 5.0, \u00ee\u021bi vine \u00een ajutor pentru a crea aceste pagini f\u0103r\u0103 s\u0103 scrii cod. Cele mai importante pagini sunt Prima pagin\u0103, Despre \u0219i Contact. Ai grij\u0103 s\u0103 dai toate datele necesare pentru ca poten\u021bialul client s\u0103 ajung\u0103 la tine rapid.<br><br>\u00cen paginile de Servicii descrie \u00een am\u0103nunt ce oferi, \u00eentr-un limbaj simplu dar adecvat industriei tale. \u00cen fiecare pagin\u0103 ai nevoie de Call To Action \u2013 adic\u0103 s\u0103 \u00eei spui prospectului ce are de f\u0103cut dup\u0103 ce cite\u0219te oferta.<br>\n<\/div><h3 class=\"bde-heading-3808-144 bde-heading\">\nVreau un magazin online\n<\/h3><div class=\"bde-image-3808-145 bde-image\">\n<figure class=\"breakdance-image breakdance-image--440\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/cumparaturi-online.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-146 bde-rich-text list breakdance-rich-text-styles\">\n<p>Fluxul unui magazin online este destul de complex, dar WordPress nu ne las\u0103 descoperi\u021bi. \u00cen acest caz platforma nativ\u0103 poate fi extins\u0103 cu un plugin de comer\u021b electronic. Cel mai utilizat este pluginul WooCommerce.<\/p><p>Ce ofer\u0103 WooCommerce out of the box \u0219i \u00een mod gratuit:<\/p><ul><li><p>introducerea de produse cu toate datele sale \u0219i imagini<\/p><\/li><li><p>co\u0219 de cump\u0103r\u0103turi<\/p><\/li><li><p>pagin\u0103 de comand\u0103<\/p><\/li><li><p>zone de livrare<\/p><\/li><li><p>mai multe tipuri de plat\u0103<\/p><\/li><li><p>administrare comenzi<\/p><\/li><li><p>rapoarte v\u00e2nz\u0103ri pe perioade de timp personalizate<\/p><\/li><li><p>cupoane de reducere<\/p><\/li><\/ul><p>&nbsp;<\/p><p>Pentru func\u021bionalit\u0103\u021bi suplimentare, cum ar fi plat\u0103 card, generare AWB livrare sau integrare cu SmartBill, vei avea nevoie de un programator.<\/p><p>\u00cen concluzie, un site relativ simplu, poate fi realizat de o persoan\u0103 non-tehnic\u0103 cu o ghidare minim\u0103. Cu c\u00e2t este mai complex, un site are nevoie de expertiza unui programator sau chiar a unei echipe specializate.<\/p><p>Pentru a realiza unul din cele 3 tipuri de site-uri prezentate mai sus, vei avea nevoie de un nume de domeniu \u0219i g\u0103zduire pe server. \u0218i ceva abilit\u0103\u021bi web, pe care le po\u021bi dob\u00e2ndi dac\u0103 te \u00eenscrii la cursurile <a target=\"_self\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/webskills.ro\/cursuri\">webskills.ro<\/a><\/p>\n<\/div><h2 class=\"bde-heading-3808-147 bde-heading\">\nCe este un nume de domeniu\n<\/h2><div class=\"bde-image-3808-148 bde-image\">\n<figure class=\"breakdance-image breakdance-image--444\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/nume-domeniu.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-149 bde-rich-text list breakdance-rich-text-styles\">\n<p>Numele de domeniu este foarte important pentru site-ul t\u0103u. Acesta poate reflecta ideea afacerii sau a subiectului pe care \u021bi l-ai propus pentru site. Cel mai bine ar fi s\u0103 reprezinte brandul t\u0103u.<\/p><p>Dac\u0103 nu \u0219tii \u00eenc\u0103 ce este un nume de domeniu, afl\u0103 c\u0103 este adresa web la care va r\u0103spunde site-ul t\u0103u atunci c\u00e2nd este c\u0103utat de utilizatori.<\/p><p>Un exemplu este <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/webskills.ro\">https:\/\/<em>webskills.ro<\/em><\/a>.<\/p><p>Prima parte a domeniului \u2013 ex.webskills, poate fi o combina\u021bie de cifre, litere \u0219i semnul -. A doua parte \u2013 <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/ex.ro\">ex.ro<\/a>, este extensia aleas\u0103. Sunt multe extensii formate din dou\u0103 sau trei caractere .org, .info, .net, dar au ap\u0103rut extensii noi, cum ar fi .design, .guru, .learn etc. Cea mai utilizat\u0103 extensie este .com.<\/p><p>Recomand\u0103ri pentru g\u0103sirea unui nume de domeniu pentru site-ul t\u0103u:<\/p><ul><li><p><strong>G\u0103se\u0219te un nume c\u00e2t mai scurt<\/strong> \u2013 tehnic, eticheta poate avea 63 de caractere, dar cine tasteaz\u0103 at\u00e2t de mult? Ia \u00een considerare lungimea \u0219i pentru adresa de email.<\/p><\/li><li><p><strong>F\u0103-l u\u0219or de re\u021binut<\/strong> \u2013 dac\u0103 se pronun\u021b\u0103 u\u0219or, va fi re\u021binut imediat.<\/p><\/li><li><p><strong>Evit\u0103 minusul dintre cuvinte<\/strong> \u2013 chiar dac\u0103 este mai u\u0219or de citit cu linie de desp\u0103r\u021bire, este mai greu de tastat \u0219i memorat. C\u00e2nd nu ai \u00eencotro, folose\u0219te-l. Sau, mai bine, cump\u0103r\u0103-le pe am\u00e2ndou\u0103. Competi\u021bia ta s-ar putea g\u00e2ndi la acela\u0219i nume de domeniu \u0219i va \u00eencerca varianta cu cratim\u0103, \u00een cazul \u00een care este indisponibil cel luat de tine.<\/p><\/li><li><p><strong>Alege extensia potrivit\u0103<\/strong> \u2013 opteaz\u0103 pentru extensia .ro dac\u0103 dedici site-ul publicului \u021bint\u0103 din Rom\u00e2nia.<\/p><\/li><li><p><strong>Evit\u0103 cuvintele cheie exacte<\/strong> \u2013 po\u021bi avea cuvinte cheie \u00een numele de domeniu dac\u0103 ai con\u021binut de calitate. Altfel, ri\u0219ti s\u0103 fii penalizat de Google pe motive de spam. Un exemplu (exagerat) ar fi <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/frigideredevanzare.ro\">frigideredevanzare.ro<\/a>, iar con\u021binutul s\u0103 nu fie strict despre frigidere ci \u0219i despre auto sau trotinete electrice. Acest tip de site este considerat de c\u0103tre Google ca fiind de calitate slab\u0103.<\/p><\/li><\/ul><p>&nbsp;Ai mai jos un formular unde po\u021bi verifica disponibilitatea unui nume de domeniu.<\/p>\n<\/div><div class=\"bde-div-3808-150 bde-div\">\n  \n\t\n\n\n\n<div class=\"bde-text-3808-151 bde-text\">\nVerific\u0103 disponibilitatea numelui de domeniu\n<\/div><div class=\"bde-shortcode-3808-152 bde-shortcode\">\n<div id=\"wp24-dc-1\" class=\"wp24-dc\"><\/div>\n<\/div>\n<\/div><div class=\"bde-checkmark-list-3808-153 bde-checkmark-list\">\n<ul>\n  \n              \n              \n    <li>\n      <span class='bde-checkmark-list__icon bde-checkmark-list__icon_yes  bg-yes'>\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-question\" viewBox=\"0 0 32 32\">\n<path d=\"M14 22h4v4h-4zM22 8c1.105 0 2 0.895 2 2v6l-6 4h-4v-2l6-4v-2h-10v-4h12zM16 3c-3.472 0-6.737 1.352-9.192 3.808s-3.808 5.72-3.808 9.192c0 3.472 1.352 6.737 3.808 9.192s5.72 3.808 9.192 3.808c3.472 0 6.737-1.352 9.192-3.808s3.808-5.72 3.808-9.192c0-3.472-1.352-6.737-3.808-9.192s-5.72-3.808-9.192-3.808zM16 0v0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16s7.163-16 16-16z\"\/>\n<\/svg>\n              <\/span>\n      <div >\n        \u0218tiai c\u0103 primul nume de domeniu din lume a fost <a href=\"https:\/\/symbolics.com\"> symbolics.com? <\/a>\n      <\/div>\n\n    <\/li>\n\n  <\/ul>\n\n<\/div><h2 class=\"bde-heading-3808-154 bde-heading\">\nCum alegi g\u0103zduirea pentru site\n<\/h2><div class=\"bde-image-3808-155 bde-image\">\n<figure class=\"breakdance-image breakdance-image--446\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/server-gazduire.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-156 bde-rich-text list breakdance-rich-text-styles\">\n<p>Numele de domeniu nu implic\u0103 g\u0103sirea site-ului t\u0103u pe web. Asta \u00eenseamn\u0103 c\u0103 ai doar o adres\u0103. A doua component\u0103 pentru site-ul t\u0103u este g\u0103zduirea sau, \u00een limba englez\u0103 \u2013 hosting. G\u0103zduirea reprezint\u0103 serverul unde stau fi\u0219ierele site-ului t\u0103u ce vor fi servite pe internet, la adresa pe care ai achizi\u021bionat-o.<\/p><p>Furnizorul de g\u0103zduire \u00ee\u021bi pune la dispozi\u021bie diferite tipuri de pachete. Ca s\u0103 \u0219tii ce pachet ai nevoie trebuie s\u0103 \u00een\u021belegi care sunt cerin\u021bele site-ului t\u0103u.<\/p><p><strong>Spa\u021biul pe disc<\/strong> \u2013 pentru un site WordPress la \u00eenceput, 1GB este suficient pentru tot anul poate. Dar mai trebuie luate \u00een calcul spa\u021biul de backup \u0219i&nbsp; spa\u021biul pentru c\u0103su\u021bele de email. Estimezi c\u0103 vei avea multe imagini \u0219i PDF-uri? Recalculeaz\u0103 spa\u021biul \u0219i poate ajungi la peste 5GB.<\/p><p><strong>L\u0103\u021bime de band\u0103<\/strong> \u2013 se refer\u0103 la cantitatea maxim\u0103 de date care poate fi transferat\u0103 \u00eentr-o anumit\u0103 perioad\u0103 de timp. Se m\u0103soar\u0103 \u00een Mb\/s (megabi\u021bi pe secund\u0103). Banda depinde de conexiunea la Internet.<\/p><p><strong>Transfer de date<\/strong> \u2013 cantitatea total\u0103 de date pe care un server le transmite unui anumit site \u00eentr-o perioad\u0103 de timp. Se m\u0103soar\u0103 \u00een bytes (octe\u021bi) sau MB (megaocte\u021bi). Transferul depinde de m\u0103rimea paginilor site-ului.<\/p><p><strong>Suport<\/strong> \u2013 \u00een cazul \u00een care ai o problem\u0103 cu serverul, suportul este esen\u021bial. Intereseaz\u0103-te dac\u0103 au suport tehnic de calitate 24\/7\/365.<\/p><p>Vezi care sunt cerin\u021bele software pentru WordPress \u0219i compar\u0103-le cu ceea ce ofer\u0103 furnizorul de g\u0103zduire.<\/p>\n<\/div><div class=\"bde-text-3808-157 bde-text\">\nIdeal, serverul trebuie s\u0103 aib\u0103 urm\u0103toarea configurare:<br><br>PHP 7.4 sau mai mult, MySQL 5.6 SAU MariaDB 10.0, Nginx sau Apache cu modulul mod_rewrite instalat, suport HTTPS.<br>\n<\/div><div class=\"bde-rich-text-3808-158 bde-rich-text list breakdance-rich-text-styles\">\n<p>\u0218tiu c\u0103 sunt date tehnice, dar po\u021bi s\u0103-\u021bi dai seama dac\u0103 furnizorul de g\u0103zduire are aplica\u021biile serverelor la zi sau nu.<\/p><p>Dup\u0103 ce ai achizi\u021bionat g\u0103zduirea, vei primi un email pe care va trebui s\u0103-l copiezi \u00eentr-un loc sigur. Email-ul con\u021bine datele de autentificare pe server. F\u0103r\u0103 aceste date nu vei putea accesa serverul.<\/p><p>Majoritatea furnizorilor de hosting au o aplica\u021bie, interfa\u021b\u0103 la server, numit\u0103 cPanel. Prin aceast\u0103 interfa\u021b\u0103 accesezi toate func\u021biile necesare instal\u0103rii \u0219i administr\u0103rii tehnice a site-ului: \u00eenc\u0103rcare fi\u0219iere, \u0219tergere fi\u0219iere, mutare fi\u0219iere, creare arhive .zip, creare copii de siguran\u021b\u0103, creare baze de date, import \u0219i export baz\u0103 date, creare conturi email etc.<\/p><p>Printre furnizorii de hosting din Rom\u00e2nia, unii cu care am lucrat de la \u00eenceputurile lor, sunt:<\/p><ul><li><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/clausweb.ro\">clausweb.ro<\/a><\/p><\/li><li><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/zooku.ro\">zooku.ro<\/a><\/p><\/li><li><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/spatiul.ro\">spatiul.ro<\/a><\/p><\/li><\/ul><p>Tot de la aceste companii po\u021bi cump\u0103ra \u0219i numele de domeniu, ei fiind reselleri <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/rotld.ro\">rotld.ro<\/a>, autoritatea oficial\u0103 pentru domeniile .ro.<\/p><p>Dac\u0103 dore\u0219ti domenii, altele dec\u00e2t .ro sau care pot fi achizi\u021bionate de la companii rom\u00e2ne\u0219ti, cum ar fi .com, .net, .info, .edu, .guru, .design etc, le po\u021bi achizi\u021biona de la <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/godaddy.com\">godaddy.com<\/a> sau <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/namecheap.com\">namecheap.com<\/a>. Dar nu lua hosting de la ace\u0219tia, nu este ok.<\/p><p>\u00cen concluzie, ideea e urm\u0103toarea: dac\u0103 publicul t\u0103u \u021bint\u0103 este din Rom\u00e2nia, este bine s\u0103 iei g\u0103zduire din RO \u0219i nume de domeniu .ro.<\/p><p>Dac\u0103 publicul t\u0103u \u021bint\u0103 este \u00een USA, atunci \u0219i hosting-ul trebuie s\u0103 fie de acolo, iar numele de domeniu poate s\u0103 aib\u0103 .com sau alte extensii.<\/p><p>&nbsp;<\/p><p>Hai s\u0103 trecem mai departe la instalarea WordPress!<\/p>\n<\/div><h2 class=\"bde-heading-3808-159 bde-heading\">\nCum instalezi WordPress\n<\/h2><div class=\"bde-image-3808-160 bde-image\">\n<figure class=\"breakdance-image breakdance-image--437\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Baza-date-fisiere.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-161 bde-rich-text list breakdance-rich-text-styles\">\n<p>Ok, ai decis ce nume de domeniu ai \u0219i ai achizi\u021bionat serverul. Acum e momentul s\u0103 instalezi platforma. Ai dou\u0103 posibilit\u0103\u021bi:<\/p><ol><li><p>s\u0103-i rogi pe cei de la hosting s\u0103-\u021bi instaleze WordPress<\/p><\/li><li><p>dac\u0103 serverul are cPanel, \u00eel po\u021bi instala tu relativ u\u0219or<\/p><\/li><\/ol><p>Prima variant\u0103 e cea mai simpl\u0103, dar dac\u0103 vrei s\u0103 \u0219tii cum decurge instalarea, \u00ee\u021bi voi da pa\u0219ii \u00een continuare.<\/p><p>\u00cenainte de a instala platforma pe server, vreau s\u0103 con\u0219tientizezi c\u0103 WordPress este format din dou\u0103 p\u0103r\u021bi:<\/p><ol><li><p>foldere \u0219i fi\u0219iere<\/p><\/li><li><p>baz\u0103 de date<\/p><\/li><\/ol><p>De ce este nevoie s\u0103 \u0219tii acest aspect dac\u0103 nu e\u0219ti o persoan\u0103 tehnic\u0103? Pentru c\u0103 la instalare, chiar dac\u0103 tu nu vezi aceste dou\u0103 tipuri de elemente, se vor instala ambele. De c\u00e2te ori dore\u0219ti. Dar nu \u0103sta e scopul instal\u0103rii u\u0219oare.<\/p><p>Am \u00eent\u00e2lnit multe cazuri c\u00e2nd serverul era plin de astfel de instal\u0103ri, datorit\u0103 necunoa\u0219terii \u0219i a modului facil de a instala WordPress. Iar tot ce st\u0103 pe server f\u0103r\u0103 rost, eu \u00eel consider \u201egunoi\u201d care atrage ca un magnet viru\u0219ii \u0219i \u00ee\u021bi vor umple serverul f\u0103r\u0103 rost. A\u0219a c\u0103 un mic avertisment nu stric\u0103: instaleaz\u0103 o singur\u0103 dat\u0103. Sau m\u0103car \u0219terge ce nu ai nevoie.<\/p><p><strong>Primul pas<\/strong> este s\u0103 te autentifici pe server. Acum e timpul s\u0103 te ui\u021bi la datele primite pe email de la furnizorul de g\u0103zduire. Acolo ai un link care te duce c\u0103tre cPanel. \u00cen cele mai multe cazuri ajungi acolo dac\u0103 tastezi \u00een bara de adrese a browserului:<\/p><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/domeniulmeu.ro\/cpanel\">domeniulmeu.ro\/cpanel<\/a><\/p><p>\u00cenlocuie\u0219te <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/domeniulmeu.ro\">domeniulmeu.ro<\/a> cu numele t\u0103u de domeniu.<\/p><p>Dup\u0103 autentificare vei avea un ecran asem\u0103n\u0103tor cu cel de mai jos:<\/p>\n<\/div><div class=\"bde-image-3808-162 bde-image\">\n<figure class=\"breakdance-image breakdance-image--542\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/cPanel-Main-Softaculous.png\" width=\"836\" height=\"770\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/cPanel-Main-Softaculous.png 836w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/cPanel-Main-Softaculous-300x276.png 300w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/cPanel-Main-Softaculous-768x707.png 768w\" sizes=\"(max-width: 836px) 100vw, 836px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-163 bde-rich-text list breakdance-rich-text-styles\">\n<p>\u00cen <strong>al doilea pas<\/strong>, caut\u0103<strong><em> WordPress Manager by Softaculous<\/em><\/strong> (sau WordPress de mai jos) \u0219i d\u0103 click pe iconi\u021b\u0103. Se va deschide un ecran de unde \u00eencepi instalarea.<\/p><p>Alege <strong><em>Custom Install<\/em><\/strong> \u0219i completeaz\u0103 c\u00e2mpurile cu datele tale:<\/p>\n<\/div><div class=\"bde-image-3808-164 bde-image\">\n<figure class=\"breakdance-image breakdance-image--541\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Pas2-Softaculous-WordPress.png\" width=\"1633\" height=\"2040\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Pas2-Softaculous-WordPress.png 1633w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Pas2-Softaculous-WordPress-240x300.png 240w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Pas2-Softaculous-WordPress-820x1024.png 820w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Pas2-Softaculous-WordPress-768x959.png 768w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Pas2-Softaculous-WordPress-1230x1536.png 1230w\" sizes=\"(max-width: 1633px) 100vw, 1633px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-165 bde-rich-text list breakdance-rich-text-styles\">\n<p>Dup\u0103 ce ai finalizat completarea c\u00e2mpurilor, d\u0103 click pe butonul albastru <strong><em>Install<\/em><\/strong><em> <\/em>\u0219i a\u0219teapt\u0103 s\u0103 se instaleze WordPress.<\/p><p>Listez ce ai nevoie de completat \u00een c\u00e2mpurile de pe ecranul Softaculous de instalare personalizat\u0103:<\/p><ol><li><p>ultima versiune de WordPress<\/p><\/li><li><p>protocolul de instalare https:\/\/, dac\u0103 ai certificat SSL. Dac\u0103 nu ai las\u0103 http:\/\/<\/p><\/li><li><p>numele t\u0103u de domeniu<\/p><\/li><li><p>loca\u021bia \u2013 \u0219terge wp din c\u00e2mpul director dac\u0103 ai un singur site<\/p><\/li><li><p>denumirea site-ului \u0219i descrierea sa \u2013 vei \u00eenlocui ce apare implicit<\/p><\/li><li><p>numele de utilizator \u0219i parola pentru contul de administrare WordPress: scrie-le undeva, o s\u0103 ai nevoie de ele&nbsp; la urm\u0103torul pas<\/p><\/li><li><p>adresa de email a site-ului<\/p><\/li><li><p>alege limba site-ului<\/p><\/li><li><p>nu selecta niciun plugin<\/p><\/li><li><p>la Op\u021biuni avansate \u2013 po\u021bi modifica numele bazei de date \u0219i prefixul<\/p><\/li><li><p>tot aici am bifat s\u0103 nu primesc pe email notific\u0103ri c\u00e2nd apare o versiune nou\u0103 \u0219i nici s\u0103 se actualizeze automat, oricum intru zilnic s\u0103 lucrez la site \u0219i v\u0103d \u00een zona de administrare ce am de f\u0103cut<\/p><\/li><\/ol><p>&nbsp;Dac\u0103 nu ai ultima versiune de WordPress, nu-i bai, se poate face actualizarea imediat dup\u0103 instalare din panoul de control.<\/p><p>Acum e timpul s\u0103 intri \u00een zona de administrare!<\/p>\n<\/div><h2 class=\"bde-heading-3808-166 bde-heading\">\nCum intri \u00een panoul de administrare site\n<\/h2><div class=\"bde-image-3808-167 bde-image\">\n<figure class=\"breakdance-image breakdance-image--443\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/login-administrare.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-168 bde-rich-text list breakdance-rich-text-styles\">\n<p>Yuhuuu! Ai reu\u0219it s\u0103 ai site-ul instalat pe server. \u021ai-a luat ceva timp! Nu ai curiozitatea s\u0103 \u0219tii cum creezi primul t\u0103u articol?<\/p><p>Mai \u00eent\u00e2i hai s\u0103 te-ajut s\u0103 intri \u00een zona de administrare. Tasteaz\u0103 urm\u0103toarele \u00een bara de adrese a browser-ului (nu \u00een formularul de c\u0103utare Google!):<\/p><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/domeniulmeu.ro\/wp-admin\">domeniulmeu.ro\/<strong>wp-admin<\/strong><\/a><\/p><p>Adresa asta te va duce c\u0103tre pagina de autentificare \u00een zona de administrare a site-ului t\u0103u.<\/p>\n<\/div><div class=\"bde-image-3808-169 bde-image\">\n<figure class=\"breakdance-image breakdance-image--544\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Autentificare-WebSkills-ro-WordPress.png\" width=\"558\" height=\"614\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Autentificare-WebSkills-ro-WordPress.png 558w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Autentificare-WebSkills-ro-WordPress-273x300.png 273w\" sizes=\"(max-width: 558px) 100vw, 558px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-170 bde-rich-text list breakdance-rich-text-styles\">\n<p>Completeaz\u0103 cu datele contului de administrator de la pasul precedent \u0219i d\u0103 click pe <strong><em>Autentificare<\/em><\/strong>.<\/p><p>Te va \u00eent\u00e2mpina panoul de control al zonei de administrare WordPress. De aici po\u021bi crea primul t\u0103u articol.<\/p>\n<\/div><h2 class=\"bde-heading-3808-171 bde-heading\">\nCreeaz\u0103 primul articol\n<\/h2><div class=\"bde-image-3808-172 bde-image\">\n<figure class=\"breakdance-image breakdance-image--368\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Blog-post-ghid.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-173 bde-rich-text breakdance-rich-text-styles\">\n<p>\u00cen sf\u00e2r\u0219it po\u021bi s\u0103 te apuci de treab\u0103!<\/p><p>Important e c\u0103 ai scris deja c\u00e2teva articole \u0219i ai ales o imagine pentru fiecare. Acum po\u021bi trece la inserarea lor \u00een noul t\u0103u blog. Dac\u0103 nu ai \u00eenc\u0103 niciun articol, opre\u0219te-te aici \u0219i \u00eencepe s\u0103 scrii.<\/p>\n<\/div><div class=\"bde-rich-text-3808-174 bde-rich-text breakdance-rich-text-styles\">\n<p>Deschid o mic\u0103 parantez\u0103. <br>Cea mai mare gre\u0219eal\u0103 a unui blogger \u00eencep\u0103tor este s\u0103 nu aib\u0103 niciun fel de con\u021binut.<\/p><p>Dac\u0103 vrei un blog \u0219i, mai ales, unul ce aduce mult trafic, te anun\u021b c\u0103 p\u00e2n\u0103 acolo e cale lung\u0103. Iar primul pas nu este instalarea WordPress ci g\u0103sirea ni\u0219ei pe care vrei s\u0103 te pozi\u021bionezi \u0219i con\u021binutul. Apoi alegi \u0219i platforma. M-a\u0219 bucura s\u0103 fie WordPress. <br>\u00cenchid paranteza.<\/p>\n<\/div><div class=\"bde-rich-text-3808-175 bde-rich-text list breakdance-rich-text-styles\">\n<p>\u00cen partea st\u00e2ng\u0103 a zonei de administrare, ai un meniu vertical pe o band\u0103 gri \u00eenchis. Fiecare element din meniu este o func\u021bie a WordPress care te ajut\u0103 s\u0103 creezi ce ai nevoie.<\/p><p>Caut\u0103 <strong><em>Articole<\/em><\/strong><em> <\/em>sau Posts, dac\u0103 ai instalarea \u00een englez\u0103. Vei avea 4 elemente:<\/p><ol><li><p>Toate articolele (en. Posts) \u2013 se va afi\u0219a o list\u0103 de articole<\/p><\/li><li><p>Adaug\u0103 articol (en. Add post) \u2013 de aici intri \u00een pagina de creare articol<\/p><\/li><li><p>Categorii (en. Categories) \u2013 vezi lista de categorii \u0219i adaugi o categorie nou\u0103<\/p><\/li><li><p>Etichete (en. Tags) \u2013 vezi lista de etichete \u0219i adaugi o etichet\u0103 nou\u0103<\/p><\/li><\/ol><p>\u00cenainte s\u0103 adaugi articolul, vreau s\u0103-\u021bi explic de ce ai nevoie de categorii \u0219i etichete.<\/p>\n<\/div><h3 class=\"bde-heading-3808-176 bde-heading\">\nCategorii \u0219i etichete articol\n<\/h3><div class=\"bde-text-3808-177 bde-text list\">\nArticolele sunt considerate con\u021binut dinamic pentru c\u0103 sunt organizate \u00een mai multe tipuri de arhive care le afi\u0219eaz\u0103 \u00een ordine cronologic\u0103.<br><br>Categoriile (categories) \u0219i etichetele (tags) sunt arhive ce organizeaz\u0103 articolele pe subiecte de interes \u0219i termeni specifici.<br><br>Categoriile sunt ierarhice, adic\u0103 se pot crea categorii principale \u0219i subcategorii. Etichetele sunt liniare, nu au ierarhie.<br><br>Atunci c\u00e2nd creezi un articol va apar\u021bine automat unei categorii implicite. Aceasta este creat\u0103 la instalare \u0219i se nume\u0219te F\u0103r\u0103 categorie (en. Uncategorized). Denumirea nu cred c\u0103 te ajut\u0103 prea mult, a\u0219a c\u0103 \u00ee\u021bi recomand s\u0103 o modifici.<br><br>Oric\u00e2nd po\u021bi crea o categorie nou\u0103 care s\u0103 reflecte tema articolelor din blog. \u00ce\u021bi recomand s\u0103 asociezi un articol unei singure categorii. Etichetele pot fi multiple, dar rezum\u0103-te la 3 \u2013 5 \u0219i asigur\u0103-te c\u0103 le vei mai folosi de cel pu\u021bin 3 ori la alte articole. C\u00e2nd cititorul d\u0103 click pe un tag nu cred c\u0103 e o priveli\u0219te prea bun\u0103 s\u0103 vad\u0103 un singur articol \u00een arhiva sa<br>\n<\/div><h3 class=\"bde-heading-3808-178 bde-heading\">\nElementele unui articol\n<\/h3><div class=\"bde-rich-text-3808-179 bde-rich-text list breakdance-rich-text-styles\">\n<p>Articolul dintr-un blog are c\u00e2teva elemente necesare:<\/p><ol><li><p>Titlul articolului, de exemplu Ghid \u00eencep\u0103tori<\/p><\/li><li><p>Descriptor ca parte a leg\u0103turii permanente, sub forma de exemplu <em>ghid-incepatori<\/em><\/p><\/li><li><p>Con\u021binutul articolului<\/p><\/li><li><p>Imaginea reprezentativ\u0103<\/p><\/li><li><p>Categoria de care apar\u021bine<\/p><\/li><\/ol><p>Se mai pot ad\u0103uga \u0219i alte elemente, cum ar fi:<\/p><ul><li><p>Etichete \u2013 organizarea pe termeni specifici<\/p><\/li><li><p>Rezumat (Excerpt) \u2013 c\u00e2teva r\u00e2nduri care se vor vedea \u00een arhiv\u0103 cu scopul de a face cititorul s\u0103 citeasc\u0103 mai departe<\/p><\/li><li><p>Discu\u021bii \u2013 comentarii, pingback \u0219i trackback, depinde cum sunt setate ini\u021bial acestea<\/p><\/li><\/ul><p>Nu o s\u0103 descriu \u00een detaliu aceste elemente, pentru c\u0103 vreau s\u0103-\u021bi prezint noul editor WordPress, denumit Gutenberg.<\/p>\n<\/div><h2 class=\"bde-heading-3808-180 bde-heading\">\nEditorul Gutenberg\n<\/h2><div class=\"bde-image-3808-181 bde-image\">\n<figure class=\"breakdance-image breakdance-image--447\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/webdesign-prezentare.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-182 bde-rich-text list breakdance-rich-text-styles\">\n<p>De la versiunea 5.0, WordPress \u0219i-a \u00eennoit editorul, de la formularul \u00een care trebuia s\u0103 scrii cod ca s\u0103 ob\u021bii coloane, de exemplu, la Gutenberg ce opereaz\u0103 cu blocuri specifice fiec\u0103rui element. Po\u021bi citi detalii \u00een articolul <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/webskills.ro\/gutenberg-un-nou-mod-de-editare-vizuala-wordpress\/\">Gutenberg, un nou mod de editare vizual\u0103.<\/a><\/p><p>La \u00eenceput, \u00een decembrie 2018, Gutenberg nu avea prea multe capabilit\u0103\u021bi, chiar dac\u0103 se lucra la tehnologie de 2 ani. Ast\u0103zi, pot s\u0103-\u021bi spun c\u0103 s-a dezvoltat foarte mult \u0219i, de la versiunea ini\u021bial\u0103, au fost aduse multiple modific\u0103ri interfe\u021bei. S-au ad\u0103ugat mai multe tipuri de blocuri care ne fac via\u021ba de editor mai u\u0219oar\u0103.<\/p><p>Uite o compara\u021bie \u00eentre cele dou\u0103 tipuri de editor:<\/p>\n<\/div><div class=\"bde-image-3808-183 bde-image\">\n<figure class=\"breakdance-image breakdance-image--514\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/editor-clasic-versus-editor-gutenberg.jpg\" width=\"817\" height=\"550\" srcset=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/editor-clasic-versus-editor-gutenberg.jpg 817w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/editor-clasic-versus-editor-gutenberg-300x202.jpg 300w, https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/editor-clasic-versus-editor-gutenberg-768x517.jpg 768w\" sizes=\"(max-width: 817px) 100vw, 817px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-text-3808-184 bde-text\">\nCum folose\u0219ti Gutenberg? Acceseaz\u0103 <a href=\"https:\/\/trainingsite.ro\/breakdance\/gutenberg-ghid-utilizare-editor\/\">ghidul dedicat<\/a>, unde vei g\u0103si toate detaliile.\n<\/div><h3 class=\"bde-heading-3808-185 bde-heading\">\nCum treci site-ul t\u0103u la versiunea actual\u0103\n<\/h3><div class=\"bde-rich-text-3808-186 bde-rich-text list breakdance-rich-text-styles\">\n<p>Dac\u0103 ai deja un site WordPress pe care nu l-ai actualizat la versiunea actual\u0103 \u0219i nu \u0219tii ce este Gutenberg, cite\u0219te mai departe. Dac\u0103 \u00ee\u021bi creezi site-ul pentru prima dat\u0103, sari peste acest capitol, beneficiezi din start de Gutenberg.<\/p><p>Mul\u021bi posesori de site-uri nu-\u0219i bat capul cu mentenan\u021ba tehnic\u0103 \u2013 adic\u0103 cu aducerea la zi a versiunilor WordPress, a temei \u0219i a plugin-urilor instalate. Iar dac\u0103 au trecut deja 2 ani peste site-ul t\u0103u, recomandarea mea este s\u0103-i faci un redesign. Poate c\u0103 ai evoluat \u0219i e nevoie s\u0103 schimbi \u0219i abordarea con\u021binutului.<\/p><p>Dar dac\u0103 \u021bii mor\u021bi\u0219 s\u0103 fii la zi, e costisitor. \u021ain s\u0103-\u021bi spun c\u0103 am f\u0103cut mentenan\u021b\u0103 pentru cel pu\u021bin 30 de site-uri, pe care le-am adus la zi cu Gutenberg. Unele au fost mai mici \u0219i nu a \u201edurut\u201d at\u00e2t de tare, dar am avut \u0219i site-uri cu pagini complexe \u0219i peste 300 de articole, unul chiar cu 850 articole.<\/p><p>Site-urile care aveau mentenan\u021ba la zi, s-au comportat destul de bine. Cele foarte vechi au \u201ecr\u0103pat\u201d \u0219i am preferat s\u0103 transfer datele \u00eentr-o instalare nou\u0103 de WordPress.<\/p><p>Pentru siguran\u021b\u0103, s-a inventat pluginul Classic Editor. Po\u021bi s\u0103-l instalezi \u00eenainte de a face actualizarea site-ului. Ai <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\">aici pagina dedicat\u0103<\/a> acestui plugin.<\/p><p>Personal, am ales acest plugin \u00eentr-un singur caz, iar dup\u0103 un an tot a trebuit s\u0103 refac site-ul pentru c\u0103 efortul de a aduce \u00eembun\u0103t\u0103\u021biri era prea mare pe vechiul sistem, dec\u00e2t pe cel nou.<\/p>\n<\/div><h2 class=\"bde-heading-3808-187 bde-heading\">\nPagini statice\n<\/h2><div class=\"bde-image-3808-188 bde-image\">\n<figure class=\"breakdance-image breakdance-image--445\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/post-wordpress.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-189 bde-rich-text list breakdance-rich-text-styles\">\n<p>Dac\u0103 articolele sunt considerate dinamice, paginile sunt considerate statice \u0219i sunt utilizate pentru crearea:<\/p><ul><li><p>Primei pagini<\/p><\/li><li><p>Despre noi<\/p><\/li><li><p>Contact<\/p><\/li><li><p>Servicii<\/p><\/li><li><p>Portofoliu<\/p><\/li><li><p>Landing pages<\/p><\/li><li><p>sau alte pagini<\/p><\/li><\/ul><p>Site-urile de prezentare ale afacerilor sunt create preponderent cu pagini statice. De multe ori aceste pagini sunt complexe, de aceea este nevoie de blocuri Gutenberg suplimentare.<\/p><p>\u00cen ultimii ani au ap\u0103rut constructorii de pagin\u0103 moderni, care utilizeaz\u0103 elemente&nbsp; drag-and-drop. Cei mai utiliza\u021bi constructori de pagin\u0103 sunt:<\/p><ul><li><p>Elementor<\/p><\/li><li><p>Beaver Builder<\/p><\/li><li><p>Oxygen<\/p><\/li><li><p>Breakdance<\/p><\/li><li><p>Brizy<\/p><\/li><li><p>Themify Builder<\/p><\/li><li><p>Divi<\/p><\/li><li><p>Page Builder by Site Origin<\/p><\/li><li><p>WPBakery \/ Visual Composer (\u00eel g\u0103se\u0219ti \u00een majoritatea temelor vechi de pe <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/themeforest.net\">themeforest.net<\/a>, dar nu \u00eel recomand fiind un constructor de pagin\u0103 ce introduce multe shortecode-uri)<\/p><\/li><\/ul><p>Toate acestea se instaleaz\u0103 ca module (en.plugins) ce extind func\u021bionalitatea WordPress. Pentru detalii cite\u0219te articolul \u2026<\/p>\n<\/div><h2 class=\"bde-heading-3808-190 bde-heading\">\nDesign-ul site-ului t\u0103u\n<\/h2><div class=\"bde-image-3808-191 bde-image\">\n<figure class=\"breakdance-image breakdance-image--441\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/Design-website.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-192 bde-rich-text list breakdance-rich-text-styles\">\n<p>Design-ul unui site WordPress este ob\u021binut cu ajutorul unei <strong>teme<\/strong>. La instalare, vei avea deja o tem\u0103 implicit\u0103 denumit\u0103 Twenty\u2026. La fiecare lansare a unei versiuni majore, apare \u0219i o tem\u0103 nou\u0103.<\/p><p>Dac\u0103 nu te avantajeaz\u0103 tema implicit\u0103, po\u021bi instala alta. Sunt mii de <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/wordpress.org\/themes\/\">teme gratuite<\/a> \u00een libr\u0103ria <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\/\/wordpress.org\">wordpress.org<\/a> \u0219i alte mii de teme premium realizate de echipe de programatori. Ca utilizator \u00eencep\u0103tor, cel mai bine este s\u0103 folose\u0219ti o tem\u0103 gratuit\u0103.<\/p><p>De-a lungul timpului am folosit multe tipuri de teme, de la unele foarte simple p\u00e2n\u0103 la unele complexe, pe care nu le recomand \u00eencep\u0103torilor.<\/p><p>Ce caracteristici trebuie s\u0103 aib\u0103 o tem\u0103 pentru \u00eencep\u0103tori:<\/p><ul><li><p>s\u0103 aib\u0103 un design elegant \u2013 doar pentru asta e f\u0103cut\u0103<\/p><\/li><li><p>s\u0103 poat\u0103 fi personalizat\u0103 schema de culori \u0219i schimbarea fonturilor folosite<\/p><\/li><li><p>s\u0103 fie compatibil\u0103 cu Gutenberg \u0219i constructorii de pagin\u0103<\/p><\/li><li><p>s\u0103 se \u00eencarce rapid<\/p><\/li><\/ul><p>\u00ce\u021bi dau \u00een continuare c\u00e2teva exemple de teme gratuite cu care am lucrat destul de mult:<\/p><ul><li><p>Kadence WP \u2013 are 3 scheme de culori \u0219i \u0219abloane de importat cu pagini pentru un \u00eentreg site web. Codul este robust \u0219i se \u00eencarc\u0103 rapid.<\/p><\/li><li><p>Blocksy \u2013 cu design bazat pe tendin\u021bele moderne \u0219i peste 24 teme starter ce se pot importa cu un click.<\/p><\/li><li><p>Ocean WP \u2013 se poate personaliza \u00een detaliu \u0219i vine cu pagini gata f\u0103cute care se pot importa.<\/p><\/li><li><p>GeneratePress - se concentreaz\u0103 pe vitez\u0103 de \u00eenc\u0103rcare, u\u0219urin\u021ba de utilizare \u0219i accesibilitate pentru nev\u0103z\u0103tori.<\/p><\/li><li><p>Astra \u2013 cu multe milioane de desc\u0103rc\u0103ri, dar am pus-o pe locul 5 pentru c\u0103 uneori are bug-uri c\u00e2nd se trece la o versiune nou\u0103. \u00cen rest se poate personaliza \u00een detaliu, are pagini ce se pot importa \u0219i e destul de rapid\u0103.<\/p><\/li><\/ul><p>Fiecare din aceste teme sunt \u0219i \u00een varianta Pro. Toate sunt compatibile cu constructorii de pagin\u0103 \u0219i cu <a target=\"_self\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/trainingsite.ro\/breakdance\/woocommerce-ghid-magazin-online\/\">plugin-ul WooCommerce pentru realizarea magazinelor online<\/a>.<\/p><p>Alege o tem\u0103 care-\u021bi place \u0219i personalizeaz\u0103-\u021bi site-ul sau blogul.<\/p>\n<\/div><h2 class=\"bde-heading-3808-193 bde-heading\">\nExtinde func\u021bionalitatea cu plugin-uri\n<\/h2><div class=\"bde-image-3808-194 bde-image\">\n<figure class=\"breakdance-image breakdance-image--442\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/incarcare-rapida-site.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-195 bde-rich-text list breakdance-rich-text-styles\">\n<p>Alte elemente pe care le-am tot pomenit sunt plugin-urile \u2013 \u00een rom\u00e2n\u0103 <strong>Module<\/strong>. Acestea au rolul de a ad\u0103uga diferite func\u021bionalit\u0103\u021bi site-ului, cum ar fi un formular de contact, un constructor de pagin\u0103, o galerie foto sau orice altceva ai nevoie.<\/p><p>La fel ca temele, <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/wordpress.org\/plugins\/\">sunt mii de plugin-uri gratuite<\/a> \u0219i altele premium. Dac\u0103 crezi c\u0103 ai nevoie de un plugin, cel mai bine este s\u0103 testezi varianta gratuit\u0103, dac\u0103 are, \u0219i s\u0103 vezi cum se comport\u0103.<\/p><p>Majoritatea plugin-urilor au diverse configur\u0103ri. Nu face gre\u0219eala s\u0103 instalezi un plugin \u0219i s\u0103-l la\u0219i a\u0219a, uit\u0103-te \u00een set\u0103ri \u0219i f\u0103 configur\u0103rile.<\/p>\n<\/div><h2 class=\"bde-heading-3808-196 bde-heading\">\nNavigarea \u00een site\n<\/h2><div class=\"bde-image-3808-197 bde-image\">\n<figure class=\"breakdance-image breakdance-image--445\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/post-wordpress.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-198 bde-rich-text list breakdance-rich-text-styles\">\n<p>Fiecare site are \u00een partea de sus mai multe leg\u0103turi care permit navigarea rapid\u0103. Acestea formeaz\u0103 meniul de navigare.<\/p><p>\u00cen WordPress, meniul se creeaz\u0103 dup\u0103 ce ai deja con\u021binutul \u2013 pagini, categorii de articole sau de produse. Design-ul acestuia este dat de tema utilizat\u0103.<\/p><p>Pentru a crea meniul, din zona de administrare alege Aspect (en. Layout) -&gt; Meniu (en. Menu) \u0219i se va deschide pagina de editare meniuri.<\/p><p>E nevoie de 2 pa\u0219i pentru a crea un meniu:<\/p><ol><li><p>crearea meniului ca denumire<\/p><\/li><li><p>ad\u0103ugarea paginilor \u0219i \/sau categoriilor prin tehnica drag-and-drop<\/p><\/li><\/ol><p>Apoi salvezi \u0219i e gata! De tem\u0103 depinde unde va fi afi\u0219at meniul. Majoritatea temelor au loca\u021bii de meniu \u00een partea de jos a ecranului de creare a meniurilor. Bifeaz\u0103 loca\u021bia \u0219i apoi salveaz\u0103 meniul.<\/p><p><strong><em>Not\u0103<\/em><\/strong><em>: Dac\u0103 folose\u0219ti ultimele teme implicite WordPress, cum ar fi Twenty Twenty-Two, vei avea surpriza s\u0103 nu  mai g\u0103se\u0219ti meniul. Aceste teme sunt integrate cu Full Site Editor - editarea \u00eentregului site, care \u00ee\u021bi dau posibilitatea s\u0103 creezi un meniu personalizat. Dar mi se pare prea mult pentru \u00eencep\u0103tori, a\u0219a c\u0103 folose\u0219te una din temele propuse de mine mai sus.<\/em><\/p>\n<\/div><h2 class=\"bde-heading-3808-199 bde-heading\">\nCe urmeaz\u0103\n<\/h2><div class=\"bde-image-3808-200 bde-image\">\n<figure class=\"breakdance-image breakdance-image--439\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/trainingsite.ro\/breakdance\/wp-content\/uploads\/2022\/09\/creare-site-si-blog.svg\" width=\"\" height=\"\"><\/div>\n\t<\/div><\/figure>\n\n<\/div><div class=\"bde-rich-text-3808-201 bde-rich-text list breakdance-rich-text-styles\">\n<p>Yuhuu! Ai reu\u0219it s\u0103 parcurgi acest ghid p\u00e2n\u0103 aici. WordPress este un instrument puternic, ce poate fi utilizat a\u0219a cum e sau extins cu teme \u0219i module.<\/p><p>Dezvoltarea sa e continu\u0103 din 2003 \u0219i multe afaceri se bazeaz\u0103 pe aceast\u0103 platform\u0103. Practic \u00ee\u021bi po\u021bi pune baza \u00een realizarea \u0219i men\u021binerea site-ului ani de zile de acum \u00eencolo, \u00een mod gratuit sau cu costuri minime.<\/p><p>Dac\u0103 \u021bi se pare dificil tot ce am scris \u00een acest ghid, am preg\u0103tit \u0219i un curs video \u00een care \u00ee\u021bi ar\u0103t c\u0103 nu este at\u00e2t de greu de utilizat. Uite <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https:\/\/webskills.ro\/cursuri\/primii-pasi-in-wordpress\/\">link-ul aici<\/a>.<\/p><p>Tot ce trebuie s\u0103 faci este s\u0103 te \u00eenscrii gratuit \u0219i po\u021bi urm\u0103ri cursul video <em>Primii pa\u0219i \u00een WordPress<\/em>, \u00een care \u00ee\u021bi ar\u0103t concret ce am scris \u00een acest ghid.<\/p>\n<\/div>\n<\/div><div class=\"bde-column-3808-202 bde-column\">\n  \n\t\n\n\n\n<div class=\"bde-table-of-contents-3808-203 bde-table-of-contents\">\n<div class=\"bde-table-of-contents__wrapper\">\n  <header class=\"bde-table-of-contents__header\">\n        <h3 class=\"bde-table-of-contents__title toc-ignore\">Cuprinsul Ghidului<\/h3>\n           <\/header>\n  \n  <div class=\"bde-table-of-contents__list\">\n    <nav id=\"bde-toc\" class=\"toc js-breakdance-toc\" aria-label=\"Cuprinsul Ghidului\">There are no headings in this document.<\/nav>\n  <\/div>\n<\/div>\n\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>VREAU S\u0102-MI FAC UN SITE Ghidul \u00eencep\u0103torului pentru utilizarea WordPress Ai ajuns aici pentru c\u0103 ai nevoie de un site sau blog. \u0218i ai auzit c\u0103 WordPress este solu\u021bia. Da, ai auzit bine! Cu WordPress po\u021bi construi mai multe tipuri de site-uri f\u0103r\u0103 s\u0103 \u0219tii programare. HP Name Aboneaz\u0103-te la newsletter \u00censcrie-te \u0219i prime\u0219ti un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","class_list":["post-3808","ghiduri","type-ghiduri","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress: Ghidul \u00eencep\u0103torului - WebSkills<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress: Ghidul \u00eencep\u0103torului - WebSkills\" \/>\n<meta property=\"og:description\" content=\"VREAU S\u0102-MI FAC UN SITE Ghidul \u00eencep\u0103torului pentru utilizarea WordPress Ai ajuns aici pentru c\u0103 ai nevoie de un site sau blog. \u0218i ai auzit c\u0103 WordPress este solu\u021bia. Da, ai auzit bine! Cu WordPress po\u021bi construi mai multe tipuri de site-uri f\u0103r\u0103 s\u0103 \u0219tii programare. HP Name Aboneaz\u0103-te la newsletter \u00censcrie-te \u0219i prime\u0219ti un [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/\" \/>\n<meta property=\"og:site_name\" content=\"WebSkills\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-11T12:37:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/\",\"url\":\"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/\",\"name\":\"WordPress: Ghidul \u00eencep\u0103torului - WebSkills\",\"isPartOf\":{\"@id\":\"https:\/\/trainingsite.ro\/breakdance\/#website\"},\"datePublished\":\"2023-08-09T01:10:55+00:00\",\"dateModified\":\"2023-08-11T12:37:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/trainingsite.ro\/breakdance\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress: Ghidul \u00eencep\u0103torului\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/trainingsite.ro\/breakdance\/#website\",\"url\":\"https:\/\/trainingsite.ro\/breakdance\/\",\"name\":\"WebSkills\",\"description\":\"Dezvolt\u0103-\u021bi abilit\u0103\u021bile digitale\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/trainingsite.ro\/breakdance\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ro-RO\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress: Ghidul \u00eencep\u0103torului - WebSkills","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ro_RO","og_type":"article","og_title":"WordPress: Ghidul \u00eencep\u0103torului - WebSkills","og_description":"VREAU S\u0102-MI FAC UN SITE Ghidul \u00eencep\u0103torului pentru utilizarea WordPress Ai ajuns aici pentru c\u0103 ai nevoie de un site sau blog. \u0218i ai auzit c\u0103 WordPress este solu\u021bia. Da, ai auzit bine! Cu WordPress po\u021bi construi mai multe tipuri de site-uri f\u0103r\u0103 s\u0103 \u0219tii programare. HP Name Aboneaz\u0103-te la newsletter \u00censcrie-te \u0219i prime\u0219ti un [&hellip;]","og_url":"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/","og_site_name":"WebSkills","article_modified_time":"2023-08-11T12:37:47+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/","url":"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/","name":"WordPress: Ghidul \u00eencep\u0103torului - WebSkills","isPartOf":{"@id":"https:\/\/trainingsite.ro\/breakdance\/#website"},"datePublished":"2023-08-09T01:10:55+00:00","dateModified":"2023-08-11T12:37:47+00:00","breadcrumb":{"@id":"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/trainingsite.ro\/breakdance\/ghiduri\/wordpress-ghidul-incepatorului\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/trainingsite.ro\/breakdance\/"},{"@type":"ListItem","position":2,"name":"WordPress: Ghidul \u00eencep\u0103torului"}]},{"@type":"WebSite","@id":"https:\/\/trainingsite.ro\/breakdance\/#website","url":"https:\/\/trainingsite.ro\/breakdance\/","name":"WebSkills","description":"Dezvolt\u0103-\u021bi abilit\u0103\u021bile digitale","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trainingsite.ro\/breakdance\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ro-RO"}]}},"_links":{"self":[{"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/ghiduri\/3808"}],"collection":[{"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/ghiduri"}],"about":[{"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/types\/ghiduri"}],"author":[{"embeddable":true,"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":5,"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/ghiduri\/3808\/revisions"}],"predecessor-version":[{"id":4045,"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/ghiduri\/3808\/revisions\/4045"}],"wp:attachment":[{"href":"https:\/\/trainingsite.ro\/breakdance\/wp-json\/wp\/v2\/media?parent=3808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}