Como Personalizar WordPress mediante HTML: mitos y verdades

WordPress es, sin duda, una de las mejores herramientas de gestión de contenidos para crear un blog. Su popularidad se ha extendido a tal grado que permite agregarle nuevas funcionalidades que incluyen la inserción de código HTML en secciones clave.

Pero, cuando buscamos personalizar nuestro blog mediante el HTML, es bueno que conozcas qué podemos y que NO podemos hacer.

Cambios en un blog gratuito

Lo que es posible hacer un blog gratuito es casi limitado, por no decir escaso. Lo único que se podría insertar mediante el uso de código HTML  es a través de un widget de texto.  Ve a Apariencia>Widgets, y luego selecciona un widget de texto y arrastralo hasta la zona disponible para tal efecto. Después, le das un titulo al widget y en el campo de abajo insertas lo que quieras colocar.

Ahora bien, no necesitas ser un experto en HTML para colocar lo que quieras. En este articulo, titulado Como crear codigo HTML usando tu blog de WordPress, enseño la manera de insertar código en tu blog, sencillo y sin necesidad de complicarse tanto. Si sigues cada uno de los pasos que allí se detallan, podrás personalizar tu blog sin mayor problema.

Salvo ese cambio en tu blog, no podrás hacer mas cambios en HTML a tu blog gratuito. Si bien todas las plantillas tienen estilos, lo único que se puede hacer es la posibilidad de modificarlos mediante la compra de una mejora de CSS disponible desde tu blog gratuito.

Además, no podrás insertar publicidad de Adsense, ni publicidad de programas de afiliados; de otro modo, tu blog podría ser cerrado sin previo aviso.

**VIDEO GRATUITO: Como Crear Un Blog 100% Profesional y Rentable, ¡Garantizado!
Haz clic aqui y descargalo AHORA

A la hora de personalizar WordPress mediante código HTML, es muy importante preguntarse que es lo que deseo personalizar con mi blog. Si quiero lograr una mejora especifica, entonces debo buscar algo especifico que solucione ese problema. Y como las opciones son variadas, es necesario saber que es lo que quiero cambiar o mejorar, y donde debo insertar el código.

Cambios en un blog de pago – Herramienta para crear tus propios themes

En un blog de pago, las opciones son ilimitadas, debido a que en un theme de WordPress se puede hacer todo tipo de modificaciones usando el editor de código.

Por lo general, un theme de WordPress cuenta con los siguientes archivos:

PLANTILLAS

  • barra lateral (sidebar.php)
  • cabecera (header.php)
  • comentarios (comments.php)
  • funciones del tema (functions.php)
  • pie de pagina (footer.php)
  • plantilla de la pagina principal (index.php)
  • style.php (style.php)

ESTILOS

  • Hoja de estilos (style.css)

Además de estos archivos, el theme debe venir con una serie de imágenes que contienen la información grafica que se mostrará en pantalla cuando se acceda al sitio. La falta de uno de estos archivos o su mala modificación hace que no funcione correctamente la plantilla o que entre en conflicto con otros componentes del blog, por ejemplo, los plugins.

Si quieres crear tus propias plantillas, existen generadores online de plantillas para WordPress que permiten descargarlas una vez hayamos decidido los cambios que vamos a hacer. Se llama WordPress Theme Generator. Para visualizar las plantillas descargadas se requiere de un servicio de hosting pago en el cual se puedan instalar.

¿Qué cosas deseas modificar específicamente en tu blog? Déjame tus comentarios en la parte de abajo, YO mismo los estaré respondiendo.

Andrés Aponte
VIDEO GRATUITO: Como Crear Un Blog 100% Profesional y Rentable

Anuncios

