Codigo WordPress » Themes http://www.codigowordpress.com Toda la Informacion sobre WordPress , Noticias, Plugins, Themes, Descargas, Manuales y Tutoriales Fri, 07 May 2010 04:27:41 +0000 en hourly 1 http://wordpress.org/?v=3.0 Ir Hacia Arriba en WordPress con HTML http://www.codigowordpress.com/ir-hacia-arriba-en-wordpress-con-html/ http://www.codigowordpress.com/ir-hacia-arriba-en-wordpress-con-html/#comments Fri, 02 Apr 2010 20:04:10 +0000 Alan http://www.codigowordpress.com/?p=206
  • Ir Hacia Arriba en WordPress con JavaScriptNo se si hayan notado un enlace que aparece al...
    • ]]>     Anteriormente les explicaba como desde un enlace, desplazarnos hacia arriba estando en la parte de abajo de nuestro sitio con ayuda de JavaScript. Ahora les mostrare algo muy parecido pero con HTML, solo que la pagina no se desplazara suavemente con el efecto que se utiliza en JavaScript, si no que de golpe se mostrara la parte de arriba al hacer clic en nuestro enlace.


    Primero editamos la plantilla que utilizamos en WordPress, y seleccionamos el archivo header.php (o el equivalente a la cabecera), después nos desplazamos hacia la linea que contenga :

    <body>

    De tal forma que nos quede de esta manera :

    <body id="home">

    Si el elemento body ya tiene algún ID :

    <body id="otroID">

    Entonces lo dejamos intacto, y anotamos el otroID para utilizarlo en el siguiente paso.

    Ahora para colocar el enlace, tendríamos que colocarlo de la siguiente forma :

    <a href="#home">Ir Hacia Arriba</a>

    Y para las plantillas que ya tengan un ID, solo tendríamos que sustituir #home por el ID, anteponiendo un # :

    <a href="#otroID">Ir Hacia Arriba</a>

    Guardamos todos los cambios, y el enlace debería de funcionar.

    Nota: Si queremos utilizar una imagen, solo tendríamos que ponerlo de la siguiente manera dependiendo del ID :

    <a href="#home"><img src="http://www.mipagina.com/imagen.png" /></a>

    El ID, puede ser cualquier nombre, solo que en un sito web o blog nunca deben de haber dos id’s repetidos o iguales.

    Editado :

    Si no están conformes con lo anterior, aquí esta otra manera de lograr lo mismo.

    Lo que tendríamos que hacer seria en lugar de colocar un ID en body colocar la siguiente linea justo despues de la etiqueta body :

    <a name="idelemento" />

    Y el enlace que nos lleva al principio de la pagina seria :

    <a href="#idelemento">Ir Hacia Arriba</a>

    Para los que no saben todabia, aqui esta una guia para saber como editar una plantilla en WordPress.

    Articulos Relacionados:

    1. Ir Hacia Arriba en WordPress con JavaScriptNo se si hayan notado un enlace que aparece al...

    ]]>     http://www.codigowordpress.com/ir-hacia-arriba-en-wordpress-con-html/feed/ 3     Ir Hacia Arriba en WordPress con JavaScript http://www.codigowordpress.com/ir-hacia-arriba-en-wordpress-con-javascript/ http://www.codigowordpress.com/ir-hacia-arriba-en-wordpress-con-javascript/#comments Thu, 01 Apr 2010 22:02:50 +0000 Alan http://www.codigowordpress.com/?p=201
  • Ir Hacia Arriba en WordPress con HTMLAnteriormente les explicaba como desde un enlace, desplazarnos hacia arriba...
  • Subir juegos Flash a WordPressPodemos utilizar WordPress para subir juegos on-line (también llamados juegos...
    • ]]>     No se si hayan notado un enlace que aparece al final de esta pagina y que muchas otras paginas o blogs también tienen.
    ¿Para que sirve? Sirve para que cuando un usuario se desplaza hasta el final de una pagina y estos en lugar de ir hacia arriba de la forma común, ahora solo tienen que hacer clic en Ir Hacia Arriba y la pagina automáticamente se desplaza hacia arriba; esto es algo muy útil, y aun mas si tenemos una Pagina Web o Blog que tienen mucho contenido o son muy extensos; para lograr esto es necesario utilizar JavaScript, lo podemos hacer de dos formas, una es con un enlace, y la otra es con una imagen como botón.

    Para crear un enlace o un botón que nos regrese a la parte de arriba de la pagina.
    Editamos la plantilla de nuestro Theme desde el mismo panel de WordPress, y seleccionamos el archivo header.php o el que corresponda a la Cabecera de nuestro Theme, luego después de la etiqueta :

    <head>

    Colocamos el siguiente código (JavaScript) :

    <script type="text/javascript">
function backToTop() {
 var x1 = x2 = x3 = 0;
 var y1 = y2 = y3 = 0;

 if (document.documentElement) {
 x1 = document.documentElement.scrollLeft || 0;
 y1 = document.documentElement.scrollTop || 0;
 }

 if (document.body) {
 x2 = document.body.scrollLeft || 0;
 y2 = document.body.scrollTop || 0;
 }

 x3 = window.scrollX || 0;
 y3 = window.scrollY || 0;

 var x = Math.max(x1, Math.max(x2, x3));
 var y = Math.max(y1, Math.max(y2, y3));

 window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));

 if (x > 0 || y > 0) {
 window.setTimeout("backToTop()", 25);
 }
