22 thoughts on “(Español) Como añadir un favicon a tu pagina web en WordPress

  1. Pingback: Guia para crear pagina web | David Sánchez Plaza | David Sanchez Plaza

  2. Hola David! he seguido los pasos que dices pero sigue sin aparecerme el favicon, sabes porqué puede ser? he subido la imagen a la librería multimedia en vez de a la ftp, pero yo no tengo acceso a ella. Gracias!

      • Hola a los dos!
        No es que se pueda acceder a “la fpt” esa… FTP file transfer protocol es una forma de subir archivos a tu servidor. Cuando comprasteis la pagina, o donde quiera que esté alocada, tendriais que tener acceso por eso de haber instalado y cargado wordpress.
        A eso me refiero con ftp. Es basicamente para subir tu archivo.

  3. Seguramente lo que pregunte es de cajón. Pero estoy montando mi página web en wordpress y no sé en que parte de aquí debo pegar las líneas indicadas.

    ¿podrías resolverme la duda?

    gracias

    /*========================*/
    /*=== 5. Header ===*/
    /*========================*/

    header { z-index: 999; position: relative; background: #fff; }

    header .logo { float:left; padding:20px 0; }
    header .logo img { height: auto; }
    header .logo img.retina-logo { display: none; }
    header .inner { position: relative; }

    #header-wrap {
    background: rgba(255,255,255,0.98);
    }

    /*Sticky Header */

    .vntd-sticky-now {
    position: fixed;
    top: auto;
    width: auto;
    top: 0;
    }

    .vntd-wide .vntd-sticky-now {
    width: 100%;
    }

    .admin-bar .vntd-sticky-now {
    top: 32px;
    }

    /*Header Styles */

    .header-style-centered .logo,
    .header-style-bottom .logo,
    .header-style-centered .nav,
    .header-style-bottom .nav,
    .header-style-centered .nav ul li {
    float: none;
    }

    .header-style-centered .logo {
    padding-bottom: 0;
    }
    .header-style-centered .logo img {
    margin: 0 auto;
    }

    .header-style-centered .nav ul li {
    display: inline-block;
    }

    .header-style-centered .nav {
    text-align: center;
    padding: 11px 0 15px 0;
    margin: 0;
    }

    .header-style-centered .nav > div {
    display: inline-block;
    float: none !important;
    }

    .header-style-bottom .nav > div > ul li ul,
    .header-style-centered .nav > div > ul li ul {
    top: 45px;
    text-align: left;
    }

    .header-style-centered .nav-cart-products {
    top: 14px;
    }

    /*Style Bottom*/

    .nav-bottom {
    background: #fff;
    border-bottom: 1px dotted #ddd;
    }

    .header-style-bottom .logo {
    display: block;
    }

    .header-style-bottom .nav-bottom {
    border-top: 1px dotted #ddd;
    }

    .header-style-bottom .nav-cart-products {
    top: 0px;
    padding-top: 35px;
    }

    .header-style-centered #header-wrap,
    .header-style-bottom #header-wrap {
    border: 0;
    }

    .header-style-bottom .nav {
    margin: 5px 0 8px 0 !important;
    }

    /*Revslider*/

    .revslider-wrap {
    margin-bottom: 30px;
    }

  4. David, tu intención es buena pero la explicación es un poco confusa.

    A ver, hay que crear la imágen y llamarla “favicon.ico”, se sube por algún programa de FTP (El que no sepa que es FTP que directamente ni lo intente porque lo que no puedo entener es como cojones ha tenido huevos a configurar un WordPress). Luego hace como bien dice David, te vas al “Escritorio”, a “Apariencia” y haces click en “Editar”, Editas el fichero que se llama “cabecera” o “header.php” y verás un montón de código, bueno, pues hay que pegar el código que hace el llamado a la ubicación del favicon, insertándolo justo encima de donde veais que pone “”.
    El código a pegar es este: <link rel="shortcut icon" href="/favicon.ico” />

  5. Me gustaría aportar y ayudar en este tema.

    Para que no ocurra lo que bien comentas de que la próxima vez que actualices tengas que hacerlo otra vez, mi recomendación es la siguiente:

    Haced todos los pasos como indicas, (o bien guardarlo en el raiz o donde se quiera, pero esimportante guardar la ruta) y entonces utilizar este codigo en el archivo functions.php, al cual puedes acceder o bien mediante FTP o desde Apariencia –> Editor y buscar el functions.php, e incluuir el siguiente trozo de codigo:

    // Favicon para la web
    add_action(‘admin_head’, ‘show_favicon’);
    function show_favicon() {
    echo ”;
    }
    // End favicon para la web

    // Favicon Dashboard
    function pa_admin_area_favicon() {
    $favicon_url = get_bloginfo(‘url’) . ‘http://www.TUNOMBREDEDOMINIO.com/wp-content/themes/NOMBREDEPLANTILLA/favicon.ico?v=2′;
    echo ”;
    }
    add_action(‘admin_head’, ‘pa_admin_area_favicon’);
    // End favicon Dashboard

    De esta forma no importa que actualices, siempre estar ahí. Para todos los curiosos el poner ?v=2, no es nada mas que una forma de forzar que coja el archivo, ya que si hemos tenido otro favicon anteriormente la cache nos jugara una mala pasada.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>