Como poner varios idiomas en un Plugin de WordPress

Probado con Suckerfish:

Añadir sistema multidioma para para pasarlo a catalán y castellano:

  • Crear archivo ca_CA.po para catalán y es_ES.po para Español en la carpeta raiz del tema.
  • Añadir esto en el plugin:
      add_action('init', 'suckerfishinit');
      function suckerfishinit (){
      load_plugin_textdomain(’suckerfish’,'wp-content/plugins/suckerfish/languages’);
      }
  • Modificar etiquetas poniendo:  __(”Finish”,”lifestyle”) ó _e(”Finish”,”lifestyle”) el _e lo que hace es echo el __ simplemente pone el valor.
  • Subir los archivo .po y .mo a la carpeta raiz del theme.

Un pequeño truco: Si no se tiene WP en catalán subir a la carpeta raiz el ca_CA.po y .mo y una vez subido cambiarle el nombre en el servidor a es_ES

Tags: ,

Configurar las listas de entradas en LifeStyle

En la plantilla LifeStyle de StudioPress se presentán dos listas de entradas en la portada de la Web en dos columnas paralelas justo debajo de la imagen principal que hay en la parte superior y una tercera lista de entradas debajo de estas en tamaño ancho.

Aquí podemos ver las dos primeras secciones remarcadas en negro:

lifestyle-featured-articles

Podemos determinar que entradas queremos ver en estas columnas, el orden de las mismas y el número.

Categoría:

Cada columna muestra las entradas de una categoría en concrteto, para poder indicar a la plantilla que categoría debe mostrar en la portada iremos al Panel de Control y en la parte izxquierda iremos a la sección Aspecto o Appearence, allí haremos clic en la opción LifeStyle Options y podremos seleccionar la categoría que queremos ver en cada una de las secciones:

  • Featured Top Left o Columna Izquierda
  • Featured Top Right o Columna derecha
  • Featured Top Bottom o base inferior

Número de Entradas:

En el mismo sitio descrito en el punto anterior le podemos indicar el número de entradas que se deben mostrar en cada sección

Orden de las Entradas:

Las entradas que se muestran en las columnas parecen por orden de fecha y hora, mostrándose siempre la última  por lo tanto cambiando en la entrada el valor de fecha/hora que hay en la parte superior derecha de la misma podemos determinar el orden y las

Imágenes de las noticias:

Para poder poner una imágenes en las noticias también llamadas miniaturas o thumbnails consultar este artículo: Crear una miniatura en LifeStye

Tags:

Crear una miniatura en LifeStye

Al crear una noticia con la plantilla LifeStyle tenemos la opción de ver un extracto de la misma en la portada con una imagen en miniatura.

Para poder ver esa imagen en miniatura debemos seguir los siguientes pasos:

  1. Subir la imagen en la entrada de la forma habitual
  2. Copiar el contenido de la casilla URL del archivo que sale una vez subida la imagen.
  3. Pulsar Guardar Cambios o Insertar en la Entrada según se quiera ver la imagen sólo como Miniatura o verla también en la Entrada.
  4. Ir a campos personalizados y seleccionar en Nombre de campo: Thumbnail
  5. Pegar la URL copiada anteriormente
  6. ¡IMPORTANTE! añadir al final antes de “.jpg” ->  “-70×70” de tal manera que ahora el nombre del archivo quede  “-70×70.jpg

Ejemplo del nombre de archivo:

http://www.miweb.com/wp-content/uploads/2009/05/mifoto.jpg

debe quedar:

http://www.miweb.com/wp-content/uploads/2009/05/mifoto-70×70.jpg

Esto lo podemos hacer tanto para nuevas entradas como para entradas ya creadas con o sin imágenes.

Tags:

Paleta de Colores para LifeStyle

Que elementos modificar para crear una paleta de colores en LifeStyle, todas estas modificaciones

  • Colores de los links de las categorías:  subnav
  • Quitar el borde exterior, en la sección wrap poner el border a 0 px

Como cambiar toda la paleta de colores del tema LifeStyle:

Todo está definido en el archivo style.css

Los cambios a realizar son los siguientes:

  • Color del Fondo de la Web, se sustituye en la sección Body->Background Color el #e7dcc3 por el seleccionado
  • 2º Fondo interior y Searchbox, cambiar el Background Color #F7F5EF  de la sección Wrap y Searchbox.
  • Barras de Navegación, Utilizar GIMP para asignar el color deseado a:
    • Barra superior de la Web, se debe modificar el archivo  themes/lifestyle_30/images/topnav.png
    • Barra de páginas, se debe modificar el archivo  themes/lifestyle_30/images/navbar.png
    • Barra de Categorías, cambiar el Background Color #666666 de la sección subnavbar.
    • Barra superior de los Widget de la SideBar, se debe modificar el archivo  themes/lifestyle_30/images/headline.png
Tags:

Como poner varios idiomas en un theme de WordPress

Probado en LifeStyle:

Añadir sistema multidioma para para pasarlo a catalán y castellano:

  • Crear archivo ca_CA.po para catalán y es_ES.po para Español en la carpeta raiz del tema.
  • Añadir esto en header.php antes de </Head>:
    • <?php load_plugin_textdomain(’lifestyle’,'wp-content/themes/lifestyle_30′); ?>
  • Modificar etiquetas poniendo:  __(”Finish”,”lifestyle”) ó _e(”Finish”,”lifestyle”) el _e lo que hace es echo el __ simplemente pone el valor.
  • Subir los archivo .po y .mo a la carpeta raiz del theme.

Un pequeño truco: Si no se tiene WP en catalán subir a la carpeta raiz el ca_CA.po y .mo y una vez subido cambiarle el nombre en el servidor a es_ES

Tags: , , ,

Configurar Tema LifeStyle

Hay que definir una categoría para las noticias Top, se crea la propia Top.

Como distribuir categorías en la portada:

  • En las opciones de LifeStyle podemos asingar categorías a los 3 features: Top Left, Right y Bottom.
  • Para que se vea una imagen en miniatura hay que añadir un campo personalizado con key

Como ver las imágenes grandes en la portada:

  • Para ver un SlideShow en el Top de la página es necesario:
    • Instalar y activar el Plugin Featured Content Gallery.
    • Ir a las opción del Featured Content Gallery y poner la categoría que se quiere ver en el Top, marcar los tamaños del area de Display
    • La galería necesita un mínimo de 2 Post para funcionar

  • Las imágenes son de 600×400 pixeles
  • En cada Entrada que vaya al Slide se debe agregar el capo personalizado: articleimg y poner en valor la URL de la foto

Como ver las imágenes en miniatura en las noticias de la portada:

  • WordPress está preparado para generar miniaturas automaticamente al subir imágenes. Los tamaños de estas miniaturas se pueden ajustar en Opciones->Media, para esta plantilla se escogen los siguientes tamaños:
    • 600×400 Grande
    • 300×200 Medio
    • 70×70 Miniatura
  • Tomamos como base una imagen de 600×400 que es el tamaño ideal para esta plantilla. La subimos a una entrada. Hay que tener en cuenta que por cada imagen que subamos a la Web WordPress genera 3, la original, la del tamaño medio y la miniatura.
  • Copiamos el link de la imagen principal, le añadimos al final del nombre 70×70 y creamos un campo personalizado de key=thumbnail.
Tags: , , , ,