</script>

    Después de agregar el código anterior, guardamos los cambios realizados, y es hora de crear el enlace; para crear un enlace que nos dirija hacia arriba, lo tendriamos que crear con el siguiente formato:

    <a onclick="backToTop(); return false" href="javascript:;">Ir Hacia Arriba</a>

    y para utilizar una imagen en lugar de solo un enlace tendríamos que utilizar este otro formato :

    <a onclick="backToTop(); return false" href="javascript:;"><img alt="texto alternativo" src="http://www.mipagina.com/imagen.png" /></a>

    El enlace o imagen puede colocarse en cualquier lugar de la pagina, pero se recomienda colocarlo lo mas abajo posible para aprovechar correctamente este método.

    Nota: El código de los enlaces se puede modificar a nuestras necesidades, solo que tenemos que respetar los elementos :

    onclick="backToTop(); return false"
href="javascript:;"

    a excepción del código JavaScript que insertamos en el Header de nuestra Plantilla, ya que este si es modificado podría provocar que no funcione correctamente.

    Articulos Relacionados:

    1. Ir Hacia Arriba en WordPress con HTMLAnteriormente les explicaba como desde un enlace, desplazarnos hacia arriba...
    2. Subir juegos Flash a WordPressPodemos utilizar WordPress para subir juegos on-line (también llamados juegos...

    ]]>     http://www.codigowordpress.com/ir-hacia-arriba-en-wordpress-con-javascript/feed/ 0     Editar Themes desde el Panel de WordPress (Dashboard) http://www.codigowordpress.com/editar-themes-desde-el-panel-de-wordpress-dashboard/ http://www.codigowordpress.com/editar-themes-desde-el-panel-de-wordpress-dashboard/#comments Sat, 21 Nov 2009 22:17:35 +0000 Alan http://www.codigowordpress.com/editar-themes-desde-el-panel-de-wordpress-dashboard/
  • Instalar Plugins desde El Panel de WordPress AutomáticamentePara poder instalar correctamente un plugin de manera automática desde...
  • Editar el HTACCESS de un Servidor Web para WordPressHasta este punto, ya deberíamos de saber que es WordPress...
  • Como Subir WordPress por FTP a un ServidorPrimero, lo primero, tenemos que tener los datos FTP de...
    • ]]>     Muchos de nosotros hemos tenido la necesidad de editar un theme alguna vez de manera rápida y sin entrar al FTP, y sabemos que para llevar a cabo esto primero entramos a nuestro panel de WordPress (dashboard), y en la barra lateral de la izquierda (sidebar) del panel, hacemos clic en “Apariencia” y después en la sub-categoría “Editor”, nos aparecerá algo así como en la siguiente imagen:

    wordpress-apariencia-editor

    Después en donde menciona “Selecciona el tema a editar” (en la imagen anterior), es donde seleccionaremos el theme (o tema) que deseamos editar; después de seleccionar el theme, en la izquierda aparece un listado llamado “Archivos de Temas” y cada elemento de esta lista es una sección independiente del theme, al hacer clic sobre un elemento del theme se recarga la pagina con el contenido del archivo listo para editarse. Para poder guardar los cambios es necesario contar con los permisos FTP apropiados. Si al editar el theme no nos aparece la ficha (o opción) “Guardar Cambios” en la parte de abajo del editor, significa que tenemos que cambiar los permisos FTP de los archivos del theme.

    wordpress-apariencia-editor-2

    Para poder cambiar los permisos FTP es necesario entrar mediante FTP a nuestro servidor, si no sabemos como acceder por FTP a nuestro servidor aquí en Subir WordPress por FTP puedes encontrar ayuda.

    Una vez habiendo aprendido acceder al FTP sigue lo siguiente, una vez con FileZilla abierto y el FTP en ejecución, nos desplazamos hacia la carpeta FTP principal en donde tengamos instalado WordPress, después abrimos la carpeta “wp-content”, luego a la carpeta “themes” luego nos vamos hacia la carpeta que tenga el theme y entramos,  después hacemos clic derecho y seleccionamos la opción “Permisos de archivo…” sobre cada archivo del theme independientemente del theme completo, una vez hecho lo anterior nos aparecerá algo así como en la siguiente imagen:

    filezilla-permisos

    Ahí en la ventana nos permite cambiar los permisos de el archivo seleccionado del theme.

    En donde dice “Valor numérico” colocamos el numero 755,  que permite escribir correctamente desde el panel de WordPress en los archivos del theme, Luego hacemos clic en aceptar, esperamos unos segundos y listo. Después de haber hecho todo lo anterior ya podemos guardar los cambios efectuados sobre los archivos de los themes de WordPress, haciendo clic en “Guardar cambios” (que viene siendo el botón que aparece en la segunda imagen e este articulo).

    Nota: si podemos guardar los cambios sin cambiar los permisos FTP, no es necesario cambiar ningún permiso. Hay servidores que necesitan los permisos FTP 777 pero este permiso se aplica solo si es un servidor con seguridad diferente, en el cual no cualquiera puede escribir en los archivos del servidor, inclusive el mismo propietario del servidor puede batallar para escribir correctamente sobre los archivos.

    Nota: Si llegan a salir errores al ejecutar imágenes del propio theme, se debe a que los permisos de la carpeta que contiene los archivos del theme son incorrectos, los permisos recomendados para esta carpeta independientemente son 775.

    Articulos Relacionados:

    1. Instalar Plugins desde El Panel de WordPress AutomáticamentePara poder instalar correctamente un plugin de manera automática desde...
    2. Editar el HTACCESS de un Servidor Web para WordPressHasta este punto, ya deberíamos de saber que es WordPress...
    3. Como Subir WordPress por FTP a un ServidorPrimero, lo primero, tenemos que tener los datos FTP de...

    ]]>     http://www.codigowordpress.com/editar-themes-desde-el-panel-de-wordpress-dashboard/feed/ 9