
WordPress es el sistema de gestión de contenidos más utilizado en Internet para crear y mantener blogs. Las siglas en inglés de este tipo de programas son CMS (Content Management System).
Lo que diferencia a un CMS de un programa para crear páginas web con tecnología HTML es el hecho de que los CMS separan claramente el diseño del blog de su contenido. Es decir, el diseño se puede cambiar todas las veces que uno quiera de forma muy sencilla, sin que el contenido se vea afectado. Y al revés, el contenido se puede cambiar sin que el diseño se vea afectado.
En una página web tradicional, el diseño y el contenido están tan relacionados que es mucho más trabajoso hacer cambios que afecten a toda la web en su conjunto.
Nos consta que hay miles de webmasters que gestionan páginas web creadas con tecnología HTML a los que les gustaría poder integrar un blog wordpress en su sitio web, sin tener que modificar sus páginas web actuales.
En este tutorial os vamos a mostrar cómo hemos integrado un blog wordpress en nuestra página web HTML. Podéis ver el resultado en el siguiente enlace:
https://www.msdsoft.com/esp/blog/
1.- Requisitos previos
Lo primero que hay que hacer es comprobar que en el servidor donde esté alojado el sitio web están disponibles versiones recientes de PHP y MySql. Los requerimientos mínimos para instalar WordPress en un servidor varían con las versiones. Podéis consultarlos en esta página web (en inglés).
2.- Instalación de WordPress
Si tenéis alojada la página web en un servidor con cPanel, seguramente dispondréis de Fantastico, un software que permite instalar muchos programas y servicios con un par de clics del ratón, entre ellos WordPress.
Aquí tenéis una imagen de la pantalla de Fantastico que permite instalar WordPress automáticamente en una carpeta de nuestra elección:
Si no disponéis de Fantastico ni de otro servicio que os permita instalar WordPress de forma automática, tendréis que instalarlo manualmente. Para ello debéis descargarlo desde esta página web.
Os recomendamos que instaléis WordPress en un directorio llamado blog que crearéis en vuestro sitio web, normalmente colgando del nivel superior, aunque se puede poner en cualquier parte. Por ejemplo, en nuestra web lo hemos creado en msdsoft.com/esp/blog.
Si utilizáis un instalador automático de WordPress, deberéis indicarle el directorio de instalación que habéis creado en el paso anterior. Una vez finalizada la instalación, tendréis todo preparado para funcionar, incluida la base de datos con todas sus tablas. Los siguientes pasos que indicamos a continuación sólo son necesarios si la instalación se realiza manualmente.
Subir WordPress al servidor
Si realizáis la instalación manualmente, deberéis descomprimir el fichero que habéis descargado en el paso anterior en un directorio de vuestro disco duro y después deberéis copiar todo el contenido de dicho directorio al directorio de instalación del blog, para lo que deberéis utilizar un programa FTP (Filezilla es gratuito y muy bueno). Después tendréis que realizar algunas tareas más antes de tener el blog WordPress funcionando.
Crear la base de datos MySql
Si habéis instalado WordPress con una herramienta como Fantastico, además de copiar todos los ficheros necesarios al directorio de instalación, el proceso habrá creado una base de datos MySql, que es donde se guardan los artículos del blog.
Sin embargo, si estáis realizando la instalación a mano, deberéis crear vosotros la base de datos utilizando un programa como phpMyAdmin, En caso de que no sepáis cómo hacerlo, simplemente solicitad al personal de soporte de la empresa donde tenéis alojada la página web que os creen una base de datos MySql para WordPress con un usuario privilegiado (suele ser admin).
Una vez tengáis creada la base de datos, deberéis disponer de su nombre (por ejemplo «NombreBaseDatos»), de un usuario (por ejemplo «NombreUsuario») y de una clave de acceso (por ejemplo «ClaveAcceso»).
Configurar la base de datos en WordPress
En el caso de realizar la instalación manualmente, hay que ejecutar un script llamado install.php para que, entre otras cosas, se creen las tablas en la base de datos.
Lo primero que hay que hacer es copiar el fichero wp-config-sample.php, que encontraréis en el directorio de instalación (en nuestro caso en el directorio blog) en otro fichero llamado wp-config.php. Es necesario editar este fichero para indicarle, entre otras cosas, los datos de acceso a la base de datos MySql. Este es el contenido del fichero wp-config.php en nuestro blog:
// ** Ajustes de MySQL. Solicita estos datos a tu proveedor de alojamiento web. ** // /** El nombre de tu base de datos de WordPress */ define('DB_NAME', 'NombreBaseDatos'); /** Tu nombre de usuario de MySQL */ define('DB_USER', 'NombreUsuario'); /** Tu contraseña de MySQL */ define('DB_PASSWORD', 'ClaveAcceso');
Otra cosa que hay que actualizar en este fichero son las claves únicas de autentificación, que se pueden conseguir en esta página web. Después de visitar la web, aparecerán unas líneas con las que deberéis sustituir las correspondientes del fichero wp-config.php. Este es un ejemplo:
define('AUTH_KEY', 'hFnc!|;>6-xU**CN%<B$-IOY/HePI>8$/JjWOU~-at?YaX1S/EOi#2Rq]69>>5vj'); define('SECURE_AUTH_KEY', 'j`w7xx8V]Tb7uob-+jFW[R0]|R=g35L0ITCIhq0ZiSrZq1iESvcA>^X+[DV~;-+-'); define('LOGGED_IN_KEY', '+O~@icI;^*]FV[rx6cY%Se.{J;#FSg$||K/WZ=})(F|T{nyi@)%!`u`B(wVrVq&d'); define('NONCE_KEY', 'xw9jV[uP0p+ueb*>Lwp:O+wTA8z<LmMzZHA_p&.m]*=o:TCZU(4*TFdB1{$w$+Dm'); define('AUTH_SALT', '0vb$y+?tV+d1}J!kr+Qr, w.=zpxES-aprVkvN(Gxj.Yg>`%r#tSVM-E:5):DlDS'); define('SECURE_AUTH_SALT', 'zpdrbkH)AD-X7w:&GxS&=);g|P#K4K1zzoP#&Y@+y!bjysXk-8x._HGUEynqCLrx'); define('LOGGED_IN_SALT', '$zKb@U-V%4BAO|`a/UR|q#+``!LO[]!yeWeT!u|tDAvf96Tex[18`eJ&b|0brcc('); define('NONCE_SALT', 'didUp,FP!xc.RhN^0c5 iDQysI,5x+]m#GW>&qcI>/w#,)~Kr*]|$W9iB}#IU)&E');
Otras líneas que posiblemente tendréis que cambiar hacen referencia al prefijo del nombre de la base de datos MySql y al idioma del blog. Este es un ejemplo con valores por defecto:
/** * Prefijo de la base de datos de WordPress. * * Cambia el prefijo si deseas instalar multiples blogs en una sola base de datos. * Emplea solo números, letras y guión bajo. */ $table_prefix = 'wp_'; /** * Idioma de WordPress. * * Cambia lo siguiente para tener WordPress en tu idioma. El correspondiente archivo MO * del lenguaje elegido debe encontrarse en wp-content/languages. * Por ejemplo, instala ca_ES.mo copiándolo a wp-content/languages y define WPLANG como 'ca_ES' * para traducir WordPress al catalán. */ define('WPLANG', 'es_ES');
Finalizar la instalación de WordPress
En el caso de realizar la instalación manualmente, hay que ejecutar un script para que, entre otras cosas, se creen las tablas en la base de datos que acabamos de crear. Para finalizar la instalación del blog WordPress basta con poner en un navegador la URL donde hemos instalado el blog. Por ejemplo:
http://www.tupaginaweb.com/blog/
Si todo ha ido bien, WordPress indicará que la instalación ha finalizado correctamente y nos habrá enviado un correo electrónico a la cuenta de correo que hayamos elegido durante el proceso de instalación, donde nos indicará la URL de acceso al panel de control del blog, así como el nombre de usuario y la contraseña para entrar.
En la imagen siguiente se pueden ver las tablas que WordPress crea en la base de datos MySql. Como se puede apreciar, nosotros hemos usado el prefijo wpesp_, pero por defecto el prefijo que utiliza WordPress es wp_ y es el que os sugiero que utilicéis.
Para poder manejar el blog que acabáis de crear necesitáis acceder al Panel de Control de WordPress (Dashboard). Esta es la dirección que debéis introducir en el navegador:
http://www.tupaginaweb.com/blog/wp-login.php
Si habéis tenido algún problema instalando WordPress, quizás os sea de utilidad esta guía de instalación de WordPress en cinco minutos (está en inglés).
3.- Creación de un Tema hijo
Los temas de WordPress son un conjunto de ficheros que cambian el aspecto del blog sin afectar a su contenido. Simplemente cambiando de tema, nuestro blog puede tener un aspecto completamente distinto.
Para instalar un blog WordPress en nuestra página web deberemos elegir el tema que más nos guste. Hay miles de temas en Internet, algunos gratuitos y otros de pago.
Independientemente del tema que elijamos, es recomendable crear un tema hijo, y utilizar dicho tema hijo para nuestro blog. La razón para utilizar un tema hijo es que si trabajamos directamente sobre un tema padre, todos los cambios que hagamos se perderán cada vez que WordPress actualice dicho tema. Sin embargo, si utilizamos un tema hijo, podremos actualizar el tema padre sin perder nuestros cambios.
Para crear un tema hijo, basta con crear una carpeta colgando de wp-content/themes con el nombre que deseemos. Por ejemplo, si usamos un tema por defecto de WordPress como twentythirteen, nuestro tema hijo podría llamarse twentythirteen-child.
Dentro de esa carpeta twentythirteen-child crearemos un fichero llamado style.css con este contenido:
/* Theme Name: Twenty Thirteen Child Theme URI: http://example.com/twenty-thirteen-child/ Description: Twenty Thirteen Child Theme Author: John Doe Author URI: http://example.com Template: twentythirteen Version: 1.0.0 */ @import url("../twentythirteen/style.css");
Este archivo sytle.css sustituye al fichero del mismo nombre del tema padre, por eso se añade la orden import. Este fichero define el aspecto que tendrá nuestro blog, y deberemos hacer en él los cambios que sean necesarios para que el aspecto final del blog sea similar al de la página web html.
Una vez hayamos creado el fichero style.css, deberemos copiar los siguientes ficheros del tema padre en el directorio del tema hijo:
- header.php
- footer.php
Esta operación podemos hacerla usando el gestor de archivos del panel de control del servidor donde tenemos alojada la web, o utilizando un programa de transferencia de ficheros FTP.
Una vez realizados los pasos anteriores, el tema hijo aparecerá en el panel de control de WordPress en el menú «Apariencia-Temas». Lo único que tendremos que hacer es seleccionarlo y activarlo.
4.- Configuración del Tema Hijo
Lo que vamos a hacer ahora es convertir el blog WordPress que acabamos de crear en una copia exacta de la página web html donde lo vamos a integrar. Para ello vamos a copiar las partes comunes de nuestra página html (cabecera, barra lateral y pie) dentro de los dos ficheros header.php y footer.php.
Dependiendo de la estructura de la página web html deberemos copiar la información en el fichero header.php o en el footer.php. De cualquier modo, el objetivo es que estos dos ficheros contengan todo el código html de la cabecera, la barra lateral y el pie de la página heml. La cuestión es colocar esa información en el sitio correcto.
En nuestro caso, la web html está creada con plantillas (templates), por lo que la cabecera, la barra lateral y el pie de todas las páginas es común. Para editar los ficheros php deberéis elegir una página cualquiera de vuestra web, a ser posible una con poca o ninguna información, para que casi todo el código html sea la parte común de la web.
En la imagen siguiente podéis ver el aspecto que tiene una página vacía de la web html donde hemos integrado el blog WordPress:
Como véis, la página sólo tiene la cabecera, la barra lateral y el pie de página. En cada caso la página web html que se usará para modificar los ficheros php del blog será diferente, dependiendo de si habéis utilizado Frontpage, DreamWeaver o cualquier otro programa de creación de páginas web.
Cambios en el fichero header.php
En el fichero header.php que hemos copiado en el directorio del tema hijo deberemos hacer los siguientes cambios:
- Justo detrás de la etiqueta <head> del fichero header.php deberemos insertar todo el código que haya en la página html entre las etiquetas <head> y </head>.
- Justo detrás de la etiqueta <body> del fichero header.php deberemos insertar todo el código que haya en la página html desde la etiqueta <body> hasta el comienzo del contenido de la página. Es decir, hay que introducir el código que es común a todas las páginas del sitio web html. En nuestro caso, eso incluye sólo la cabecera de la web.
- Justo después de la etiqueta <head>, colocar la siguiente línea para que el blog encuentre las direcciones de la página web:
&lt;base href="http://www.tupaginaweb.com" /&gt;
- Subir la línea que carga los estilos del blog justo antes de la línea que carga los estilos de la página web. En nuestro caso esto ha sido necesario para que el blog tuviese un buen aspecto. Esta es la línea que hay que recolocar:
&lt;link href="&lt;?php bloginfo( 'stylesheet_url' ); ?&gt;" rel="stylesheet" media="all" type="text/css" /&gt;
- Después del cambio anterior, los estilos del blog estarán bien, pero puede que los estilos de la página web que tengan el mismo nombre podrían haberse visto afectados por los del blog. En nuestro caso había estilos con el mismo nombre, por lo que tuvimos que crear un nuevo fichero de estilos llamado style-bis.css en el que hicimos las modificaciones pertinentes para restaurar los cambios producidos por los estilos del blog. Por tanto, la carga de estilos quedó de la siguiente manera:
&lt;!-- estilos del tema hijo --&gt; &lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php bloginfo( 'stylesheet_url' ); ?&gt;" /&gt; &lt;!-- estilos de tupaginaweb.com, suponiendo que estén en el directorio css --&gt; &lt;link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /&gt; &lt;!-- estilos para corregir los problemas en tupaginaweb.com --&gt; &lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php bloginfo( 'stylesheet_directory' ); ?&gt;/style-bis.css" /&gt;
- El resto del fichero header.php debe mantenerse como está.
Cambios en el fichero footer.php
En el fichero footer.php que hemos copiado en el directorio del tema hijo, deberemos hacer los siguientes cambios:
- Justo antes de la etiqueta </body> del fichero footer.php deberemos insertar todo el código que haya en la página html desde el final del contenido de la página hasta la etiqueta </body>. En nuestro caso, eso incluye la barra lateral y el pie de la página web.
- El resto del fichero footer.php debe mantenerse como está.
Cambios en el fichero index.php
Este fichero, que se encuentra en el directorio de instalación del blog, debe tener el siguiente contenido:
&lt;?php /** * Front to the WordPress application. This file doesn't do anything, but loads * wp-blog-header.php which does and tells WordPress to load the theme. * * @package WordPress */ /** * Tells WordPress to load the WordPress theme and output it. * * @var bool */ define('WP_USE_THEMES', true); /** Loads the WordPress Environment and Template */ require('./wp-blog-header.php');
Cambios en el fichero style.css
Una vez realizados todos los cambios anteriores, al abrir la dirección http://www.tupaginaweb.com/blog debería aparecer una página del blog con el aspecto de la página web html, pero con el contenido del blog, por ejemplo, la cabecera, la barra lateral derecha y su propio pie de página.
Muchos de los elementos visuales aparecerán distorsionados por causa de la unión de los estilos de la página html y del blog, por lo que habrá que realizar cambios en el fichero style.css del tema hijo hasta que se consigan los resultados deseados.
En nuestro caso tuvimos que tocar unas 10 líneas de estilos para dejar el blog a nuestro gusto. No fue demasiado trabajo, aunque sí es necesario tener un cierto conocimiento de estilos css para que todo funcione correctamente.
5.- Conclusión
Hay muchas formas de integrar un blog en una página web html, pero ninguna de las que encontramos descritas en distintos artículos en Internet cumplían nuestros requerimientos.
Finalmente encontramos la forma de hacerlo, que aunque parezca difícil, no lo es. Se tarda mucho más en contar cómo se hace que en hacerlo.
Esperamos que este tutorial sirva para que muchos webmasters puedan integrar un blog WordPress en su página web html, sin perder el sueño en el proceso.
Participa dejando un comentario. Gracias por colaborar.
Hola, pues solo darte las gracias, probé dos métodos antes de llegar al tuyo, pero fueron soluciones parciales, esta solución que nos has dado es perfecta, y gracias por este sitio con ayuda, espero sigas adelante 🙂
Rubén, nos alegra que el artículo le haya sido de utilidad. Saludos.
Hola, estoy por integrar un blog a una web y voy a seguir este tutorial, ya tengo el diseño del blog en html. La duda que tengo es: ¿la implementación de mi diseño es igual a lo que explican sobre «los themes» gratis o pagos? Me parece excelente la forma en que está explicado todo. Raramente sucede esto en internet. Gracias y saludos.
Horacio, gracias por sus amables palabras sobre nuestro artículo. La técnica de integración de un blog WordPress en una página web que explicamos en el artículo se basa en incorporar a los ficheros del blog los elementos html y css procedentes de la página web, con objeto de que el blog tenga el mismo aspecto que dicha página web. En este contexto, da igual que el tema del blog sea gratuito o de pago. Lo importante es hacer las modificaciones en los ficheros de WordPress tendentes a que su aspecto sea lo más parecido posible al de la página web. Saludos.
Gracias por responder. Saludos
Muchas gracias por la información, he tenido que probar un par de veces pero al final me ha salido (sobretodo por la confusión del DETRÁS de la etiqueta **** en vez de antes o después :p)
No se si me podrías ayudar… todo me ha ido bien pero cuando por ejemplo hace click encima del post lo abre pero lo abre sin cargas los estilos (solo me carga el menu y el footer pero sin estilos en cambio en la principal miweb/blog si que me carga bien)
Gracias de antemano!
David, en el artículo explicamos dónde hay que cargar los css y el orden en el que hay que hacerlo para que el blog tenga el aspecto de la página web. Revise si ha incluido los ficheros css en los sitios indicados en el artículo. Saludos.
Hola. He realizado todo el tutoría y funcionado bien, pero los cambios que realizo en style.css de la carpeta hijo no me hacen efecto ninguno. Debo de hacer algo más? Tengo que insertar el link de style.css en el header.php y footer.php?
Gracias
Pepe, en el tutorial explicamos con detalle lo que hay que hacer con los ficheros css. No sólo hay que incluirlos, también hay que ponerlos en el orden correcto, el cual también indicamos en el tutorial. Saludos.
¿En qué servidor tienes el programa FANTASTICO y tu cpanel? ¿Podrías decirme en dónde puedo conseguir un cpanel con el programa fantástico?
Saludos y muchas gracias!
Hola, hoy en día prácticamente cualquier proveedor de servicios de Internet dispone de cPanel y de programas como FANTASTICO. Saludos.
¿Go Daddy lo tendrá?
Es posible, puedes hacer una búsqueda en google o contactar con Godaddy desde su página web y hacer la consulta. Saludos.
Hola, una pregunta, si ya tengo un template html con una seccion de blog (estatica). Se puede adaptar el codigo html a php? O es posible convertirlo para usarlo y administrarlo desde wordpress? Gracias!
Laura, para pasar las páginas de un blog HTML a un blog WordPress simplemente hay que crear nuevas páginas en WordPress con el contenido de las páginas del blog HTML. Es un proceso manual, pero una vez resuelto el tema de los estilos a través de CSS el trabajo será prácticamente un copiar y pegar contenido de un blog al otro. Saludos.
Hola buenas, tengo una pequeña duda, la base de datos tiene que ser una nueva para el wordpress o puedo usar los datos que tengo de mi DB de mi página web que es lo mejor ?
Muchas gracias de antemano
Tomás, los artículos que se escribirán en el blog WordPress tienen que usar la base de datos de WordPress. Saludos.
Gracias por el tutorial, muy bueno la verdad!.
Solo tengo algunas consultas. Leyendo los comentarios veo que apareció una consulta similar, pero aun asi no me quedo 100% clara su respuesta.
1.- Justo detrás de la etiqueta , esto significa esto?
a) AQUI INSERTO
b) AQUI INSERTO
2.- insertar todo el código que haya en la página html desde el final del contenido de la página hasta la etiqueta . Esto no queda claro, en la pagina la etiqueta esta al final de la pagina, por tanto bajo eso no hay nada.
Muchas gracias!!!
Tuve que escribir de nuevo la consulta ya que no aparecia las etiquetas.
Gracias por el tutorial, muy bueno la verdad!.
Solo tengo algunas consultas. Leyendo los comentarios veo que aparcio una consulta similar, pero aun asi no me quedo 100% clara su respuesta.
1.- Justo detrás de la etiqueta body, esto significa esto?
a) body AQUI INSERTO
b) AQUI INSERTO body
2.- insertar todo el código que haya en la página html desde el final del contenido de la página hasta la etiqueta slash body. Esto no queda claro, en la pagina la etiqueta slash body esta al final de la pagina, por tanto bajo eso no hay nada.
Muchas gracias!!!
Milenko, gracias por tus amables palabras. Respondo a tus dos cuestiones:
1.- Justo detrás de «body» significa «body» INSERTO.
2.- Detrás del «contenido» de la página y antes de «/body» puede haber cosas como la barra lateral o el pie de página (es así en nuestro caso).
Saludos.
Hola que tal segui estas insruciones y realmente fue de mucha ayuda tu gran aporte, pero me surgio una duda.
Al momento de creear el blog yo lo hice de forma local con la instalacion de 5 minutos y todo lo que se hace, pero ahora que ya subi la pagina a la red me percato que lo enlaces apuntan a mi localhost y si es un problema en verdad, tendria que hacerlo directo desde mi servidor donde esta la pagina???
la ruta que elegi al hacerlo localmente es localhost/mi_pagina/blog
Antonio, nos alegra haber servido de ayuda. En «Ajustes – Generales» encontrarás la dirección de tu blog WordPress y en «Ajustes – Enlaces permanentes» puedes definir la estructura de la URL de tus entradas del blog. Por supuesto, debes asegurarte de que todos los enlaces que haya en tus entradas apunten a una URL existente, ya esa externa o interna a tu blog. Saludos.
Saludos a todos.
Tengo una duda la cual espero me puedan ayudar a resolver.
Soy nueva en esto de la programación y más con wordpress, por lo que he visto es muy práctico, sólo que mi duda es la siguiente: tengo un template de mi blog («tmp-blog.php») y me gustaría añardirlo a mis otras opciones de menú para que se pueda ver («page-tours.php», «page-contactanos.php», etc.) ¿hay alguna manera en qué pueda llamarlo en mis opciones del menú sin tener que copiar y pegar todo mi template del blog en cada una de ellas? De ante mano, gracias.
Zully, gracias por contactar con nosotros. Sentimos no poder ser de mucha ayuda en la duda que nos planteas. Dado que estás empezando y que este mundo de la programación php no es sencillo, te recomendamos que visites foros sobre WordPress donde encontrarás toda clase de recursos para aprender. Saludos.
Hola, Tengo una web estática y justo andaba buscando este tutorial para añadir un nuevo apartado que será el blog. Pero es más complicado que en este ejemplo, ya que la web tiene tres idiomas. Tengo un directorio para cada idioma «cast», «ca» y «eng» que es una copia de todo el site dentro de cada directorio pero con el contenido en su idioma correspondiente. Añadir el directorio «blog» con el contenido de wordpress deberá de estar al mismo nivel que los directorios para cada idioma. Pero si quiero escribir el contenido de cada entrada del blog en los tres idiomas, por ejemplo, ¿existe algún plugin que detecte en qué idioma esta la etiqueta lang o poder pasarle algún parametro para que se visualice el contenido en solo en el idioma necesario?
Gracias
Oli, en nuestra web no hemos tenido que lidiar con este problema, pero estamos seguros de que hay blogs que soportan varios idiomas y que tendrán resuelto el tema de los idiomas. Te aconsejamos que hagas una búsqueda en internet este sentido y esperamos que encuentres la mejor solución posible. Saludos.
Hola quisiera saber si puedo insertar wordpress en mi web estática para que se actualicen solos los contenidos (se coloquen quiero decir) y no tener que moverlo yo «a mano». Mi duda es si en WordPress se puede poner el color de fondo de la web y el ancho de columna y tip de fuente. Es algo bastante básico loq ue quiero, me extraña que no se pueda.
Alonso, justamente eso que pides es lo que hemos hecho en nuestra web http://www.msdsoft.com y en este artículo hemos contado en detalle cómo lo hemos hecho. No hemos modificado nuestra web estática, hemos modificado el blog de WordPress para que se parezca al 100% a nuestra página web. Saludos.
Hola, buenos dias.
Muchísimas gracias por el tutorial. He estado mirando formas de integrar un blog en una web y creo que esta es la mejor forma sin ser una cutrez como poner un iframe (cosa que tuve que usar hace tiempo porque no conseguí encontrar otra forma).
Mi problema es el siguiente. Yo creé mi blog en blogger ¿hay alguna forma de integrar un blog de blogger en una web? Sé que wordpress usa lenguaje php y no sé si hay algun script para integrar blogger en una web.
Me quedo a la espera de noticias. Muchas gracias.
Martza, gracias por sus amables palabras. No tenemos experiencia en la integración de blogs de Blogger en páginas web, pero haciendo la siguiente búsqueda en google «integrar blog blogger en una web» hemos encontrado algunos artículos que pueden ser de su interés. Esperamos que le sean de utilidad. Saludos.
Hola. Que buenas instrucciones. Muchas gracias, he logrado cargar el WP.
Solo que quiero integrar las noticias del WP a un html cualquiera. ¿Cómo lo hago?, he intentado colocar el siguiente código pero no funciona:
<?php
define('WP_USE_THEMES', false);
require_once($_SERVER['DOCUMENT_ROOT'] . '/db/wp-blog-header.php');
query_posts('showposts=7');
echo '’;
while (have_posts ()): the_post();
echo «ID) . «‘>»;
the_title();
echo ‘‘;
endwhile;
echo »;
?>
Roberto, si te fijas en las instrucciones del artículo, nosotros hemos colocado el blog en una página llamada https://www.msdsoft.com/esp/blog/
El truco está en cambiar el aspecto del blog para que parezca una página de nuestra web.
Saludos.
Buenos días, buen artículo, pero no se si es lo que yo necesito, te explico, quiero integrar las entradas de mi blog wp en una página web sin cabecera ni pie, sólo las entradas y que al darle a leer más se abriera tambien sin cabecera ni pie de pagina, esto lo podria hacer con tu tutoria??
gracias y un saludo
Lis, como habrás comprobado leyendo nuestro artículo, lo que hacemos es crear un blog WordPress en un subdirectorio de nuestra página web en el que duplicamos el contenido de la cabecera de la web, la barra lateral y el pie de página usando los ficheros correspondientes del blog. Si lo que quieres es que sólo aparezcan los artículos, bastaría con vaciar de contenido los ficheros header.php y footer.php del blog. Espero que puedas conseguirlo. Nos encantará que dejes un mensaje con el enlace a tu blog si lo consigues. Saludos.
Tengo un problemilla… Después de hacer la instalación en el servidor… Crear la base datos, configurar el blog… Ya puedo acceder desde http://www.chechare.com/blog . pero al indicarle a un enlace en index.html que me lleve al blog… No me lleva. Es súper absurdo… Pero no tengo ni idea de porque puede ser. Espero que me puedas decir a qué se debe esto…
Un saludo!!
Carlos, la clave para acceder al blog desde la página web está en conocer el directorio donde se instala el blog dentro de tu servidor. He comprobado que has sido capaz de resolver el problema por tí mismo, pues el enlace desde tu web al blog funciona correctamente. Enhorabuena 🙂
Hola muy bueno el articulo, pero me gustaria ssaber si tienen algun video sobre este mismo articulo explicando todo paso a paso?
Gracias!
Jhon, gracias por tus amables palabras. No hemos hecho un vídeo sobre el proceso para integrar un blog en una página web. Lo que hemos hecho es intentar describir el proceso de forma detallada para que otros webmasters que afrontan el mismo problema que nosotros afrontamos en su día, puedan tener una guía para resolver el problema. Espero que el artículo te sea de utilidad. Saludos.
Hola. Lo tengo todo claro menos una cosa, pues soy un poco nuevo en el mundillo WordPress. Tengo ya mi página hecha con WordPress, y si ahora le cambio el tema, me va a fastaidiar mil ajustes que he hecho directamente en el código (o eso creo). En caso de que lo hiciese, una vez ajustado el blog, entiendo que debería volver a cambiar el theme de la página al anterior, y en este punto ¿como integro el blog en una de las secciones?
muchas gracias de antemano.
Jesús, lo primero que debes hacer es elegir el tema. Esta es una elección delicada, pues todo el trabajo posterior se va a ver condicionado por esta elección. Una vez hechos los cambios al tema para darle el aspecto de tu página web, si lo cambias posteriormente tendrás que volver a realizar todo el trabajo de integración. Por tanto, elige bien el tema y haz todas las pruebas que quieras con él. Una vez elegido, sigue los pasos indicados en el artículo. Básicamente crea un tema hijo, para que puedas modificarlo sin que se vea afectado en el futuro por actualizaciones del tema. Después, modifica los ficheros indicados en el artículo para que la cabecera, la barra lateral y el pie de tu blog tengan el aspecto de tu página web. Saludos.
hola!!! estupendo articulo, pero tengo 3 cositas…
no acabo de entender como cambias las 4 cosas de css que no quedan bien, porque creas style-biss?
noser porque no me salen los widgets
y por ultimo cuando clicas el artículo el estilo del header y footer no funcionan, no se ve como la pagina web
muchas gracias!!!
Marta, hay varias formas de integrar un blog WordPress en una página web. La solución que presentamos en este artículo se basa en modificar la cabecera, banda lateral y pie de página del blog para que aparezcca igual que la página web en la que se desea integrar. Para conseguir este objetivo es imprescindible seguir los pasos indicados en el artículo, sin dejar ninguno atrás. Hay que editar los ficheros indicados con mucho cuidado para no modificar lo que no se debe tocar. Si sigues todos los pasos, como mucho podrás tener problemas de aspecto de la página, que se deben resolver modificando los ficheros CSS, tal como comentamos en el artículo. Saludos.
Realmente este tutorial es muy bueno, pero tengo un gran problema y es que me desconfigura las cosas, no se en que parte tengo que insertar el código html de mi pagina web original, es que no entiendo cuando dicen por ejemplo:
«Justo detrás de la etiqueta…» que significa «justo detrás»? es después, en medio o antes de la etiqueta? Necesito poner un blog dentro de mi página web y no he encontrado la manera de hacerlo.
Liz, gracias por tu comentario. Tú deseas crear un blog en tu página web, que es lo mismo que yo quería. Después de mucho estudio y pruebas, llegué a la conclusión de que era mucho más fácil darle al blog WordPress la apariencia de mi página web en lo referente a la cabecera, barra lateral y pie de página.
Por lo tanto, la técnica consiste en insertar el código común de tu página web html (cabecera, barra lateral y pie de página) en los ficheros php correspondientes del blog WordPress.
Cuando digo, por ejemplo, que se debe insertar el código html «justo detrás de la etiueta
» del fichero php me refiero a esto:INSERTA AQUÍ EL CÓDIGO HTML QUE SE INDICA EN EL ARTÍCULO
En cuanto a que se desconfigura el contenido, esto tiene que ver con los ficheros de estilos CSS que utilizas en tu web. En el artículo he comentado lo que tuve que hacer para que el blog tuviese el aspecto de la página web, que no es otra cosa que insertar en el sitio adecuado el fichero de estilos de tu página web html.
Mi consejo es que vayas poco a poco. Céntrate primero en la cabecera del blog. Cuando hayas conseguido que sea similar a la cabecera de tu página web, sigue con el pie de página. Finalmente, dedícate a insertar la barra lateral de tu web, si es que la tienes.
Saludos y suerte 🙂
Buenas tardes segui todos sus pasos la web me quedo asi http://reparacionesadomiciliomadrid.com/Blog-Aire-Acondiconado/
Pero tengo varias dudas, no puedo añadir ningun widget? veo que ustedes en su blog si que los tienen en el lateral Izq.
Por otro lado los tags y demas se me ve muy feo no se si me deje algo sin modificar.
Gracias un saludo
Luis, enhorabuena por haberlo conseguido. La verdad es que es un poco trabajoso.
En nuestra web los widgets están a la derecha y son parte del tema que hemos elegido. Lo que hay a la izquierda es parte de la página web, no del blog.
En cuanto al aspecto de tags y otros elementos del blog, dependen de los estilos del fichero CSS y de los estilos del tema que hayas elegido. Aquí no queda otra que hace pruebas hasta que des con el aspecto deseado.
Saludos.
Estupendo articulo.
Ahora mismo me pongo manos a la obra. A ver que tal me queda.
Muchas gracias por compartirlo.
Hola,
estoy planteándome usar esta opción para ir publicando las novedades de nuestra empresa en la web corporativa y que todo esté en un mismo sitio.
¿A la hora de integrar wordpress dentro de nuestro alojamiento el seo se verá afectado de manera positiva, o es mejor crear un blog en wordpress.com y enlazarlo?
David, incorporar el blog a vuestra página web mejorará el SEO de vuestro sitio sin duda alguna, pues todos los artículos que publiquéis pertenecerán a dicho sitio. Desde nuestro punto de vista, siempre es mejor tener un blog WordPress instalado en un servidor propio que crear el blog en wordpress.com
Saludos
Hola! cuando dicen que hay que colocar el código que está en nuestra web antes de la etiqueta , hay que copiar sobre el que ya está? Osea, hay que borrar el que esta en WordPress y pegar el nuestro o sólo copiar y dejar lo que está. Gracias
Lisandro, la técnica que describimos en este artículo se basa en «insertar» el código de la página web html en medio del código PHP del blog, de forma que al presentar el blog, éste tenga el aspecto de la página web original.
Saludos.
Saludos cordiales.
Les solicito información.
En vuestra página Web me explican como integrar una página Web en HTML.
Mi consulta es como puedo integrar otra pagina Web dentro de WordPress, o más bien en diferentes columnas de WordPress integrar 3 páginas Web diferentes.
Gracias
Alejandro, lo que explicamos en nuestro artículo es la forma de modificar los ficheros básicos de WordPress para presentar el aspecto de una página web HTML ya existente, y así poder integrar ambas webs en una sola.
Lo que usted desea es introducir varias páginas web dentro de diferentes columnas de WordPress. Lo cierto es que se puede hacer, a base de introducir código html en las páginas php de WordPress, pero no es lo más recomendable. Sería mejor coger el contenido de esas páginas web e introducirlo en páginas o artículos de un blog WordPress, de forma que quede una única página web que será el blog.
Saludos.
Buenas tardes muy buen apartado de como realizarlo, te felicito asi me quedo.
http://www.soloplanes.net/blog
Hola Marcelo, nos complace que nuestro tutorial le haya ayudado a integrar un blog WordPress en su página web html. Vuestro trabajo ha quedado muy bien 😉
Saludos
Hola, muchas gracias por el tutorial. Me ha sido muy útil hasta ahora, sin embargo tengo un problema.
Mi página web tiene un menú responsivo, sin embargo, al hacer la integración de WordPress a la página, el menú deja de ser responsivo, ¿sabes por qué podría ser?
Gracias por adelantado.
Saludos.
Ed, nos alegra que el tutorial te haya resultado útil para integrar un blog en su página web html. El problema que comentas de los menús puede deberse a solapamientos en los códigos CSS, ya que al unificar la página web con el blog se superponen los CSS de ambas webs. Lo que hay que hacer es asegurarse de que no hay entradas con el mismo nombre, y en caso de que las haya, hay que cambiarle el nombre en alguna de las dos webs. Lo mejor es cambiar el nombre de las entradas CSS que menos uso tengan, de modo que haya que cambiar lo menos posible el contenido de las páginas web.
Seguramente el problema que tienes es que se solapan nombres CSS en tus menús HTML y en los menús de WordPress. En tal caso, sería mejor cambiar el nombre de los elementos CSS de la página web HTML.
Saludos.
Buenas tardes a todos:
¿Sería posible cambiar el apartado de actualizaciones de mi web al sistema WordPress? Esto de editar HTML es superlento y tedioso a veces. Os dejo la URL del sitio.
http://www.lignumcrucis.es/Actualizaciones.html
Javier, el contenido de tu página de actualizaciones es un claro candidato para ser implementado con un blog WordPress. Como puedes ver en mi página web, la parte html es bastante estática, con muy pocos cambios a lo largo del tiempo. Sin embargo, el blog tiene actualizaciones frecuentes que se realizan con la misma facilidad que si utilizásemos un procesador de textos.
Te recomiendo que emplees algo de tiempo para aprender los fundamentos de WordPress y gracias a artículos como este, seguro que conseguirás integrar un blog WordPress en tu página web html. Te aseguro que el esfuerzo merece la pena.
Saludos.