Cómo sabéis hemos creado una categoría donde queremos mostrar las mejores adaptaciones que encontramos para Thesis Theme.

Si tu blog funciona bajo Thesis y quieres que aparezca en nuestra Galería de Diseños para Thesis Theme, sólo debes hacer enviarnos un mensaje desde la sección de contacto y avisarnos con tus datos:

• Nombre
• E-mail
• URL

¡Esperamos tus diseños!

manelgarcia.com es el blog personal de Manel García, un desarollador web afincado en Barcelona que ha confiado en Thesis Theme para su plantilla de su blog en WordPress.

El diseño ha sido editado y modificado para dar un aire moderno y creativo.

Ultimamente he visto varios comentarios en el blog que preguntaban cómo se puede ganar dinero con thesis theme. Vamos a aclarar este concepto y a explicar paso a paso cómo se puede empezar a ganar dinero online con Thesis Theme, una plantilla para WordPress.

En primer lugar, explicar que ganar dinero con Thesis Theme quiere decir que estamos ‘revendiendo’ la plantilla creada originalmente por Chris Pearson a terceras personas y por lo tanto nosotros nos quedaremos un % de comisión. Thesis nos permite revender su plantilla sólo si antes ya hemos adquirido la plantilla (son listos eh!) y el tanto por ciento de comisión que nos quedaremos es del 33% (no esta nada mal).

Por lo tanto, y viendo que Thesis dispone de dos opciones: Developers ($164) y Personal ($87) así pues nos quedaremos por cada venta: $54.12 por cada venta “Deveopers” y $28.71 por cada venta “Personal”

Cómo Empezar a Ganar Dinero con Thesis Theme

Estos son los sencillos pasos a seguir para empezar a ganar dinero con ThesisTheme

• Haber adquirido la plantilla Thesis. Si aún no lo has hecho, ¿a que esperas?
• Acceder desde tu panel de cotrol en DIYThemes a la sección de afiliados que te mandará a ShareaSale
• En shareasale crear nuestra cuenta y dar de alta nuestro blog o sitio.
• Empezar a ganar dinero con Thesis Theme.

Una vez tenemos instalado Thesis Theme, el mismo dispone de un apartado de diseño en el cual podremos caracterizar nuestro blog cómo queramos. Podemos escojer el numero de sidebars que queramos, cambiar los colores de las tipografias o el color de fondo, hasta nos añade por cortesía del autor un degradado cuando escojemos un color de fondo que no es blanco, muy interesante la verdad.

Así que en 10 minutos podemos tener nuestro blog customizado a medida sin mucho esfuerzo ni conocimiento de CSS, HTML o PHP.

Pero en algunos casos vamos a querer editar un poco más nuestro blog, detalles más concisos para los que no tenemos opciones en el Design Panel de Thesis. Para cambiar la apariencia de tu Thesis, o cualquier web, usaremos CSS y HTML, para los que no estáis nada familiarizados con código, digamos que:

El HTML es el lenguaje que le dice al navegador qué mostrarnos y el CSS es el que define cómo mostrarlas visualmente.

Para este tutorial supondremos que tenemos conocimientos básicos de CSS.

Cómo Usar el Archivo Custom.css de Thesis Theme

El archivo custom.css que podemos editar en nuestro Thesis, es la brillante manera que han elejido los creadores de Thesis para poder modificar el diseño de nuestro blog sin tener que “ensuciarnos las manos” o editar mucho código.

Cáda página de Thesis carga en la etiqueta body del documento la classe custom, así que los cambios que apliquemos en dicho documento se verán realizados, y evitaremos modificar código interno de la plantilla, por si un día por ejemplo queremos volver al diseño original o crear uno nuevo.

Lo único que debemos tener en mente, es que es necesario indicar antes del elemento a editar que usamos la clase .custom, tipo:

.custom #tagline p{ color: red; }

Aquí estaríamos cambiando el color del slogan o tagline de nuestro blog a rojo, cómo véis, antes de la definición propia del elemento, añadimos .custom.

