Como hacer un Blog en local – WordPress

Si quieres probar a instalar tu propio blog en un ordenador en local, antes de probarlo en un hosting de internet, puedes hacerlo con la siguiente guia:

1.- Si no tienes instalado en tu ordenador un servidor web y un servidor mySQL puedes hacerlo todo a la vez con un paquete que se llama Xampp. -> aquí para descargar

instalar xampp en local

2.- Al finalizar aparecerán una pantalla negra donde contestaremos todas las preguntas con la respuesta por defecto.

xampp instalar

instalacion de xampp paso 2

instalacion de xampp paso 3

3.- Al contestar a todas las preguntas, nos saldrá la siguiente pantalla donde elegiremos la opción 1 y nos saldrá el panel de control de xampp.

panel de control de xampp

4.- Pincharemos en Start en Apache y MySql para arrancar los servicios.

5.- Una vez arrancados pincharemos en el botón de admin junto a MySql. Nos aparecerá la siguiente pantalla donde pincharemos en “crear” después de poner el nombre que queremos.

crear una base de datos con mysql y phpamind

6.- Descargarmos la última versión de WordPress y descomprimimos el archivo.

7.- Copiamos la carpeta WordPress a c:\xampp\htdocs (c: es donde hemos instalado xampp)

xampp carpeta wordpress

8.- Ahora podemos abrir un navegador y escrobir lo siguiente: http://localhost/wordpress

configuration file de wordpress

9.- Al pinchar en Create a Configuration file escribiremos los parámetros: En DataBase Name pondremos lo que pusimos al crear la base de datos en el paso 5. En User Name pondremos root y en Password los dejaremos en blanco, lo demás lo dejaremos tal y como está.

instalacino de wordpress con parametros

10.- A partir de ahora podemos seguir esta guía de como instalar wordpress en un servidor online a partir del paso 6.

Una vez seguida la guía ya tendremos WordPress instalado en nuestro ordenador local.

Como hacer un blog – en WordPress

WordPress te da una gran facilidad para crear tu propio Blog. En su página web podrás registrarte para iniciar tu camino en crear un blog.

Vamos ha hacer una guia para crear un blog en WordPress.

1.- Entramos en la página web de WordPress y nos registramos.

Registrarte en WordPress

2.- Rellenamos los datos, con el nombre de usuario que vamos a utilizar, la contraseña y la dirección de correo electrónico.

datos de usuario en wordpress

3.- Rellenamos los datos con el nombre del blog, y aquí podremos elegir entre que sea público (que los búscadores como Google nos encuentren) o privado para que pasen los búscadores por nuestro blog.

Datos de nombre del blog en wordpress

4.- Esperamos a que nos llegue el correo de confirmación.

5.- !Ingresamos nuestro nombre de usuario y contraseña y ya podremos empezar a editar nuestro blog!

Pagina de administracion de wordpress

Como crear un archivo .ico con Photoshop

Logotipo de PhotoShop o icono para logo

Si necesitas crear archivos .ico, por ejemplo para crear un favicon y pornerlo en WordPress, y tienes Photoshop, lo puedes hacer de manera muy fácil.

Simplemente te tienes que descargar el plugin para Photoshop (versión 64-bits o 32-bits, según tu ordenador y Photoshop y MAC o Windows) y seguir estos pasos:

  1. 64-bit Windows (Vista/Windows 7):
    • Cierra Photoshop;
    • Pon el plugin en C:\Program Files (x86)\Adobe\Photoshop CS\Plug-Ins\File Formats.
    • Si tienes un sistema Windows 64-bits y estás usuando Photoshop CS4 o superior, descarga la versión de 64-bit y ponla en C:\Program Files\Adobe\Adobe Photoshop CS4 (64 Bit)\Plug-ins\File Formats.
    • donde poner el plugin de formato ico en photoshop
  2. Vuélvelo a abrir y ya lo tendrás listo, al darle a guardar como, podrás seleccionar en la lista de desplegables el formato de icono .ico. !sólo para las imágenes de 16 pixeles X 16 pixeles!

