Si queremos que todos los links de una página/s se abran en nueva ventana (target=”_blank”) y no os interesa editar por lo que sea todos los php o html de vuestras páginas, podeis hacer uso de este simple script jQuery, que se encarga de abrir en nueva ventana en todos los links (al hacer “click” sobre los enlaces):
$(document).ready(function() {
$('a').click(function(){
this.target = "_blank";
});
});
Mode
A continuación un ejemplo si queremos conectar y acceder a una base de datos externa al servidor de nuestro wordpress. Usamos la clase wpdb de wordpress y insertamos el usuario, clave, nombre y el host de la base de datos externa:
$mi_db = new wpdb(DB_USER, DB_PASSWORD, DB_NAME, DB_HOST);
Bien, y ahora otro ejemplo si queremos realizar una consulta (en este caso un listado de los nombres de todos los registros de nuestra tabla cuya ciudad sea León) a una tabla de esa base de datos externa:
$tabla = 'clientes';
$query = "SELECT * FROM $tabla WHERE ciudad = 'León'" ;
$contenido = $mi_db->get_results( $query );
if (count($contenido) > 0){
foreach ($contenido as $fila){
echo 'Nombre: ':$fila->nombre.'<br />';
}
}
Para obtener las dimensiones de una imagen o foto en php utilizaremos la función getimagesize(), con la que podemos averiguar el tamaño de un archivo de imagen, las dimensiones (ancho, alto), y el tipo de archivo (gif, jpg, png, bmp, etc…) y los atributos (width=”" height=”") con el alto/ancho para ser usados dentro de la etiqueta IMG de HTML).
Modo de uso (acordaros de reemplazar “MI_IMAGEN.jpg” por el nombre de vuestra imagen):
list($width, $height, $type, $attr) = getimagesize("MI_IMAGEN.jpg");
echo "Ancho: " .$width;
echo '<br />';
echo "Alto: " .$height;
echo '<br />';
echo "Tipo: " .$type;
echo '<br />';
echo "Atributos: " .$attr; Un ejemplo de Resultado:
Ancho: 800
Alto: 600
Tipo: 2
Atributos: width=”800″ height=”600″
—
El tipo de imagen vemos que es numérico, pero si queremos averiguar a que formato se corresponde cada número os dejo la siguiente tabla con sus valores:
Tipos de imagen:
| 1 = GIF |
5 = PSD |
9 = JPC |
13 = SWC |
| 2 = JPG |
6 = BMP |
10 = JP2 |
14 = IFF |
| 3 = PNG |
7 = TIFF |
11 = JPX |
15 = WBMP |
| 4 = SWF |
8 = TIFF |
12 = JB2 |
16 = XBM |
Crear un efecto de “cargar página” o “loading” en jquery mientras se van cargando todos los elementos de la página web es realmente sencillo gracias a la función load() de jQuery.
A continuación un ejemplo que puedes customizar el css a tu gusto de mil formas.
1º. Creamos damos estilos al div que aparecerá primero por encima del resto (con posición absoluta en css) hasta que se cargen ya todos los elementos del documento, que es cuando este div ya desaparecera.
#cargando {
position:absolute;
width:100%;
height:100%;
background:#fff url(imagenes/loading.gif) no-repeat center;
}
2º. Insertamos en script dentro del “head” de nuestro documento:
$(window).load(function () {
// Una vez se cargue al completo la página desaparecerá el div "cargando"
$('#cargando').hide();
});
Y por último, insertamos el div con id “cargando” al principio o final del “body” de nuestra página web:
<body>
<div id="cargando">Cargando...
</div>
Y aquí ya va todo el contenido (divs, imagenes, etc...) de tu pagina...
</body> Este es un ejemplo sencillo de como hacer un cargador usando jquery, pero con un poco de imaginación puedes hacer un cargador de página mucho más original (Puedes crear diferentes imagenes de loading en http://www.ajaxload.info/).
Si tengo tiempo ya os pondré algunos ejemplos diferentes de cargadores utilizando este simple script como base.
Para extraer o averiguar la url actual de una página/post en WordPress basta con una simple función:
<?php echo get_permalink(); ?>
Así nos evitamos usar los array php $_SERVER['SERVER_NAME'] y $_SERVER['REQUEST_URI'] que utilizariamos para conocer la página actual en php en cualquier otro sitio de este modo:
echo Url actual: 'http://'.$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
Mi nombre es Jorge, y soy de León. Desde hace algo más de 6 años trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.