curiosidades de echo
- Utiliza la comilla simple (') en vez de la comilla doble (") siempre que no vayas a usar variables dentro, la comilla doble hace que el intérprete analice lo que hay dentro de las comillas.
- La forma más rápida de concatenar texto es usando comillas simples.
- Cuando uses echo, separa los strings por comas mejor que con puntos, es más rápido. Esto solo funciona con echo.
- echo es más rápido que print.
Sobre el segundo punto la verdad es que no lo sabia, Alejando Torres hizo un comentario en mi post sobre mis manias a la hora de programar
El tercero tambien me ha sorprendido he hice un ejemplo:
-
$var = 13;
El resultado de este codigo es:
los 13 monos voladores
Via | Sentido Web
experiencias con PNG
si sois diseñadores web, con firefox 2 y internet explorer 7 no os teneis que preocupar por las transparencias alpha.
Pero la cosa cambia en internet explorer 6, en este ulitmo los pngs aparecen con un fondo de color y no precisamente el transparente
Para ello hay 2 soluciones, mediante CSS o con un javascript.
yo recomiendo hacerlo mediante CSS ya que he notado que en javascript las sombras no aparecen, pero la pega es que en css tienes que crear un estilo para cada elemento que contenga un PNG
ejemplo para el metodo css:
en el css principal tengo:
-
#logo{
-
width:343px;
-
height:268px;
-
position:absolute;
-
z-index:2;
-
left:2%;
-
top:18px;
-
background:url(images/gafelogo.png) no-repeat;
-
}
y en un fichero png.css el siguiente codigo:
-
#logo{
-
background-image: none;
-
filter: none !important;
-
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/satori/images/gafelogo.png');
-
}
luego para que solo se aplique en Internet explorer 6 poner esto antes de la etiqueta </head>:
-
<!--[if lt IE 7]>
-
<link rel="stylesheet" href="http://www.viciao2k3.net/blog/wp-content/themes/satori/png.css" type="text/css" media="screen"></link> <![endif]-->
pasos para el metodo con javascript:
- descargar fichero pngfix.js
- subir al servidor
- poner el siguiente codigo en el header de tu theme, antes de la etiqueta </head>:
HTML:
-
<!--[if lt IE 7]>
-
<script defer type="text/javascript" src="/pngfix.js"></script>
-
<![endif]-->
-
programa para exportar imagenes a png?
MeTaL_oRgY de la web metal.ize me recomendo el Adobe Fireworks CS3
curiosidades:
el logo y la mascota de la cabecera son pngs, los guarde directamente en el formato Fireworks PNG, grave error por mi parte, no cometais el mismo error
¿Porque digo error?
- Los PNGs no son transparentes ni con el javascript mencionado anteriormente
- ocupan mucho mas pongo mi caso:
- letras viciao2k3 antes: 67.83 KB, ahora en png plano 5.38 KB
- logotipo antes: 91.2 KB, ahora en png plano 12.9 KB
pasos para guardar en png plano y con transparencia alpha:
- cuando salga la ventana de guardar como..., seleccionamos el formato png plano
- se activara un boton opciones, pulsamos sobre el
- nos aseguramos que esta en PNG-8
- Luego abajo encontrareis en una casilla de seleccion, por defecto Sin transparencia, lo cambiais a Transparencia alfa
mod para permitir la navegacion con el teclado
permite la navegacion entre paginas con las teclas de direccion del teclado como en la web de elpais.com
antes de todo, quiero decir que esto es una modificacion de un fichero del wordpress, si actualizas la version seguramente se perdera.
tambien quiero decir que si tienes el paginador por defecto del wordpress funcionara correctamente, si tienes instalado el plugin para hacer la paginacion tipo digg, creo no podras hacerlo. (eso si, no lo he probado, pero los pasos serian diferentes)
pasos:
- Descargar el fichero paginador.js
- Tienes que crear una carpeta en la raiz de tu wordpress con el nombre js (javascript)
- Subir el fichero paginador.js a la carpeta creada en el paso anterior
- editas el fichero:
/wp-includes/link-template.php - busca el siguiente codigo:
function posts_nav_link(
a bajo encontraras:
next_posts_link($nxtlabel); - debajo de esta linea pega este codigo:
echo "<script src=\"/js/paginador.js\" type=\"text/javascript\"></script>"; - busca el siguiente codigo:
function previous_posts_link(
abajo encontraras algo como:
echo '<a href="';
remplazalo por:
echo '<a id="crlPrev" href="'; - busca el siguiente codigo:
function next_posts_link(
abajo encontraras algo como:
echo '<a href="';
remplazalo por:
echo '<a id="crlNext" href="'; - Editar el fichero:
/wp-includes/deprecated.php
Y hacer lo mismo que los 2 anteriores pasos en las funciones:- previous_post()
- next_post()
Demo:
Podeis verlo en esta web
instalar formulario de contacto
antes de todo, quiero decir que he extraido la la noticia del blog Quinta Dimension.
como veo que en la pagina del creador, no se puede descargar he decidido como Quinta Dimension alojarlo en mi servidor
requisitos:
pasos:
- Descargamos el plugin wp-contactform creado por Ryan Duff
- para este paso es necesario un programa para extraer ficheros ZIP, en esta caso WinRAR
extraemos el fichero wp-contactform-1.4.2_es.zip - para este paso es necesario un programa para subir ficheros a un FTP, en esta caso CuteFTP
copiamos la carpeta wp-contact-form al directorio:
wp-content/plugins - Nos dirigimos en el panel de control del wordpress, una vez dentro accedemos a plugins y activamos el plugin WP-ContactForm
- una vez activado, accedemos a:
panel de control -> opciones -> contact form - y rellenamos los campos que nos piden que son:
- el e-mail del destinatario
- un mensaje si el formulario se ha enviado correctamente
- un mensaje si el formulario no ha sido enviado
luego pulsamos sobre el boton actualizar opciones
- creamos una pagina desde:
panel de control -> escribir -> escribir pagina - ponemos de titulo: Contacto
- luego cambiamos el modo del editor a codigo y pegamos:
<!--contact form--> - ahora solo tendras que poner un enlace del formulario de contacto en tu web
mi primer plugin, ultima actualizacion
muestra la fecha de hoy y la ultima modificacion como en la web de 20minutos.es
Descarga:
¿Como funciona?
Lo que hace el plugin es:
- Mostrar la fecha actual
- Busca el ultimo post modificado, extrae la fecha de modificacioon y lo convierte en el tipo "actualizado hace 1 minuto"
Demo:
Lo podeis ver en la cabecera de esta pagina, encima de las pestañas de navegacion
Intrucciones:
- Descargar ultima_actualizacion.phps
- Renombrar a ultima_actualizacion.php
- Subir a la carpeta:
wp-content/plugins/ - Ir al panel de control -> Plugins
- Activar el plugin Ultima actualizacion
- Para que aparezca la fecha de la ultima actualizacion, tienes que pegar en algun fichero del theme:
PHP:
-
<?php ultima_actualizacion(); ?>
Por ejemplo, si quieres que aparezca en la cabecera, busca el fichero header.php y pegalo donde quieras eso si despues de la etiqueta <BODY>
-
La verdad, es que no he buscado si existe pero ha sido mi primer plugin para wordpress y estoy muy satisfecho de ello
Puede que hayan bugs ya que solo lo he probado en mi servidor, si es que encuentran algun error dejen algun comentario
Diario de problemas solucionados:
- El CSS no se cerraba correctamente
- La fecha en la pagina principal esta correcta pero al entrar en un articulo o post sale la fecha de esta
@gafeman: en el canal 33 por la noche no hechan por__no?
o me equivoco con canal 7? xD
pongo las __ que sino no puedo comentar xD