Seleccionar formato .ico en photoshop

Con esto ya podrás guardar tus imágenes en .ico.

Como poner un favicon en WordPress o en una página web HTML

wordpress logo logotipo con mantenimiento

¿Que es un favicon? Un favicon es el icono que sale en los navegadores a la izquierda y que también estará cuando añadamos la página en nuestros favoritos.

Si lo que quieres es saber como ponerlo en WordPress o en otro tipo de páginas puedes utilizar la siguiente guia:

1.- Toma la imagen que quieres poner como favicon, y transfórmala en una imagen de 16 pixeles X 16 pixeles.

2.- Guardala en formato .ICO- Si tienes Photoshop, puedes seguir esta guia ->Guardar formato .ico en Photoshop

3.- Súbela a tu hosting a través del FTP y anota la ruta y el nombre donde tienes el archivo.

4.- Edita el archivo header.php e incluye la siguiente línea -> <link rel=”shortcut icon” href=”favicon.ico” /> donde favicon.ico es la ruta y el nombre donde tienes el archivo .ico.

5.- Guarda los cambios y ya lo tendrás puesto.

Como instalar una base de datos en el servidor con PHPmyAdmin

wordpress logo logotipo con mantenimiento

Si necesitas crear una base de datos en tu hosting, por ejemplo, para instalar WordPress. Puedes usar alguna de estas formas de hacerlo:

  • Normalmente podrás usar alguna aplicación que suelen llevar la mayoría de los hostings y en la que sólo tendrás que poner el nombre de la base de datos, el usuario para entrar en ella, y su contraseña.
  • Si tu hosting no dispone de esta aplicación o no funciona correctamente, puedes hacer los siguientes pasos de la guia para crear una base de datos.
  1. Deberás utilizar la utilidad PHPmyAdmin. Seguramente la tengas instalada ya en tu hosting, si lo has contratado con php. (si no lo has contratado no vas a poder utilizar una base de datos mySql. Si no puedes descargarlo aqui -> PHPmyAdmin. (en este caso lo subirías a tu hosting y lo instalarías)
  2. Una vez dentro de la aplicación PHPmyAdmin dale al botón “Crear“.
  3. Introduce el nombre la base de datos MySQL (la que has creado)
  4. Introduce el usuario de la base de datos MySQL (lo tendrás anotado en tu hosting)
  5. Introduce la password de la base de datos MySQL (lo tendrás junto al nombre de usuario)
  6. Introduce el nombre del HOST (lo tendrás anotado en tu hosting).

Con estos paso ya tendrás instalada tu base de datos.

Como instalar WordPress en un servidor online – Guia de instalacion

Si quieres instalar un blog WordPress en un servidor externo a los servidores de WordPress (a parte te saldrá más barato), puedes seguir esta guia para la instalación.

  1. Instalamos una base de datos en el servidor. (muchos alojamientos ofrecen herramientas fáciles, donde sólo tendremos que ingresar el nombre de la base de datos, el usuario y la contraseña). Si no puedes leer el siguiente manual -> como instlar una base de datos en el servidor con phpmyadmin
  2. Descargamos la última versión de WordPress desde aquí: -> última version de WordPress
  3. Descomprimimos el archivo y lo pasamos por Ftp a nuestro directorio (por ejemplo con Filezilla)Subir wordpress a un servidor con filezilla
  4. Ingresamos la siguiente dirección donde tudominio es el nombre de tu dominio. -> http://tudominio/wp-admin/install.php . Posiblemente si no tenemos instalada ninguna base de datos nos saldrá este mensaje. Pincharemos en “Create a Configuration File
  5. create configuration file wordpress

  6. Ingresamos los valores de nuestra base de datos creada en el paso 1
    instalacion de wordpress con base de datos
  7. Configuramos nuestro blog, con cosas como el título, el usuario que vamos a utilizar para entrar y su contraseña, si queremos que los buscadores nos localizen y nuestro correo electrónico. Pinchamos en Install WordPress
    Configuracion inicio de wordpress
  8. Ya sólo tenemos que iniciar la sesión con el usuario y la password definida anteriormente en el paso 6.
    Pantalla de inicio de WordPress usuario y contraseña

Con esto ya tendríamos instalado nuestro blog en WordPress, ahora ya sólo falta personalizarlo y rellenarlo con contenido.

Ahora ya deberíamos de cambiar el tema -> http://resuelvetusproblemas.com/como-instalar-un-nuevo-tema-theme-en-wordpress/ y posiblemente cambiar el idioma -> http://resuelvetusproblemas.com/como-cambiar-el-idioma-en-wordpress/

Como hace un thumbnail de un video de YouTube

Si necesitáramos capturar una imagen de un video de Youtube, lo podemos hacer con el método tradicional pulsando la tecla Imp Pant durante la visualización del vídeo y luego pegarla en algún editor de imagen, paint, photoshop, etc.

Otro método mucho menos costoso y que además nos permitirar general un thumbnail si nos hiciera falta, sería, sólo si utilizamos WordPress, usar el plugin YouTube thumbnail plugin para WordPress o el plugin jQuery Youtube plugin jYoutube.

El último método y para mi el más sencillo, es utilizar las propias imagenes que todos los vídeos de Youtube generan automátimcamente.

Existen algunos plugins para conseguir imágenes de los vídeos, como el o el jQuery Youtube plugin jYoutube, pero no creo que sea necesario utilizarlos por lo menos para tareas simples, ya que el propio YouTube genera automáticamente 4 capturas del vídeo, para utilizarlas como thumbnails o capturas de pantalla:

Si tenemos el vídeo, p.j. de Lady Gaga y Beyoncé http://www.youtube.com/watch?v=EVBsypHzF3U

Las capturas automáticas son:

  • http://img.youtube.com/vi/EVBsypHzF3U/0.jpg
  • http://img.youtube.com/vi/EVBsypHzF3U/1.jpg
  • http://img.youtube.com/vi/EVBsypHzF3U/2.jpg
  • http://img.youtube.com/vi/EVBsypHzF3U/3.jpg

Y quedarían así:

Lady Gaga y Beyonce

Lady Gaga Beyonce thumnail

Lady Gaga Beyonde thumnail

LAdy GAga thumnail Beyonce

Como poner videos de youtube, metacafe, megavideo en tu WordPress

wordpress logo logotipo con mantenimiento

Si quieres insertar videos en tu WordPress de cualquier página de reproduccion de videos, tipo Youtube, Metacafe, Megavideo, etc puedes utilizar este plugin: WordPress Video Plugin

Una vez instalado, para su posterior utilización deberás usar los siguientes códigos diferentes para cada sitio de videos.

123video.nl

Para la dirección http://123video.nl/playvideos.asp?MovieID=132273 el id es 132273 ?

Aniboom

Para la dirección http://www.aniboom.com/Player.aspx?v=1905 el id es 1905 ?

Blip.tv

Encontrarás el id, cuando tu copies el código del video para un reproductor, por ejemplo: src=“http://blip.tv/play/gvFH8rZBgvNh” para la dirección http://blip.tv/file/1865111, el id en este caso es gvFH8rZBgvNh ?

Break

Es lo mismo que en Blip.tv
http://embed.break.com/MjI2NTkx ?

Brightcove

Para la direcciónhttp://link.brightcove.com/services/player/bcpid416542555?bctid=24776439001, el id es 24776439001 ?

Cellfish

Para la dirección http://cellfish.cellfish.com/multimedia/97749 el id es 97749 ?

Clipfish

For the URI http://www.clipfish.de/player.php?videoid=NDE2fDM0 el id es NDE2fDM0 ?

Clipsyndicate
[Clipsyndicate id width height]
Para la dirección http://www.clipsyndicate.com/publish/video/613132/raw_video_tornado_destroys_iowa_bank?wpid=0 el id es 613132 ?

Collegehumor
o con tamaño configurable
Para la dirección http://www.collegehumor.com/video:1727961 el id es 1727961 ? o con tamaño

ComedyCentral.com


Para la direcciónhttp://www.thedailyshow.com/video/index.jhtml?videoId=122364&title=meaningful-stuff el id es 122364 ?

current.com

Para la dirección http://current.com/items/89891774/supernews_twouble_with_twitters.htm el id es 89891774 ?

D1G.com

Para la dirección http://www.d1g.com/video/show/1912587 el id es 1912587 ?

Dailymotion

Substituye el “id” con el dailymotion id o la dirección del video (ambas funcionan). Para la dirección http://www.dailymotion.com/de/featured/video/x5fgu1_buffedshow-86-von-buffedde_videogames el id es x5fgu1 ?

dotSUB

Para la direcciónhttp://dotsub.com/view/7774e495-71c5-4a64-83d9-28675d835d90 el id es 7774e495-71c5-4a64-83d9-28675d835d90 ?

Facebook

Para la dirección http://www.facebook.com/video/video.php?v=1036384564453 el id es 1036384564453 ?

Flickr Video

Para la dirección http://www.flickr.com/photos/[email protected]/3599198949/in/pool-alongphoto el id es 3599198949 ?

Funny or Die

Para la dirección http://www.funnyordie.com/videos/3b1e3750e2 el id es 3b1e3750e2 ?

GameTrailers

Para la dirección http://gametrailers.com/player/22271.html el id es 22271 ?

GameVideos

Para la dirección http://www.gamevideos.com/video/id/13217 el id es 13217 ?

Generic Flash

Para la dirección http://www.messe-ideen.de/upload/magische-zauberkugel.swf el código es [flash http://www.messe-ideen.de/upload/magische-zauberkugel.swf

Glumbert

Para la dirección http://www.glumbert.com/media/spidermate el id es spidermate ?

GoalVideoz

Para la dirección http://www.goalvideoz.com/watch/2674-Portugal-vs-Turkey-2nd-Half-Goals-and-Highlights-Euro-2008/ el id es 2674 ?

Google Video

Para la dirección http://video.google.de/videoplay?docid=-5024787479139933029 el id es -5024787479139933029 ?

Grouper

Para la dirección http://grouper.com/video/MediaDetails.aspx?id=1759771&ml=o%3D0%26t%3D1%26fx%3D%26fp%3D2%26fmx%3D3%26rnd%3D3 el id es 1759771 ?

Guba

Para la dirección http://www.guba.com/watch/3000093083?duration_step=0 …el id es 3000093083 ?

Hamburg1 Video

Para la dirección http://www.hamburg1video.de/video/iLyROoaftT81.html el id es iLyROoaftT81 ? o con tamaño

IFILM

Para la dirección http://www.ifilm.com/video/2878371 el id es 2878371 ?

Jumpcut
o con tamaño configurable Para la dirección http://jumpcut.com/view/?id=774D8BB8E95911DA897BFEAF976EA1AD el id es 774D8BB8E95911DA897BFEAF976EA1AD ? o con tamaño

Kewego

Para la dirección http://www.kewego.de/video/iLyROoaftxTc.html el id es iLyROoaftxTc ?

Last.fm

Encontrarás el id, cuando tu copies el código del video para un reproductor, por ejemplo: param name=“flashvars” value=“embed=true&creator=Kettcar&title=Landungsbr%C3%BCcken+raus&uniqueName=Landungsbr%C3%BCcken+raus&albumArt=http://cdn.last.fm/coverart/130×130/1422004.jpg&album=Du+Und+Wieviel+Von+Deinen+Freunden&duration=257&image=http://panther3.last.fm/storable/videocap/15582/0/original.jpg&FSSupport=true” the id is: embed=true&creator=Kettcar&title=Landungsbr%C3%BCcken+raus&uniqueName=Landungsbr%C3%BCcken+raus&albumArt=http://cdn.last.fm/coverart/130×130/1422004.jpg&album=Du+Und+Wieviel+Von+Deinen+Freunden&duration=257&image=http://panther3.last.fm/storable/videocap/15582/0/original.jpg&FSSupport=trueS ?

LiveLeak

Para la dirección http://www.liveleak.com/view?i=8d3_1181986751 el id es 8d3_1181986751 ?

MEGAVIDEO

Para la dirección http://www.megavideo.com/?v=Q0G3U6F7 ? el id es Q0G3U6F7 ?

Metacafe

Para la dirección http://www.metacafe.com/watch/427425/boulot/ el id es 427425 ?

Mncast.com

Busca en el código una vez insertado. Busca por “movieID”. Para la dirección http://www.mncast.com/?4223906 el id es 10005583920080301233042

Mojvideo.com

Para la dirección http://www.mojvideo.com/video-bmw-club-obsotelje/480f35d6e4c046353a58 el id es 480f35d6e4c046353a58 ?

MSN

Para la dirección http://video.msn.com/video.aspx?vid=71e6a055-7b68-4fc3-880a-1bcffe1433b5 el id es 71e6a055-7b68-4fc3-880a-1bcffe1433b5 ?

MyspaceTV

Para la dirección http://vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID=11315224 el id es 11315224 ?

MyVideo

Para la dirección http://www.myvideo.de/watch/366128 el id es 366128 ?

Novamov

Para la dirección http://www.novamov.com/video/oaqqzqx1czqg5 el id es oaqqzqx1czqg5 ?

OnSMASH.com

Para la dirección http://videos.onsmash.com/v/3X8RTKaK6C3hya7q el id es 3X8RTKaK6C3hya7q ?

reason.tv

Para la dirección http://reason.tv/video/show/157.html el id es 157 ?

ReelzChannel

Para la dirección http://www.reelzchannel.com/video/32097/indiana-jones-4-trailer el id es 32097 ?

Revver

Para la dirección http://one.revver.com/watch/174453 el id es 174453 ?

screencast-o-matic.com
Para la dirección http://www.screencast-o-matic.com/watch/cii3lYtk el id es cii3lYtk ?

Sevenload

Para la dirección http://sevenload.de/videos/8A6KASF-arif-playback el id es 8A6KASF ?

slideshare.com

Subsituye el id con el correspondiente valor de la dirección del objeto. Por ejemplo con la dirección http://www.slideshare.net/jboutelle/slidecasting-101 haz click en “post to WordPress” y tendras un código como este [slideshare id=82836&doc=slidecasting-1013073

smotri.com

Para la dirección http://smotri.com/video/view/?id=v630387892f el id es v630387892f ?

Sumo.tv

Encontrarás el id, cuando tu copies el código del video para un reproductor, por ejemplo: param name=“flashVars” value=“file=00/01/200710049164669307.flv&autostart=true” aquí encontraras el Id: 00/01/200710049164669307 ?

teachertube

Para en contrar el id mira aquí: [flashvideo width=“425” height=“350” filename=“http://www.teachertube.com/flvideo/11926.flv” /] el id es 11926 ?

Trilulilu

Para la dirección http://www.trilulilu.ro/keskifa/d219752d57c01e el id es d219752d57c01e ?

Tu.tv

Encontrarás el id, cuando tu copies el código del video para un reproductor, por ejemplo: …tutvweb.swf?kpt=aHR0cDovL3d3dy50dS50di92aWRlb3Njb2RpL2MvaS9jaWNsaXN0YS1hYnVzaXZvLmZsdg==&x…, aquí encontraras el id: aHR0cDovL3d3dy50dS50di92aWRlb3Njb2RpL2MvaS9jaWNsaXN0YS1hYnVzaXZvLmZsdg ?

UnCut

Para la dirección http://uncutvideo.aol.com/videos/16ea5688332b7df5a5dc5ba6a99f4d3d el id es 16ea5688332b7df5a5dc5ba6a99f4d3d ?

Veoh

Para la dirección http://www.veoh.com/videos/v849683cxDDQm7y el id es v849683cxDDQm7y ?

Videotube

Para la dirección http://www.videotube.de/ci/page/player/527 el id es 527 ?

Vimeo

Para la dirección http://www.vimeo.com/clip:138920 el id es 138920 ?

Vsocial

Para la dirección http://www.vsocial.com/video/?d=106492 the id is 106492 ?

Wandeo

Para la dirección just copy the code from the box: “on my wordpress blog” ?

wat.tv

http://www.wat.tv/video/ouverture-mondial-presse-automoto-z9po_z1vx_.html ? Encontrarás el id, cuando tu copies el código del video para un reproductor, por ejemplo: <param name=“movie” value=“http://www.wat.tv/swf2/313547fagwuFO1645548” /> aquí encontrarás el id 313547fagwuFO1645548 ?

Yahoo! Video

Encontrarás el id, cuando tu copies el código del video para un reproductor, por ejemplo: flashvars=’id=3253032&emailUrl=http%3A%2F%2…etc…, aquí encontrás el id: 3253032 ?

Youreporter

Para la dirección http://www.youreporter.it/view_video.php?viewkey=dac8bc8ba637133b2c65 el id es dac8bc8ba637133b2c65 ?

Youtube
o con tamaño personalizado
For the URI http://www.youtube.com/watch?v=8DHOZW_8OPk el id es 8DHOZW_8OPk ? o con tamaño

Youtube Playlist

Para la dirección http://de.youtube.com/view_play_list?p=EF1145687A8B929B el id es EF1145687A8B929B ?

Solución al error “You do not have sufficient permissions to update plugins for this site” en WordPress

wordpress logo logotipo con mantenimiento

Si después de crear tu sitio web, te encuentras con el problema de que no puedes actualizar plugins o las últimas actualizaciones para WordPress, te recomiendo que visites esta guía que a mi me funcionó 100%, además de solucionar algunos agujeros de seguridad que tenía en el blog.

El error en cuestión que tenía, era que en el apartado de actualizaciones, me daba el error “No tienes suficientes permisos para actualizar plugins para este sitio” por no poder acceder a la página “wp-admin/update-core.php

Aquí encontre los consejos que seguí para solucionar el problema:

http://lacajadeloscables.wordpress.com/2010/09/08/problemas-al-actualizar-plugins-o-la-version-de-wordpress/

Como poner un mapa en WordPress

wordpress logo con mapaSi quieres insertar un mapa en WordPress, hay un plugin que es muy intuitivo a la par que útil. Se llama UMapper. Te permite usar mapas de varios proveedores, como google maps, bing maps, openstreetmaps, etc, con todas sus posibilidades.

1.- Lo primero que tenemos que hacer es descargar el plugin, que será un archivo .zip.

2.- Lo subimos en la zona de plugins de la administración WordPress, y lo instalamos.

3.- Este plugin nos requiere una clave API que la podremos conseguir simplemente registrándonos en la página de UMaper, desde el link que tenemos en el plugin instalado. Una vez registrados en la página en la parte personal tenemos la clave api de este estilo API key: fa82313413244093ae143f9ecd86712a, y la introduciremos en la parte del plugin que nos la pide.

4.- Ahora al añadir una nueva entrada nos aparecerá el icono de UMapper umaper icono y al pinchar en él nos aparecerá el plugin para crear nuestro mapa e insertarlo en el post.

Con esto tendremos un mapa asociado en nuestro WordPress y tendremos el problema resuelto.