Con esto, podemos editar cualquier bloque, tipografía o color de nuestra plantilla. De hecho, podemos crear una nueva plantilla a partir del mismo Thesis desde 0 y así poder usar Thesis Theme y WordPress cómo CSS para crear páginas web dinámicas. Más adelante escribiré sobre eso. Puedes suscribirte al RSS para no perderte ni un post.

Otro bonito ejemplo de cómo una plantilla para wordpress cómo Thesis puede convertirse en un gestor de contenidos perfecto para diseñar tu sitio web.

Seguro que una de las preguntas básicas que nos hacemos cuando estamos usando Thesis por primera vez es cómo podemos bajar el menu de navegación por debajo del logo, es una modificación básica que si no estamos generalizados con los hooks de thesis puede darnos más de un dolor de cabeza cuando en realidad es muy fácil.

Cómo Bajar El Menu de Navegación de Thesis Theme

1. Abrimos el /wp-admin de nuestro blog y nos dirigimos a Custom File Editor, seleccionamos el archivo /custom_functions.php y añadimos las siguientes líneas de código al archivo:

2. remove_action('thesis_hook_before_header', 'thesis_nav_menu');
   add_action('thesis_hook_after_header', 'thesis_nav_menu');
   

Nada más, cómo es comentaba en la Review de Thesis Theme, este es una plantilla para WordPress muy fácil de editar, manejable y optimizada para buscadores.

Cuando instalé por primera vez Thesis Theme, quise borrar algunos bordes que parecian duplicados, otros simplemente no me interesaba que estuvieran ahí.

En este post voy a explicar cómo poder quitar los bordes que molestan de Thesis Theme sin morir en el intento y sin tocar archivos del núcleo de la plantilla.

Eliminar Bordes En Thesis Theme

1. Vamos al admin y, Thesis > Custom File Editor > y abrimos custom.css
2. Añadimos las siguientes líneas de código y guardamos el archivo:

   .custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list {
           border-bottom: 0px;
           border-top: 0px;
           border-right: 0px;
           border-left: 0px;
   }
   

Fácil no? Y es que Thesis Theme es muy fácil en para editar “detallitos” de la plantilla sin tener que explorar cientos de archivos o descuadrar otras cosas, que tantas veces nos ha pasado con otras plantillas.

Si quieres echar un vistazo a Thesis Theme para descargarlo, aquí te dejo un enlace.

Otra de las primeras cosas que la gente que usa Thesis Theme prefiere cambiar al principio es el logo. En lugar de mostrar el titulo del blog en texto, hacerlo mediante una imagen creada por nosotros que actue cómo logo.

Pues bien, Thesis Theme nos lo pone muy fácil, sólo debemos seguir los siguiente pasos:

Añadir Logo a Thesis Theme

1. Vamos a Media > Add New  y subimos el nuevo logo, nos copiamos la URL de la imagen en el portapapeles.
2. Nos dirigimos a Thesis Theme > Custom File Editor > /custom_functions.php y añadimos lo siguiente:

   
   function logo() {
   ?>
   <p id="logo"><a href="<?php bloginfo('url'); ?>"><img src="<strong>AQUI_LA_URL_DEL_LOGO</strong>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"/></a></p>
   <?php
   }
   
   add_action('thesis_hook_header', 'logo');
   

Es importante dejar el párrafo con id logo para no romper las hojas de estilo.

<p id="logo">

Nada más, aqui tienes otro motivo para comprar el nuevo Thesis Theme de WordPress. La plantilla de plantillas.

Cuando instalamos Thesis Theme por primera vez, veremos que por defecto en el footer (al final de la página) hay una frase y un enlace tipo:

Get smart with the Thesis WordPress Theme from DIYthemes.

En este post voy a explicar cómo quitar ese enlace con 2 simples pasos:

Eliminar Enlace Footer Thesis Theme

1. Abrimos nuestro /wp-admin y nos dirigimos a Thesis > Custom File Editor. Y a continuación seleccionamos el archivo: custom_functions.php
2. Añadimos la siguiente línea de código en el archivo y salvamos:

   remove_action('thesis_hook_footer', 'thesis_attribution');