29 comentarios el “Como Personalizar WordPress mediante HTML: mitos y verdades

  1. Hola buenas,

    a ver si es posible…
    quisiera quitar el header para poner uno mío,
    y quitar los widgets de la derecha sólo en páginas especificas del blog,

    de hecho he conseguido lo del header superponiendo otro header mío,
    pero de momento no lo tengo del todo solucionado pq entonces el WordPress pierde los estilos, …
    seguiré intentándolo

    saludos,
    Cristian

    • Hola cristian, Muchas gracias por tu comentario.

      El cambio del header por el tuyo propio es posible solo en aquellas paginas que tengan disponible el header, si hablamos de blog gratuito. Para encontrar plantillas con esta caracteristica, buscalas en el buscador de temas de wordpress.com bajo el termino “custom-header”, elige la que mas te guste y luego edita la cabecera yendo a Apariencia>cabecera. Es mucho mas facil.

      Y en cuanto a los widgets, si es posible hacerlo, pero solamente en las paginas y en las plantillas que lo permitan. Para ello ve a una pagina que hayas creado, es decir, como si fueras a editarla, y debajo de donde esta el boton azul de publicar o actualizar, hay una seccion llamada atributos de pagina. En la parte donde dice “plantilla” debes elegir algo que diga “No sidebar”, luego guardas cambios y podras ver que en algunas paginas aparece la barra lateral, pero en otras no.

      Tambien puedes controlar en que orden son mostrados, si deseas que se muestren.

      Para ver un ejemplo, haz clic sobre este enlace.

      Andres
      https://comocrearunblog3.wordpress.com
      http://dominatublogdewordpress.com/blog

      P.D.: alguna otra pregunta?

      • Buenas!! http://musicoterapiactiva.com/wordpress es mi primera en wordpress.. como vereis no esta acabada..y por eso recurro a ti para a ver si podeis ayudarme en lso flecos que me quedan, ahí van:
        He buscado info por ahi pero al parecer, depende del theme en cuestion, que en mi caso he creado yo de cero con el Artisteer.. la cuestion es ¿como podria hacer para pulsando en el header de la pagina me fuera a la pagina de inicio?
        Ahí va el código de style.css

        Código: [Seleccionar]

        /* begin Header */
        div.art-header
        {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        width: 1095px;
        height: 225px;
        overflow: hidden;
        }

        div.art-header-jpeg
        {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 1095px;
        height: 225px;
        background-image: url(‘images/header.jpg’);
        background-repeat: no-repeat;
        background-position: center center;

        }

        /* end Header */

        Y este el del Header.php

        Código: [Seleccionar]

        < html xmlns="http://www.w3.org/1999/xhtml&quot; >

        < meta http-equiv="Content-Type" content="; charset=” / >

        < link rel="stylesheet" href="” type=”text/css” media=”screen” / >
        < link rel="stylesheet" href="/style.ie6.css” type=”text/css” media=”screen” / >
        < link rel="stylesheet" href="/style.ie7.css” type=”text/css” media=”screen” / >
        < ?php if(WP_VERSION
        < link rel="alternate" type="application/rss+xml" title="” href=”” / >
        < link rel="alternate" type="application/atom+xml" title="” href=”” / >

        < link rel="pingback" href="” / >

        < link rel="shortcut icon" href="/favicon.ico” / >

        < script type="text/javascript" src="/script.js” >

        < body >
        < ?php
        ob_start();

        muchas gracias

      • Hola, muchas gracias por tu comentario.

        Personalmente esta es la primera vez que se de Artisteer, creo que le dedicaré un post. Todos los dias se aprende algo nuevo…

        Revisando tu pagina, noto que no tiene un titulo. Para configurar el titulo, ve a Ajustes>Generales. Alli le puedes poner un titulo y un slogan a tu sitio. Pero, una vez se los pongas, estos serán visibles en tu sitio y quedaran superpuestos en el logo, que por cierto, me parece muy bonito. Cuando le pongas un titulo a tu blog, te daras cuenta de que al hacer clic en el te llevara a la pagina de inicio.

        Si bien artisteer es un programa muy completo para crear estos themes (tambien soporta drupal, blogger, joomla, etc) te sugiero buscar themes de newwpthemes y woothemes, este ultimo trae espacios para colocar tu propia publicidad y para colocar tu logo; cuando haces clic sobre el, te llevará a la pagina de inicio, sin sacrificar el logo ni nada.

        Otra sugerencia: instala el wordpress en la raiz, es decir, en http://musicoterapiactiva.com y no en /wordpress como lo tienes. Una instalacion asi es cuando quieres dejar una pagina aparte y reservas la raiz para colocar un video introductorio. Si quieres un ejemplo mira en http://dominatublogdewordpress.com y en http://dominatublogdewordpress.com/blog

        Otra nota: el codigo de style.css y el de header.php no estan completos.

        Espero te sea de utilidad. Si tienes otra pregunta, por favor dejala aqui mismo en la seccion de comentarios.

        Saludos
        Andres
        https://comocrearunblog3.wordpress.com
        http://dominatublogdewordpress.com

  2. Buenas de nuevo!! gracias por la rápida respuesta.. la verdad es que no tengo pensado ponerle Titulo ni Descripcion al Blog.. pues la diseñadora me dió el diseño así y acordamos dejar las cosas tal como estan.. asi que creo que tendré que buscar otra formar de poner un link en el header.. para instalar todo el contenido en la pagina (tal y como esta) tendría que copiarlo al directorio raiz del hosting para que aparezca simplemente http://musicoterapiactiva.com? o simplemente me compensa redireccionarlo de http://musicoterapiactiva.com/wordpress a simplemente http://musicoterapiactiva.com ??

    El Artisteer no esta mal del todo, pero tiene opciones algo limitadas, aunque visualmente esta bien para maquetar el theme como quieres.. luego es bastante lioso para cambiar las css y el html para que personalizar algunas opciones y widgets segun la sección.. y eso me hallo metido ahora mismo..
    Jejeje.. creo que voy abusar un poco de tu amabilidad y sabiduria y hacerte una preguntilla más.. mientras intentaré seguir trabajando para a ver si encuentro solución a los problemas de la pagina..

    • Hola, gracias por volver de nuevo… y por tu comentario.

      La cuestion con colocar el titulo y la descripcion es que eso es lo que Google indexa cuando un usuario escribe un termino de busqueda. Por ejemplo, si tus palabras clave son musicoterapia para niños o musicoterapia en niños, Google mostrará esas busquedas cuando la persona escriba esos resultados, y si tu pagina los tiene como titulo o descripcion o los dos, pues eso hara que te muestren, claro esta, debes ser relevante.
      Recuerda que los buscadores son tu mejor aliado a la hora de conseguir visitas, y que Google no indexa el diseño visual de un sitio, indexa el contenido y las keywords que este tenga, por lo tanto, usar estas palabras clave en los titulos seria una buena opcion.
      En cuanto a la redireccion, determina cual va a ser el sitio principal. Lo que entiendo es que quieres dejar uno para un web site convencional y el otro para un blog, y si bien esto es valido, recuerda que wordpress puede ser usado como blog y como web site.
      No es necesario hacer copia del directorio raiz, instala un wordpress nuevo en la carpeta raiz, y activa la plantilla desde ese nuevo. Todas las plantillas deberian venir en formato .zip y las subes desde donde instalas el theme, en la seccion de apariencia. para instalar wordpress en el directorio raiz, usa las herramientas que vienen incluidas en el hosting.
      Respecto al Artisteer, te aconsejo que si ves que te da problemas para editar el css y el html, mejor inclinate por una opcion mas sencilla que te ahorre tiempo y te permita concentrarte en cosas mas importantes, como por ejemplo, crear contenido que atraiga lectores a tu blog.
      Te lo digo por experiencia, acabaras con estres por que no has conseguido hacer esos cambios que querias y ademas perderas tiempo valioso.
      Un saludo, y si tienes otra pregunta, por favor dejala aqui mismo en la seccion de comentarios.

      Andres
      https://comocrearunblog3.wordpress.com
      http://dominatublogdewordpress.com/blog

  3. Jejeje.. no, el blog no es para mí, si no un encargo.. soy Freelance creador web y es mi primer encargo para WordPress, de ahí mis palos de ciego.. y no, lo del contenido no me voy ocupar yo.. la web será web para anunciar unos servicios, consejos y sesiones de musicoterapia.. mi único próposito es dejar la web tal y como me la encargarón, asi que.. en cualquier caso, gracias por la puntualización sobre los buscadores.. lo tendré en cuenta.. ahora tengo que solucionar lo del header..
    La web será como te digo de contenido y para servicios, pero si tendra una seccion de blog (en esa seccion, quiero configurar ciertos widgets para que solo aparezcan ahí, a ver si me puedes decir como hacer esto.. como poner una seccion de calendario, archivos, etc.. solo para la seccion blog).
    Asi que finalmente, tendre la pagina como tan solo como dominio.. http://musicoterapiactiva.com
    lo redirecciono y ya, no? un saludo.

  4. Pingback: Estadísticas y Contenido en un blog de WordPress | Domina Tu Blog De WordPress

  5. Hola, quería saber hago para borrar la fecha de publicación de los post. Por lo que estuve viendo hay q cambiar el código html, pero no encuentro cómo hacerlo.
    Aguardo tu repta!
    Gracias

  6. Hola,

    quería saber cómo puedo, con wordpress.com (gratuito), personalizar (además de la cabecera y fondo que ya lo he hecho con tus consejos), el tipo del letra, colores de los menús, colores, etc.

    Muchas gracias!

    • Hola, gracias por preguntar.
      Eso depende del tipo de plantilla que escojas. Para ello, puedes ir a Apariencia-Temas y luego hacer clic en filtros avanzados. Alli se desplegara una lista y tan solo debes marcar las que necesitas y el sistema te arrojará una serie de resultados, dependiendo de lo que estes buscando.
      Luego de instalar la plantilla, ve a las opciones personalizadas de la plantilla y edita las opciones que tenga.
      Saludos
      Andres
      http://dominatublogdewordpress.com/blog

  7. Hola bueno, mira lo unico que deseo saber es como ver mis estadisticas (Cantidad de Visitas ala web | Visitas por Entradas) no sé verlo desde mi pagina web, me podria decir como logro verlos? y si en caso me falta agregar algo me puede dar la respuesta gracias .. Saludos!

  8. Hola Andrés. Soy estudiante de Webmaster. Recién estoy incursionando en wordpress. Necesito colocar el título, las metatag, alt a las imágenes y no encuentro en wordpress la forma de ingresar al html para agregar o modificar. Lo puedo hacer de una manera externa? y si no cual es la forma interna de poder hacerlo?. Desde ya muchas gracias por su repuesta. Atte. Walter de Argentina

  9. Hola Andrés, No entiendo bien si para hacer cosas como las que explico a continuación puedo tener el blog en wordpress.com gratuito; o si debo ir a la opción paga; o si en realidad debería usar wordpress.org. Ya he leido articulos al respecto, pero sigo sin entenderlo del todo.
    Por ejemplo, en la columna de la derecha quiero poder colocar una imagen (gif o jpg) con un enlace a otra página.
    Tambien quiero poder sincronizar mi blog con mis pagina de facebook y G+.
    Qué opción debería tomar? Muchas gracias desde ya por tu ayuda. Saludos, Gabriel

    • Hola Gabriel,
      Cuando se crea un blog en wordPress.com te permite dar a conocer informacion. alli puedes colocar enlaces a otros sitios web. Como tal, no podrás vender directamente desde tu blog creado en WordPress.com. Un ejemplo: yo no vendo nada en este sitio, pero puedo dejar un enlace hacia otro de mis sitios web.
      WordPress.org se utiliza cuando quieres crear un sitio web propio. No solo te permite vender tus productos, tambien puedes enlazar a tus cuentas de facebook y Google+ porque te permite instalar plugins, que son los que permiten hacer esto mas facil.
      Por lo tanto, la decision esta en lo que quieras hacer. Si solo quieres dar a conocer informacion, sin animo de lucro, WordPress.com es el lugar ideal; si quieres vender y aumentar la funcionalidad que tiene tu sitio web, ademas de poseer un nombre de dominio propio, Se debe utilizar WordPress.org, instalandolo desde el hosting.
      Si tienes otra pregunta, no dudes en dejarla.
      Saludos,
      Andres
      http://dominatublogdewordpress.com/blog

  10. Hola buenas!
    Haber si me puedes hechar un cable.
    Este es mi blog: aviariovile.wordpress.com
    Quisiera poner el texto que aparece en amarllo (novedades) en movimiento, cómo lo puedo hacer???

    Muchas gracias de antemano.

    Saludos y felicidades por este gran blog.

  11. Hola, espero me puedas ayudar, quisiera saber si es posible agregar en el sidebar un widget para que mis lectores me dejen sus comentarios, actualmente aparece una frase de “tu comentario puede ayudar” al final de alguna de las entradas,muchas gracias, saludos
    Anglk

  12. Hola espero puedas ayudarme, necesito crear en la barra lateral un widget para que el lector al pinchar se despliegue un espacio donde dejar su comentario, nombre y correo electronico, gracias anticipdas, saludos
    Angelines

  13. Hola necesito eliminar el espacio inferior de pie de pagina y superior de cabecera que tiene el tema Twenty eleven por defecto, he visto header,php y footer.php pero no encontre la solución, también style.css, saludos.

  14. Para poner Adesensen o anuncios afiliados en mi blog de wordpress, necesito comprar el dominio o subir al modo de pago llamado PRO?

  15. Hola no estoy muy segura del ejemplo que pones del código HTML para WP gratuito, hay que repetirlo para cada entrada o solo basta con una vez que se realice?. Por favor dime cuáles son los cambios que se van a conseguir en la apariencia del blog, lo que explicas es muy fácil y didáctico pero quisiera saber exactamente el cambio que se logra. Muchas gracias

  16. Hola, He creado un blog con una plantilla que me gusta mucho pero el cuadro de las entradas me parece muy corto, es un blog de noticias y me gustaria ampliar el espacio del recuadro donde esta la información, además me gustaría hacer más grande el titulo del blog.
    Gracias por la ayuda.
    Un saludo.

    • hola, cordial saludo.

      Lo tienes alojado en un sitio gratuito de WordPress? Porque la unica manera de hacer esos cambios es ver si la plantilla permite hacerlo desde las opciones que tenga; la otra opcion es tocando el código, pero si estas en WordPress.com, solo se puede hacer comprando las opciones premium.

      Revisa Para más información.

      Atentamente,

      Andrés

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s