Búsqueda personalizada

Un Plugin para integrar un editor de imágenes en Imaset

Es un interesante plugin que nos permitirá dejar de lado el editor que tradicionalmente utilizamos para las imágenes que irán a nuestro blog, y sustituirlo por este editor integrado a nuestro blog. Lo estupendo de Imaset es que siempre estaremos trabajando desde nuestro panel de wordpress, y añadirle a nuestras imágenes cantidad de efectos antes de ser publicadas. Los filtros con los que podremos contar son:

• Sombra
• Marco
• Reflejo
• Brillo
• Perspectiva
• Ondular
• Invertir colores
• Escala de grises
• Sepia
• Colorizar
• Desenfoque suave
• Desenfoque fuerte
• Encontrar bordes

Instalación:

- Descargar imaset_2-0.zip

- Descomprimir respetando jerarquia de directorios

- Subir por FTP al directorio wp-content/plugins toda la carpeta imaset/

- Activar el plugin en el panel de Administrador

- Listo para ser usado

Utilización:

Subimos una imagen como tradicional mente lo hacemos. Cuando deseemos editar una imagen simplemente daremos click sobre un nuevo botón que figurara “Usar Imaset”, botón que nos habilitara una nueva ventana mediante popup donde podremos ya comenzar a editar las imágenes. Editamos, guardamos, y publicamos.

1558440976_a7677bca60_o.jpg

Enlace para descarga

Publicado en Plugin | Responder

CSS – Barras de porcentaje

1111401164_1e45d91f16_o.jpg

En CSSLab podremos encontrar un sencillo tip, para lograr a partir de imágenes y un poquito de código Css nuestras barras de porcentajes. Truco que vendrá bien para lograr hacer cosas muy bonitas.

Ver demo
Enlace a Medidor de porcentajes con CSS

Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Un minipost en tu sidebar en Sideblog

La palabra “minipost” hace deducir fácilmente de lo que estamos hablando, pero no vendría mal una breve explicación: “ Los minipost son pequeños artículos de algo que deseamos comentar pero a la vez no extendernos tanto al hacerlo. Esto es muy útil cuando al hablar de un link interesante que deseamos compartir desde nuestro blog, nos damos cuenta que solo nos llevara dos líneas de texto o quizás menos”.

La idea es muy sencilla, evitar introducir estos pequeños artículos en nuestro contenido central, y hacerlo desde un espacio destinado a compartir pequeños enlaces interesantes. Sideblog v3.0 es un plugin wordpress que nos permitirá realizar esto de una manera practica, sencilla, y sin complicaciones. Aunque posee algunos parámetros que podremos configurar de los cuales hablare.

Instalacion:

1.- Descargar plugin Sideblog v3.0 o desde la misma web oficial

2.- Descomprimir y alojar en la carpeta de plugin ‘wp-content/plugins /’.

3.- Volver a la pestaña Plugins en el panel de control y activar Sideblog.

sideblog.jpg

Pasos a seguir:

Paso 1:

Sideblog v3.0 plugin, necesitara que definamos una categoría, la que evidentemente será la que contendrá todos nuestros minipost. Entonces crearemos una categoría destinada exclusivamente a este fin. Crearemos una nueva categoría de nombre “Asides”.

Paso 2:

option.jpg

- En nuestro tablero wordpress nos deberemos dirigir a la sección de “opciones”

- Dentro de el seleccionaremos la opción sideblog.

- Marcaremos la casilla de la categoría que hemos creado para escribir nuestros minipost.

- Configuraremos la forma en la que deseamos mostrar nuestros minipost. De forma estándar la encontraremos así. 

CSS:
<li>%content% – %permalink%</li>

Lo que significa que mostrara el contenido del articulo y un pequeño link al articulo completo. Entonces lo modificaremos para que muestre en el minipost también el titulo del artículo junto con el contenido. Nos debería quedar así:

CSS:
<ul><li>%title_url% – <em> %content% </em> </li></ul>

Verán aun mas opciones si desean para implementar (fecha del artículo, etc). Obvio todo opcional y a gusto de ustedes.

En la opción 5 de la foto de ejemplo, podremos especificar la cantidad de post que deseamos mostrar yo seleccione solo los últimos 3 post, y la opción marcada como 6 nos permite decidir si deseamos excluir de nuestro feed la lectura de estos minipost, algo también opcional.

Dar un poco de estilo:

Daremos un poco de estilo a nuestros minipost, agregando algunas líneas en nuestra hoja de estilo.

CSS:
#asides  {
  background: #231D19;
  font: normal 11px Verdana, Helvetica, sans-serif;
color:#fff;
}

#asides ul {
        list-style-type: none;
        width:90%;
}

#asides li {
        border-bottom: 1px dashed #443B34;
}

#asides li a {
        color: #E15F13;
        font: bold 11px Arial, Helvetica, sans-serif;
        padding: 0px;
        text-decoration: none;
     }

Por ultimo agregar los minipost al sidebar: Pegaremos este código donde deseamos mostrar nuestros minipost.

HTML:
<div id=”asides”>

<?php sideblog(asides); ?>

    </div>

Publicado en General | Responder

Novedades