{"id":227711,"date":"2022-10-02T17:28:00","date_gmt":"2022-10-02T14:28:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227711"},"modified":"2022-11-08T19:15:23","modified_gmt":"2022-11-08T16:15:23","slug":"guia-de-encabezado-personalizado-de-wordpress-formas-faciles-de-crear-encabezados-perfectos","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/guia-de-encabezado-personalizado-de-wordpress-formas-faciles-de-crear-encabezados-perfectos\/","title":{"rendered":"Gu\u00eda de encabezado personalizado de WordPress: formas f\u00e1ciles de crear encabezados perfectos"},"content":{"rendered":"\n

Uno de los elementos visuales m\u00e1s importantes de su sitio web est\u00e1 representado por el encabezado. Dado que se coloca estrat\u00e9gicamente en la parte superior, el encabezado de WordPress podr\u00eda ser el primer elemento que un visitante nota cuando visita su sitio.<\/p>\n

Esta es la raz\u00f3n principal por la que debe prestar mucha atenci\u00f3n al dise\u00f1arlo. Eche un vistazo al encabezado del sitio web de wpDataTables<\/a><\/strong>.<\/p>\n

El encabezado dicta el resto de la identidad del sitio web, lo que significa que puede personalizarlo de acuerdo con los objetivos de su sitio web. El impacto que tiene el encabezado de un sitio web<\/a> en un visitante debe ser el factor que lo motive a invertir m\u00e1s tiempo en dise\u00f1ar uno bueno.<\/p>\n

Este art\u00edculo representa una breve gu\u00eda sobre c\u00f3mo crear encabezados de WordPress personalizados. Contin\u00fae leyendo para aprender m\u00e1s sobre este tema.<\/p>\n

Comprender el concepto de un encabezado de WordPress<\/strong><\/h2>\n

\"Gu\u00eda<\/a><\/p>\n

Los temas de WordPress tienen una caracter\u00edstica que se llama encabezados personalizados. Esta funci\u00f3n significa que el tema admite la modificaci\u00f3n de la imagen del encabezado<\/a> seg\u00fan sus propios gustos para que pueda crear un encabezado personalizado para su sitio web.<\/p>\n

Cuando esta caracter\u00edstica est\u00e1 habilitada para el tema que est\u00e1 utilizando, puede reemplazar la imagen del encabezado predeterminado con un encabezado personalizado que elija. Los encabezados personalizados son mucho m\u00e1s agradables a la vista en comparaci\u00f3n con los predeterminados. Es por eso que debe usar la opci\u00f3n de encabezado de edici\u00f3n integrada de WordPress.<\/p>\n

En pocas palabras, el encabezado de WordPress puede influir en la decisi\u00f3n de un visitante de permanecer o no en el sitio web. Debido a que el tiempo promedio que un visitante pasa en un sitio web es un par de minutos, debe usar todas las opciones posibles para despertar su inter\u00e9s y mantener su atenci\u00f3n enfocada en lo que su sitio web tiene que decir.<\/p>\n

Los encabezados de WordPress se pueden personalizar agregando texto, widgets, etc. Ajustarlo seg\u00fan sus necesidades tendr\u00e1 un impacto visible a largo plazo.<\/p>\n

La importancia de los encabezados de WordPress<\/strong><\/h2>\n

Muchas personas evitan tener encabezados personalizados porque piensan que no es relevante para los visitantes.<\/p>\n

De hecho, un encabezado de WordPress personalizado puede dictar c\u00f3mo se percibe todo su sitio web. Si la atenci\u00f3n de un visitante no se despierta dentro de los 10-20 segundos desde el momento en que ingres\u00f3 al sitio web, lo abandonar\u00e1 de inmediato, aumentando la tasa de rebote.<\/p>\n

Un encabezado personalizado le dar\u00e1 m\u00e1s control sobre lo que transmite su sitio web. Modificar el c\u00f3digo del encabezado de WordPress exactamente como lo desea hace que el sitio web sea mucho m\u00e1s flexible de lo que era inicialmente.<\/p>\n

Otro h\u00e1bito que no es beneficioso para su sitio web es simplemente colocar su eslogan en el encabezado personalizado de su sitio de WordPress.<\/p>\n

Inventa algo \u00fanico<\/strong> para generar una buena impresi\u00f3n, de lo contrario, tu audiencia no estar\u00e1 satisfecha con su apariencia. Tambi\u00e9n hay una multitud de complementos de sitios web<\/strong> que pueden ayudarlo a crear un encabezado personalizado.<\/p>\n

\u00bfC\u00f3mo puede agregar un encabezado personalizado a su sitio de WordPress?<\/strong><\/h2>\n

\"Gu\u00eda<\/a><\/p>\n

Widgets de encabezado<\/strong><\/h3>\n

Ciertos temas de WordPress vienen con widgets. Estos widgets se pueden seleccionar desde el panel de administraci\u00f3n. Si el tema viene con un widget de encabezado separado, puede agregarlo a su sitio web y obtener un encabezado personalizado f\u00e1cilmente.<\/p>\n

Por ejemplo, puede agregar AdSense a su encabezado simplemente arrastrando el widget y pegando el c\u00f3digo. Si su tema no presenta una opci\u00f3n de widget, debe editar el encabezado por su cuenta. A continuaci\u00f3n se presentan algunas opciones.<\/p>\n

"Los widgets de encabezado son una soluci\u00f3n r\u00e1pida que crea la m\u00e1xima flexibilidad de dise\u00f1o sin ralentizar su sitio", dice Jerry Low de Build This<\/a>. \u00abSon lo suficientemente simples para que cualquiera pueda implementarlos y personalizarlos, y permiten a los webmasters insertar r\u00e1pidamente un llamado a la acci\u00f3n, un anuncio o cualquier otro elemento significativo de medios enriquecidos".<\/p>\n

Im\u00e1genes de encabezado personalizadas<\/strong><\/h3>\n

En primer lugar, si desea agregar im\u00e1genes de encabezado personalizadas, debe acceder al editor de encabezado de WordPress, que se puede encontrar en Apariencia – Encabezado.<\/p>\n

Se puede acceder a la cinta Apariencia desde el panel de control de WordPress en el lado izquierdo de su sitio web. Otra forma de llegar al editor ser\u00eda acceder a Apariencia y luego Personalizar y Medios de encabezado. Tenga en cuenta que las opciones pueden diferir de un tema a otro.<\/p>\n

Despu\u00e9s de llegar al editor, WordPress abrir\u00e1 su sitio en una demostraci\u00f3n en vivo. De esta manera, puede observar los cambios que realiza en tiempo real y decidir si disfruta o no del cambio.<\/p>\n

Una vez que haya ingresado al modo de vista previa en vivo, cambie la imagen de encabezado actual o la cargada anteriormente, con una nueva foto. Para hacer eso, simplemente necesita hacer clic en Agregar una nueva imagen. Al hacer clic en el bot\u00f3n, se abrir\u00e1 su biblioteca de medios, desde la cual puede elegir las fotos que carg\u00f3 en su sitio web antes o las fotos que puede cargar ahora mismo.<\/p>\n

Elija la foto que desea usar como imagen de encabezado y rec\u00f3rtela<\/a> seg\u00fan sus necesidades. Las dimensiones deben ajustarse para que el encabezado se ajuste al sitio web. Solo debe usar im\u00e1genes de alta calidad para esta tarea.<\/p>\n

Si desea tener algo realmente genial y bien dise\u00f1ado, como lo ten\u00eda WebDesignerDepot cuando se lanz\u00f3, lo mejor es contratar a alguien que brinde servicios de dise\u00f1o gr\u00e1fico<\/a> en Canva Pro<\/a>, Illustrator<\/a> o Affinity Designer<\/a>.<\/p>\n

Otra opci\u00f3n r\u00e1pida para cambiar la imagen del encabezado ser\u00eda hacer clic en Aleatorizar encabezados cargados o sugeridos. WordPress elegir\u00e1 una imagen aleatoria para el encabezado de su sitio web. Este es un m\u00e9todo r\u00e1pido para las personas que desean cambiar la apariencia de su sitio web a diario.<\/p>\n

V\u00eddeos<\/strong><\/h3>\n

\u00daltimamente, los videos parecen ser mucho m\u00e1s populares que las im\u00e1genes.<\/p>\n

Las im\u00e1genes de encabezado siguen siendo excelentes, pero los videos podr\u00edan reemplazarlas por completo en los pr\u00f3ximos a\u00f1os.<\/p>\n

Para agregar un video a su encabezado de WordPress, tiene dos opciones diferentes. Antes de aprender c\u00f3mo hacerlo, debe saber que todos los videos agregados al encabezado deben estar libres de sonido.<\/p>\n

.mp4<\/strong><\/h4>\n

La primera opci\u00f3n es agregar un video .mp4 desde su propia biblioteca multimedia. El \u00fanico formato de video que WordPress acepta en este momento es .mp4, as\u00ed que use un convertidor en l\u00ednea gratuito si no tiene este formato.<\/p>\n

Reduzca el tama\u00f1o del archivo tanto como sea posible sin perder demasiada calidad. El tama\u00f1o de su video debe ser de alrededor de 2000 \u00d7 1200 px. Despu\u00e9s de organizar su video, puede hacer clic en Seleccionar video y cargarlo. Los resultados ahora deber\u00edan estar visibles en su sitio web.<\/p>\n

Youtube<\/strong><\/h4>\n

La segunda opci\u00f3n es mucho m\u00e1s sencilla que la primera. El uso de videos de YouTube solo requiere copiar y pegar.<\/p>\n

Una vez que encuentre el video que desea usar, puede copiar la URL y pegarla en el formulario que encuentra en su editor de encabezado de WordPress. El video se cargar\u00e1 r\u00e1pidamente y deber\u00eda poder ver la vista previa. Vea si encaja dentro de su encabezado personalizado y, si no lo hace, busque otros que puedan verse mejor.<\/p>\n

Complementos que puede usar para crear un encabezado de WordPress personalizado<\/strong><\/h2>\n

El uso de un complemento de encabezado de WordPress puede hacer que su trabajo sea mucho m\u00e1s f\u00e1cil si no sabe c\u00f3mo editar el c\u00f3digo tan bien. Aqu\u00ed hay una lista de los mejores complementos que pueden ayudarlo a crear un encabezado personalizado y una breve descripci\u00f3n de sus caracter\u00edsticas:<\/p>\n

Encabezado \u00fanico<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

Unique Header es un complemento de encabezado de WordPress que definitivamente deber\u00eda probar. Puede agregar im\u00e1genes de su biblioteca de medios de WordPress o cargar otras nuevas.<\/p>\n

Los encabezados personalizados que cargue se pueden ordenar en funci\u00f3n de etiquetas y categor\u00edas, lo cual es excelente si desea cambiar el aspecto de su encabezado con bastante frecuencia. El complemento tiene m\u00faltiples funciones de las que puede beneficiarse enormemente si no tiene muchos conocimientos de codificaci\u00f3n.<\/p>\n

Debe saber que para usar el encabezado \u00fanico, debe encontrar un tema que no tenga una funcionalidad de encabezado integrada, que se describi\u00f3 anteriormente en este art\u00edculo.<\/p>\n

Las caracter\u00edsticas de Unique Header incluyen una interfaz f\u00e1cil de usar, agregando un encabezado a una determinada publicaci\u00f3n o p\u00e1gina, organizando los encabezados, habilitando y deshabilitando los encabezados y otros. El complemento tambi\u00e9n puede ser utilizado por principiantes.<\/p>\n

Barras laterales emergentes y widgets<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

Para las personas que desean tener encabezados personalizados m\u00e1s avanzados, Popping Sidebars & Widgets es definitivamente el mejor complemento. El complemento le permite crear sus propios widgets personalizados.<\/p>\n

Los widgets pueden ser de texto, de formulario o de redes sociales. Esto es muy conveniente porque simplemente puede arrastrar los widgets despu\u00e9s de crearlos. Puede publicar sus widgets en su encabezado real o cambiarlo por completo. El complemento le permite publicar widgets en otras partes de su sitio web, como la barra lateral o el pie de p\u00e1gina.<\/p>\n

Complemento del cargador de secuencias de comandos de pie de p\u00e1gina de encabezado<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

CreativeMinds lanz\u00f3 el complemento Header Footer Script Loader. Es un complemento especial, ya que tambi\u00e9n puede administrar diferentes scripts con \u00e9l. La versi\u00f3n premium cuesta alrededor de $ 40 por un sitio web y $ 60 por uno a cinco sitios web.<\/p>\n

El complemento tambi\u00e9n est\u00e1 respaldado por el soporte y las actualizaciones peri\u00f3dicas. El complemento permite a los usuarios precargar los scripts y estilos, lo que les da un control total sobre su apariencia y ubicaci\u00f3n. El complemento Header Footer Script es conocido por mejorar los tiempos de carga del sitio web al reducir la cantidad de scripts utilizados.<\/p>\n

Insertar encabezados y pies de p\u00e1gina<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

Este complemento llamado Insertar encabezados y pies de p\u00e1gina es tan simple como su nombre lo dice. Es un complemento muy comprensible que brinda a los usuarios la oportunidad de insertar c\u00f3digo directamente en el encabezado que desean cambiar.<\/p>\n

El complemento es gratuito y es compatible con la mayor\u00eda de los temas que proporciona WordPress. Tiene calificaciones muy altas y es apreciado por las personas que lo usan.<\/p>\n

M\u00e1s que eso, el complemento tiene una opci\u00f3n para cambiar todos los c\u00f3digos y scripts, independientemente de si se crearon con Java o HTML. El complemento es muy simple de configurar, lo que lo hace ideal para los principiantes de WordPress.<\/p>\n

Para cambiar f\u00e1cilmente el aspecto de su encabezado de WordPress, descargue el complemento gratuito y comience a jugar con \u00e9l. Tenga en cuenta que tambi\u00e9n puede agregar bloques de c\u00f3digo CSS para personalizar a\u00fan m\u00e1s la apariencia del encabezado.<\/p>\n

Encabezado y pi\u00e9 de p\u00e1gina<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

Encabezado y pie de p\u00e1gina es un complemento simple que verifica el c\u00f3digo de los encabezados y pies de p\u00e1gina de su sitio web. Puede editar el c\u00f3digo agregando l\u00edneas cuando quiera de una manera muy r\u00e1pida.<\/p>\n

El complemento se puede obtener de forma gratuita en WordPress.org y se publican actualizaciones peri\u00f3dicas para \u00e9l.<\/p>\n

Tambi\u00e9n debe saber que los creadores del complemento ofrecen soporte gratuito en caso de que tenga problemas con \u00e9l. Es un plugin que puede ser utilizado c\u00f3modamente desde cualquier dispositivo y por todos los usuarios.<\/p>\n

Scripts de encabezado y pie de p\u00e1gina<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

Este es otro complemento muy f\u00e1cil de usar para crear encabezados personalizados. El encabezado de WordPress se puede editar agregando sus propios bloques de c\u00f3digo, cambiando fuentes e incluso estilos.<\/p>\n

El complemento Scripts de encabezado y pie de p\u00e1gina le permite insertar c\u00f3digos CSS, etiquetas HTML o JavaScript en el c\u00f3digo predeterminado del encabezado. El complemento es muy simple y tambi\u00e9n puede ser utilizado por principiantes.<\/p>\n

C\u00f3digo de encabezado y pie de p\u00e1gina de AddFunc<\/a><\/h3>\n

\"Gu\u00eda<\/a><\/p>\n

El complemento AddFunc Head and Footer Code brinda a los usuarios la oportunidad de editar el c\u00f3digo para publicaciones espec\u00edficas. Esto es \u00fatil cuando no desea editar todo el sitio web. El complemento tambi\u00e9n es gratuito y demostr\u00f3 ser muy efectivo para este prop\u00f3sito.<\/p>\n

El complemento es muy compatible con Google Analytics y Facebook Pixel u otros servicios de seguimiento. Las actualizaciones de este complemento son r\u00e1pidas y receptivas. Si desea realizar un seguimiento de la informaci\u00f3n en su sitio web, esta podr\u00eda ser la mejor opci\u00f3n que tiene.<\/p>\n

Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n

wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n

\"Gu\u00eda<\/a><\/p>\n

Un ejemplo real de wpDataTables en la naturaleza<\/p>\n

Y es muy f\u00e1cil hacer algo como esto:<\/p>\n

    \n
  1. Usted proporciona los datos de la tabla.<\/li>\n
  2. Config\u00faralo y personal\u00edzalo<\/li>\n
  3. Publicarlo en una publicaci\u00f3n o p\u00e1gina<\/li>\n<\/ol>\n

    Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con hasta millones de filas<\/a>, o puede usar filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y hacerlo editable<\/a>.<\/p>\n

    \u00abS\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web\u00bb. S\u00ed, lo hay. Puede usar formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n

    \u00bfTe dije que tambi\u00e9n puedes crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n

    C\u00f3mo editar un encabezado de WordPress usando c\u00f3digo<\/strong><\/h2>\n

    En caso de que te preguntes c\u00f3mo editar el encabezado en WordPress usando el c\u00f3digo, est\u00e1s en el lugar correcto. Los c\u00f3digos de encabezado no son complicados y podr\u00e1 modificarlos simplemente copiando y pegando algunas l\u00edneas aqu\u00ed y all\u00e1.<\/p>\n

    Un encabezado de WordPress viene con configuraciones predeterminadas que se pueden modificar al agregarles otras l\u00edneas de c\u00f3digo. Para hacerlo, necesita encontrar el archivo que incluye el encabezado. Busque el panel de control de WordPress, seleccione Apariencia y luego Editor. Los archivos que se enumeran son los que componen su sitio web.<\/p>\n

    Deje el archivo header.php intacto, ya que representa las funciones del encabezado y no su apariencia. El aspecto del encabezado est\u00e1 controlado por el archivo styles.css, que desea buscar y editar. Antes de cambiar nada, se recomienda copiar y pegar el archivo original en un lugar seguro.<\/p>\n

    Otra opci\u00f3n para editar el encabezado de WordPress es a trav\u00e9s del tema que usas. La mayor\u00eda de los temas tienen opciones de personalizaci\u00f3n. Estas opciones le permiten editar el sitio y ver los cambios que realiza en vivo, para ayudarlo a decidir si los cambios son los que desea o no.<\/p>\n

    La mayor\u00eda de los temas tienen una opci\u00f3n de CSS. Con esta opci\u00f3n, puede pegar l\u00edneas de c\u00f3digo aqu\u00ed para editar el aspecto del sitio, en este caso, el encabezado. El comando para cambiar el color de fondo se ve as\u00ed:<\/p>\n

    .header { background: white;}<\/code><\/p>\n

    Otros comandos para personalizar el encabezado de tu sitio web<\/strong><\/h2>\n

    Por supuesto, puede cambiar mucho m\u00e1s que solo el color del fondo. Puede reemplazar otras l\u00edneas de c\u00f3digo para modificar la apariencia del encabezado. Algunos de estos son:<\/p>\n