Search

Diseño Web HTML5 CSS3 Javascript

Diseño Web – Amit Kvint

Category

tema hijo

10 pasos basicos para crear tema hijo (child theme) con WordPress

Migración de localhost a host remoto – WordPress

Los siguientes pasos son para subir nuestro sitio web hecho con WordPress en un servidor local – localhost – o sea un servidor que hemos instalado en nuestro ordenador a un servidor remoto – o sea una maquina que esta en la web.

Los procedimientos que pongo a continuación son para instalar el WordPress & migrar el contenido & tema hijo de una forma manual, existen instalaciones automáticos, plugins que te ayudan etc…

Aplicaciones que habra que tener antes de empezar –

  • La ultima versión del WordPress bajada de wordpress.org (la ultima es la 3.3.2)
  • Una aplicación FTP (Filezilla por ejemplo)
  • Un editor de código (Notepad++ para Windows / TextWrangler para Mac por ejemplo)

Primero por supuesto tenemos que contratar un servicio Hosting con PHP, MySQL (servidor Apache), nos hace falta crear en MySQL una base de datos nueva & después tener a mano nombre, contraseña  & host de la base de datos.

Personalmente primera cosa que hago es descargar la ultima versión del WordPress, la extraigo y la subo a la ruta del servidor, ahora entro a mi dirección URL – http://www.minuevodominio.com – ahora me aparece la pantalla de WordPress avisándome que falta el archivo wp-config.php & que lo vamos a crear la configuración tal & como indica la pantalla, en la próxima pantalla nos pide tener los datos de MySQL, en la próxima pantalla de instalación metemos los datos de la base de datos (nombre, usuario, contraseña etc…) & damos a crear.  Si todo ha sido bien tenemos ahora que configurar nuestro WordPress seleccionado titulo de blog , usuario & contraseña para nuestro escritorio WordPress.

Ahora tenemos una versión fresca del WordPress en nuestro servidor, vamos a migrar la información del localhost al servidor remoto –

  1. Primero entro al FTP y subo la carpeta de mi tema (hijo o original) dentro de la carpeta wp-content, subo también las carpetas de plugins & uploads donde residen todos los plugins instalados & todos los archivos subidos desde mi escritorio.
  2. Entro al escritorio de mi WordPress en localhost voy a herramientas–>exportar & exporto todo el contenido creado en mi localhost, me crea un archivo xml con la fecha de exportación
  3. Entro en mi escritorio ya en el servidor remoto voy a  herramientas–>importar (hay que istalar un pequño plugin – instalar & importar) selecciono WordPress, asigno un usuario o varios & que me descarga todos los archivos adjuntos & doy a importar.
  4. Ahora retoques desde el escritorio para igualar la versión nueva en el remoto al localhost – activo mi tema, arreglo los menús, imágenes de cabecera & widgets etc…

Preguntas o dudas – arriba en el contacto 🙂

Amit

Control de imágenes en entradas con WordPress

El WordPress nos ofrece varios niveles de uso de imágenes.

Tenemos la opción sencilla & intuitiva – trabajando desde el mismo escritorio de nuestra web, podemos añadir, quitar & ordenar imágenes, ademas en los ajustes —>media podemos determinar las proporciones de las imágenes que subimos a la web, vienen 3 tamaños predeterminados y los podemos cambiar desde esta sección del escritorio.

Ahora bien – que podemos hacer cuando nuestro diseño requiere mas de tres definiciones de tamaño de imágenes, justo para esto existe el archivo functions.php aqui es donde podemos en una forma sencilla añadir mas tamaños de imagenes, primero tenemos que asegurar que en nuestro functions.phpdel tema padre aparece el

add_theme_support( ‘post-thumbnails’ ); 

Esta funcion añade la posibilidad de tener varios & distintos tamaños de imagen en el tema.

Ahora el unico que nos queda es abrir el functions.php de nuestro tema hijo & insertar esta lines –

add_image_size( ‘nombre-nuevo-de-imagen’, x, y, true); 


Dentro de las paréntesis va entre genitivos sajones (apostrofe:-)), el nombre nuevo que añadimos a esta tamaño de image & después va el ancho & el alto de la imagen & podemos añadir tambien el true para que el WordPress nos recorte estas imágenes al tamaño deseado. (aquí tenéis el vinculo a las demás posibilidades de esta función – http://codex.wordpress.org/Function_Reference/add_image_size)

Ahora para añadir esta nuevas variaciones de imágenes entramos por ejemplo en el content.php (en el caso que se trata de hijo de twentyeleven), buscamos por ejemplo el is_search() & añadimos a nuestros resultados de busqueda las imágenes destacadas de cada entrada (por supuesto – tenemos que asignar en el escritorio imágenes destacadas a nuestras entradas), esto lo hacemos así –

<?php the_post_thumbnail(‘nombre-nuevo-de-imagen‘)?>

Si queremos ofrecer a nuestros usuarios una experiencia mas cómoda podemos envolver esta etiqueta en esta forama –

<div id=”destacada”>
href=”” title=”” rel=”bookmark”>
<!–?php the_post_thumbnail('small‘)?>–>
</a>

Ahora tiene su propio DIV (“destacada”) & un vinculo directo a la entrada, usando a la estructura del the_permalink()

& ahora a trabajar 🙂

Amit

Blog at WordPress.com.

Up ↑

%d bloggers like this: