metal.ize

Theme: ‘metal.ize’ v1.0

Jueves 14 de Junio del 2007 Compártelo

Y bueno, aquí les dejo a mi bebé. El primer theme que hago para Wordpress y el que utilicé durante 5 meses. ¿Por qué lo he liberado? Pues simplemente porque ya no lo voy a usar yo, y mi trabajo me costó, no tiene caso desperdiciarlo. Además, quiza a alguien le guste lo suficiente como para considerarlo para usarlo en su propio blog (lo cual me halagaría muchísimo). El theme es un diseño simple y limpio con contrastes bastante definidos lo cual le da un aire de vida y elegancia a la vez (o al menos eso intenté). Se ve MUCHO mejor cuando el blog tiene mucho contenido; así que si lo ven algo simple al principio denle tiempo de crecer y verán que les gusta.

metal.ize theme para Wordpress v1.0

El theme se llama "metal.ize" (si, no tuve mucha imaginación, lo siento) y se encuentra en la versión 1.0. Probablemente saque una nueva versión pronto, pues esta requiere de algunos plugins que son NECESARIOS para que el theme funcione; aunque con algo de personalización estoy seguro de que puede correr sin ellos.

Características

Liberado bajo la licencia Creative Commons.
Utiliza los iconos Fam Fam Silk, liberados bajo la misma licencia.
Es perfectamente compatible para resoluciones de 800x600; pero para resoluciones de 1024x768 se estira un poco más, para no amontonar los contenidos.
El theme es XHTML Strict y CSS válido; siempre y cuando los plugins estén instalados y el código que utilices dentro de tus posts también lo sean.
No funciona bien en IE5.5. Esto fue un error del cual me dí cuenta demasiado tarde y decidí dejarlo así, ya que las visitas de este navegador son mínimas en mi web. Por si les interesa saber, el error se da en la página de inicio por la columna de los archivos. No impide la accesibilidad del sitio, toda la información se ve; pero se descuadra un poco. Este es el único navegador que muestra este error.
Las páginas se listan hasta arriba, debajo del logo, en forma de pestañas. Para resoluciones de 800x600, estas pestañas no deben ser más de 6. En resoluciones de 1024x768 pueden llegar hasta 8. La primer pestaña debe ser nombrada desde el archivo header.php (por defecto, se llama "Blog"). El resto serán nombradas automaticamente.
Para poder brindar todo el aspecto gráfico del theme, NECESITA los plugins "Customizable Post Listings v1.1", "Jerome's keywords v2.0-beta3", "SRG Clean Archives v2.0" y "Pagebar v1.3". Los links para descargarlos están en la descripción del theme (ve a tu Tablero de Wordpress y en presentación verás la descripción del archivo; ahí estarán los links). Al momento de liberar este theme, el plugin SRG Clean Archives tiene una nueva versión que no es compatible con el theme. El theme usa la versión 2.0.

¿Cómo instalar el theme?

Instalar el theme es fácil, siempre y cuango tengas los componentes necesarios. Primero debes instalar los plugins que menciono arriba y configurarlos. Asegurate de que funcionen antes de cambiar de theme. Una vez con los plugins instalados, ve a tu Tablero y bajo la pestaña de Presentación verás el theme. Actívalo y todo funcionará automaticamente.

El paso más complicado quiza sería obtener la información de los plugins; sobre todo de Jerome's Keywords, ya que si no lo tenías instalado, deberás eliminar las tags o instalarlo y ponerle tags a tus entradas (aunque puedes simplemente convertir tus categorías a tags y ya tendrías algo).

Otro aspecto a tener en cuenta son las versiones de los plugins. El theme está probado con las versiones listadas arriba y no tiene garantía alguna de que funcionará con alguna otra versión del plugin. Un detalle que me topé al andar editando el theme fue que el plugin "SRG Clean Archives v2.0" ya no está disponible; por lo que les dejo el código fuente aquí; sólo copienlo y peguenlo en un nuevo archivo y guardenlo como srg-clean-archives.php o algo así:

TEXTO PLANO

PHP:

<?php
/*
Plugin Name: SRG Clean Archives
Plugin URI: http://www.sporadicnonsense.com
Description: A nice uniform way to display your archives.
Version: 2.0
Author: Shawn Grimes
Author URI: http://www.sporadicnonsense.com
*/
function srg_clean_archives()
{
global $month, $wpdb;
$now = current_time('mysql');
$arcresults = $wpdb->get_results("SELECT DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month, count(ID) as posts FROM " . $wpdb->posts . " WHERE post_date <'" . $now . "' AND post_status='publish' AND post_password='' GROUP BY YEAR(post_date), MONTH(post_date) ORDER BY post_date DESC");
if ($arcresults) {
foreach ($arcresults as $arcresult) {
$url = get_month_link($arcresult->year, $arcresult->month);
$text = sprintf('%s %d', $month[zeroise($arcresult->month,2)], $arcresult->year);
echo get_archives_link($url, $text, '','<li><strong>','</strong>');
$thismonth = zeroise($arcresult->month,2);
$thisyear = $arcresult->year;
$arcresults2 = $wpdb->get_results("SELECT ID, post_date, post_title, comment_status FROM " . $wpdb-> posts . " WHERE post_date LIKE '$thisyear-$thismonth-%' AND post_date <'" . $now . "' AND post_status='publish' AND post_password='' ORDER BY post_date DESC");
if ($arcresults2) {
echo "<ul class=\"postspermonth\">\n";
foreach ($arcresults2 as $arcresult2) {
if ($arcresult2->post_date != '0000-00-00 00:00:00') {
$url = get_permalink($arcresult2->ID);
$arc_title = $arcresult2->post_title;
if ($arc_title) $text = strip_tags($arc_title);
else $text = $arcresult2->ID;
$title_text = wp_specialchars($text, 1);
echo '<li>' . mysql2date('d', $arcresult2->post_date). ': ' . "<a href='$url' title='$title_text'>".wptexturize($text)."</a>";
// Here is where you can enable comment count if you would like, just remove the /* from the front and back of the line below
//Save the file and re-upload and you should have all your comment count again
/*$comments_count = $wpdb->get_var("SELECT COUNT(comment_id) FROM " . $wpdb->comments . " WHERE comment_post_ID=" . $arcresult2->ID . " AND comment_approved='1'");
if ($arcresult2->comment_status == "open" OR $comments_count> 0) echo ' (' . $comments_count . ')';*/
echo '</li>';
}
}
echo '</ul></li>';
}
}
}
}
?>

Actualización: El plugin de Pagebar tampoco está online. Aquí les dejo el plugin:

TEXTO PLANO

PHP:

<?php
/*
Plugin Name: Pagebar
Plugin URI: http://www.elektroelch.de/wp/pagebar.html
Description: Adds an advanced page navigation to Wordpress.
Version: 1.3
Author: Lutz Schröer
Author URI: http://elektroelch.de
*/
/* This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
*/
/*
Original Script by: Lester Chan (http://www.lesterchan.net/portfolio/programming.php)
*/
/* --------------------------------------------------------------------------------------------- */
function showTooltip($tooltip, $tooltipText, $page)
{
if ($tooltip)
return ' title="' . $tooltipText . ' ' . $page .'"';
}
/* --------------------------------------------------------------------------------------------- */
function wp_pagebar($params)
{
global $request, $posts_per_page, $wpdb, $paged, $wp_pagebar, $wp_version;
/* Handle default values */
if (! isset($params['before'])) { $params['before'] = ''; }
if (! isset($params['after'])) { $params['after'] = ''; }
if (! isset($params['tooltip'])) { $params['tooltip'] = true; }
if (! isset($params['tooltip_text'])) { $params['tooltip_text'] = 'Pagina'; }
if (! isset($params['prev'])) { $params['prev'] = '« Anterior'; }
if (! isset($params['next'])) { $params['next'] = 'Siguiente »'; }
if (! isset($params['directions'])) { $params['directions'] = true; }
if (!is_single())
{
if ($wp_version <"2.1")
preg_match('#FROM\s(.*)\sGROUP BY#siU', $request, $matches);
else
preg_match('#FROM\s(.*)\sORDER BY#siU', $request, $matches);
$fromwhere = $matches[1];
$numposts = $wpdb->get_var("SELECT COUNT(DISTINCT ID) FROM $fromwhere");
$max_page = ceil($numposts /$posts_per_page);
if(empty($paged))
$paged = 1;
if($max_page> 1)
{
echo '<div class="pagebar"><ul id="blognav">' . $params['before'];
if ($paged>1 && $params['directions'])
echo '<li><a href="'.trim(get_pagenum_link($paged-1)).'" '.showToolTip($params['tooltip'],$params['tooltip_text'], $paged-1).'>'.$params['prev'].'</a></li> ';
if ($paged>= 4)
echo '<li><a href="'.get_pagenum_link().'"'.showToolTip($params['tooltip'],$params['tooltip_text'], "1").'>1</a></li> <li><span class="break">...</span></li> ';
for($i = $paged - 2 ; $i <= $paged +2; $i++) {
if ($i>= 1 && $i <= $max_page) {
if($i == $paged)
echo '<li><span class="this-page">'.$i.'</span></li>';
else
echo ' <li><a href="'.get_pagenum_link($i).'"'.showToolTip($params['tooltip'],$params['tooltip_text'], $i) .'>'.$i.'</a></li> ';
}
}
if (($paged+2) <($max_page))
echo ' <li><span class="break">...</span></li> <li><a href="'.get_pagenum_link($max_page).'"'.showToolTip($params['tooltip'],$params['tooltip_text'], $max_page).'>'.$max_page.'</a></li>';
if ($paged<$max_page && $params['directions'])
echo ' <li><a href="'.get_pagenum_link($paged+1).'"'.showToolTip($params['tooltip'],$params['tooltip_text'], $paged+1).'>'.$params['next'].'</a></li>';
echo $params['after'] . '</ul></div>';
}
}
}
?>

Plugins opcionales

El theme también trae pequeños pedazos de código XHTML, CSS y PHP. Los plugins que he codificado y separado son:

Para instalarlos, debes descargarlos de sus páginas oficiales (intenta que sea la misma versión que yo te pongo. Con otras versiones no aseguro la funcionabilidad), colocarlos en tu carpeta wp-content/plugins y activarlos en tu panel de control. Una vez hecho esto, debes abrir el archivo style.css que está en la carpeta de tu theme y buscar en la parte de hasta arriba (debajo de la información del theme) el plugin que necesitas y eliminar los comentarios de la linea que tiene el @import. El mismo archivo style.css te dirá los archivos en .php que debes editar para que el plugin funcione. Asegurate de no usar el CSS que traigan los plugins por defecto.

Screenshots

Les dejo algunas screenshots del theme:

Espero les sea de utilidad. Probablemente instalarlo requiera mucho más trabajo que otros themes, me disculpo; pero no lo hice pensando en liberarlo. Eso se me ocurrió despues.

Descargar:Theme: metal.ize descargado 1167 veces

Actualización: 15 junio 2007

DraXus me ha escrito y recordado que no envié el png de los headers. Aquí se los pongo para que lo descarguen y también lo he incluído dentro del .zip. Disculpen.

Actualización 20 junio 2007

Colymore ha editado los archivos y ha habilitado la funcion de widgets. ¡Muchas gracias!

Actualización 25 julio 2007

El plugin de Pagebar tampoco está disponible. Les dejo el código fuente aquí.

Miguel 14 de Junio del 2007, 2:14

Muchas gracias!! Ya lo estoy implementando en mi blog y le daré algunos pequeños detalles. :d

Miguel 14 de Junio del 2007, 2:24

Por cierto, podrías dejar el tipo de letra que utilizaste para los títulos del sidebar.

Saludos!

Nova 14 de Junio del 2007, 2:42

;-)Gracias!

MeTaL_oRgY 14 de Junio del 2007, 8:05

Miguel: La fuente que utilizo para los títulos del sidebar es la simple 'Trebuchet MS'.

¡Gracias, y espero te sea de utilidad!

Miguel 14 de Junio del 2007, 9:26

Claro que si! Ahora me haré unos cuantos títulos más que me hacen falta. Por cierto, no sé si será un error del theme, pero si te fijas en los comentarios de mi blog salen desordenados. En vez de que los gravatars aparezcan en su sitio cada vez se van más hacia la izquiera. ¿Se puede solucionar?

Un saludo y gracias a ti!!

Chicoblog 14 de Junio del 2007, 9:55

Ohhh, que genial!
Gracias por liberar el Theme x)
Lo usare cuando deje de gustarme mi actual theme hecho por mi =)

MeTaL_oRgY 14 de Junio del 2007, 10:15

Miguel: Yo no veo el error que decis (aunque no he probado en IE6, supongo que ahí es el error). Intenta limitando el tamaño de los gravatars a 40px.

Miguel 14 de Junio del 2007, 11:18

De momento no he encontrado donde cambiar el tamaño de los gravatar, no utilizo IE, utilizo Firefox y también lo he probado en Safari, Flock, Camino... y se ve mal en todos.

El problema sq el código que pusiste en el theme no es el mismo que suelo utilizar para los gravatars y por eso no se de donde cambiar el tamaño a 40px.

wpthemes 14 de Junio del 2007, 13:47

metal.ize Wordpress Theme v1.0...

#10

Francisco 14 de Junio del 2007, 14:03

Excelente, gracias!

#11

MeTaL_oRgY 15 de Junio del 2007, 9:20

Miguel: En el archivo style.css busca esto:

.gravatar { float: right; padding: 3px; background: #fff; border: 1px solid #d7e9f7 }

Y cambialo por esto:

.gravatar { float: right; width: 40px; height: 40px; padding: 3px; background: #fff; border: 1px solid #d7e9f7 }

Y con eso debería cambiar de tamaño y funcionar cual debe. Avisame.

Por cierto, ya he subido el png original con los encabezados de la sidebar, para que puedan crear los suyos propios.

¡Saludos!

#12

Miguel 15 de Junio del 2007, 18:28

Muchisimas gracias por la ayuda que me estás prestando, ahora si que se ven perfectamente. Y encima he aprendido algo nuevo que no sabía!

Por cierto, no deberías de poner los PSD en vez de los PNG? :S

#13

MeTaL_oRgY 16 de Junio del 2007, 3:09

No uso psd. Mi herramienta de trabajo es Fireworks, y este trabaja con pngs. El png lo puedes manejar con capas y demás, tal cual si fuera un psd. Simplemente otro formato. (CREO que el photoshop puede abrirlos sin problemas, pero no lo he probado).

#14

Miguel 16 de Junio del 2007, 5:18

Sí, el Fireworks lo abre perfectamente y se puede editar, pero si se abre con PhotoShop no lee las capas, lo abre como una imagen más. Al menos es lo que me pasa a mi.

Thx!!

#15

MinDokan 16 de Junio del 2007, 17:11

Creo que voy a ver como lo pasamos a Joomla!
Siempre y cuando al autor le parezca...

#16

MeTaL_oRgY 17 de Junio del 2007, 0:47

MinDokan: ¡Claro que me parece! Te deseo suerte al portarlo. Y avisame si lo logras.

#17

Julio Acevedo 17 de Junio del 2007, 23:56

Exelente Theme, me ha gustado mucho, habia estado cuscabdo un buen theme para montar mi blog, pero no lo habia encontrado, y decedi hacer mi propio diseño, pero he encontradop este theme uqe me parece perfecto!

#18

Folken 18 de Junio del 2007, 22:09

Perfecto, solo una cosa te falto ponerme el header personalizado con el nombre de mi sitio, pra que lo descargue, espero no vuelva a pasar.

Ultimamente me han dado ganas de hacer un blog en wordpress talvez lo estrene con tu diseño.

Por cierto lo del Header fue sarcasmo.

#19

luiz 20 de Junio del 2007, 9:59

Hola, me ha gustado tu theme y me he animado a usarlo en mi blog www.uizl.com y todo ha salido bien salvo por 1 error sobre los tags que estan en el sidebar. Te agradeceria si me das una mano.

#20

luiz 20 de Junio del 2007, 10:07

Pues nada, que ya lo he solucionado, era que habia bajado otra version del keywords, ahora si solo me falta el logo xD

#21

gafeman 24 de Junio del 2007, 8:32

aishhh.. si lo hubiera encontrado antes, ahora lo estaría usando y modificando.
de momento estoy contento con el q tengo, pero igualmente le voy a hacer una ojeada al codigo para aprender
¡¡gracias por compartirlo!!

#22

MeTaL_oRgY 24 de Junio del 2007, 15:49

gafeman: Hermano... ¡Que gusto! ¡Le he dado una vuelta a tu blog y me ha parecido excelente! En verdad me ha encantado. Sigue así. Y gracias por considerar mi theme para su uso.

#23

Valentin Vesa 24 de Junio del 2007, 16:56

Hi there, I love the theme. Can you give me the PSD files for the images? I want to re-write them into English, as my blog is English language Powered. Can you help me please?

#24

MeTaL_oRgY 25 de Junio del 2007, 0:55

Valentin Vesa: Hi there! I'm very sorry, but I have no psd files. I don't use photoshop. But you can find the header pngs above which you can open and modify with Fireworks.

Hope that helps.

#25

gevv 25 de Junio del 2007, 12:02

Thanks

#26

leny 25 de Junio del 2007, 17:42

me parece una hermosa plantilla, no se si pueda llegar a utilizarla el bloger, pero si te puedo decir que muy pocas plantillas quedan tan bien prensentadas, felicidades, espero poder utilizar en algun momento, escribeme.

#27

cedricmarsstar 29 de Junio del 2007, 0:09

La verdad es un grato honor felicitarte por tan vistoso y genial tema jeje y tu nuevo diseño es grandioso tambien ,saludos desde la apocaliptica cd de mexico igual.!

#28

Adrian 29 de Junio del 2007, 13:37

Que buen tema me ha gustad odemaciado pero estaria genail si pudieras subir tu logo del header para poder modificarlo ya que no soy muy bueno en diseñar y se un poco con fireworks.

#29

Nasty 30 de Junio del 2007, 1:13

excellent work !!

#30

lalink 2 de Julio del 2007, 19:02

MeTal, sabía que había gente asi de chingona pero no habia encontrado hasta hoy: tú. Jajaja, pues mira el motivo d mi comentario es mas bien una duda que tengo ya que soy un total y abosluto ignorante en esto del bloggeo, tengo un modestito blog en blogger pero me ha llamado la atención wordpress, al buscar plantillas para este servicio es como he dado con tu web y he encontrado tu theme que ahora generosamente ofreces. El detalle es que ahora que he creado un blog en wordpress y al tratar de seguir tus instrucciones para instalarlo, me he topado con pared ya que no se donde debo guardar los plugins (no entiendo lo de las carpetas y archivos) y tambien he leído que no es posible modificar la platinlla sin pagar?? y Tambien que no es posible poner adsense en wordpress??? Por favor sacame de esta ignorancia!!! Te suplico tu ayuda!

#31

MeTaL_oRgY 2 de Julio del 2007, 20:06

lalink: Primero que nada, muchas gracias por tus comentarios. No he usado blogger, pero puedo decirte que wordpress es una plataforma extremadamente flexible y adaptable a tus necesidades; por lo que no tendras ningún problema para meter adsense. También quiero aclarar que puedes modificar la plantilla sin problemas y sin necesidad de pagar; de hecho, te aliento a que lo hagas. Es una de las razones por las que la liberé: para ver qué tan lejos la pueden llevar.

Ahora bien, para instalar un plugin basta con descargar los ficheros del mismo y subirlos a tu carpeta wp-content/plugins. Luego ir a tu panel de control de wordpress y buscar la pestaña plugins para despues activarlos desde ahí. Tan simple como eso.

También cabe decir que muy pronto editaré el theme para que pueda ser usado sin estos plugins, pero claro, no se verá igual (lo diseñé con esos plugins en mente).

#32

lalink 3 de Julio del 2007, 0:02

hola de nuevo MeTal, gracias por contestar tan rápido, pero la verdad me he quedado casi en las mismas... me he matado buscando la dichosa carpeta wp-content; cuando te refieres a subir los ficheros a esta carpeta, deduzco que esta en alguna parte de mi blog, es decir, en el panel, pero no logro encontrarla... o donde está?? :-S

Y abusando de tu buena voluntad, como puedo hacer para introducir ciertos artilugios a la página?? ya me has dicho que si se puede modificar sin pagar, pero no se como agregar elementos a la pagina?? por ejemplo un contador de hits mas vistoso, o un reloj o el propio adsense (en blogger se maneja una opción que dice "añadir elementos de página" y uno introduce los códigos en donde quiere que aparezcan, pero aqui en wordpress no encuentro donde).

Me da mucha pena molestarte con preguntas tan estúpidas, he visto lo que te preguntan los demas y pues yo soy el unico we que te pregunta estas cosas jejeje, pero te agradeceria muchisimo que me quitaras esta venda de los ojos.

#33

Colymore 3 de Julio del 2007, 20:45

Soporte widgets en metal.ize...

Veo que muchas visitas provienen de metalize y supongo que por el post de la liberación de su theme en la que mención que modifique el theme para incluir soporte de widgets, bueno, ya que no puso la dirección que le pase os la pongo yo:
metal.ize v1...

#34

Zpywzard 4 de Julio del 2007, 20:43

usare tu skin... me gusta y te lo he dicho innumerables veces xD

Genial!

#35

Blixer 12 de Julio del 2007, 18:58

Veo que ya tiene soporte para widgets ,pero cuando los usas no respeta los estilos o nos los genera ojala pudieras modificar el css para no suceda eso.

#36

Albert 24 de Julio del 2007, 10:50

Un millón de gracias por ceder tu proyecto, admiro eso, lo pondré a funcionar a ver que sucede.

saludos y gracias

#37

Juan Blas 25 de Julio del 2007, 10:00

A mi me sucede esto:
=================================
Fatal error: Call to undefined function: wp_pagebar() in /home/virtual/sitio134559/www/wp-content/themes/metalize/index.php on line 31
=================================
Saludos y a ver si me lo podéis solucinar.

#38

MeTaL_oRgY 25 de Julio del 2007, 10:19

Juan Blas: Te falta el plugin de pagebar. Te recomiendo lo instales o abras el archivo index.php y borres esta línea:

<?php wp_pagebar(array())?>

y reemplazalo con este código:

<div class="alignleft"><?php next_posts_link('« Previous Entries') ?></div> <div class="alignright"><?php previous_posts_link('Next Entries »') ?></div>

#39

Posts recientes

Recent Comments:

Meta

Theme: ‘metal.ize’ v1.0

metal.ize theme para Wordpress v1.0

Índice

Características

¿Cómo instalar el theme?

Plugins opcionales

Screenshots

Actualización: 15 junio 2007

Actualización 20 junio 2007

Actualización 25 julio 2007

67 Comentarios

metal.ize

Posts recientes

Recent Comments:

Meta

Buscar

Theme: ‘metal.ize’ v1.0

metal.ize theme para Wordpress v1.0

Índice

Características

¿Cómo instalar el theme?

Plugins opcionales

Screenshots

Actualización: 15 junio 2007

Actualización 20 junio 2007

Actualización 25 julio 2007

Posts relacionados:

67 Comentarios