exotren

Hace unos días estaba tratando de poner un editor WYSIWYG en un theme por medio de plugins, pero ninguno se paresia a lo que buscaba así que decidí reformar el theme e introducirlo por medio de código, pero ya cansado de probar me avía quedado con el conocido TinyMCE hasta que me tope con un articulo de Nekko (fundadora de www.summarg.com) en el que hablaba de un editor WYSIWYG con las cualidades que buscaba: Rápido, liviano, fácil de usar y muy configurable. Ahora le dejo un poco de código para que puedan utilizar redactor.js Paso 1: Descarga Redactor.js. Paso 2: Dentro de redactor772.zip tendrán 5 carpetas y un archivo.html, pero solo nos interesa la carpeta redactor. Paso 3: Copiamos los archivos redactor.js y redactor.css a la carpeta script en mi caso. Paso 4: Para llamar a redactor.js y redactor.css introducimos un poco de código antes de la etiqueta </head> de nuestro header.php <!-- REDACTOR.JS --> <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/script/redactor.css" /> <script src="<?php bloginfo('template_url'); ?>/script/redactor.js"></script> <!-- FIN REDACTOR.JS --> Y este otro en el footer.php antes de </body>. <script type="text/javascript"> $(document).ready( function() { $('#redactor_content').redactor(); } ); </script> Paso 5: Abre la carpeta donde se ubica tu theme y busca el archivo comments.php. En este archivo solo tienes que agregar el id“redactor_content” a la etiqueta <textarea>

En este pequeño video veremos como crear un host virtual en localhost. link: http://www.youtube.com/watch?v=j0Js8Qs3uC4

Con el tiempo el diseño web se ido convirtiendo en un arte sin fronteras y cada vez son mas rigurosos y vistosos los diseños, pero en su afán por convertir la web en una obra de arte muchas beses se pasa por alto el peso de las mismas lo cual genera una carga mucho mas lenta de estas. Aquí dejo unos cuántos consejos para que puedan mejorar el tiempo de carga de sus web o blog: Formatos de Imágenes: Usar GIF para las imágenes que necesiten de pocos colores, JPG para las imágenes con muchos colores, y PNG especialmente para imágenes que tienen transparencia. Algunos artículos para aprender mas sobre los formatos de imágenes: http://www.maestrosdelweb.com/editorial/formatos-gif-jpg-png/ Gif (Wikipedia) PNG (Wikipedia) JPG (Wikipedia) Explicacion sobre formatos de imagenes digitales (PDF) Sprites CSS: Los Sprites CSS son múltiples imágenes combinadas en una sola gran imagen. Luego mediante CSS puedes recortar o seleccionar el pedazo de imagen que deseas usar en determinada clase, en vez de tener múltiples imágenes que generen múltiples peticiones al servidor. Algunos tutoriales sobre el uso de sprite CSS: Tutorial básico sobre CSS Sprite Optimizando tu Website con CSS Sprites, caso práctico CSS Sprites, disminuyendo las peticiones de nuestra web Sprites de Google Deshabilita el Hotlinking: El hotlinking, también conocido como robo de ancho de banda, es cuando alguien copia y pega la URL de tu imágen, poniendo tus imágenes en su propio sitio, lo que hace que la carga de tu servidor suba bastante. Artículos para interiorizarse mas sobre hotlinking: Hotlinking (Wikipedia) Qué es Hotlink y su relación con el ancho de banda Bloquear el hotlinking a tus imágenes con .htaccess Manual cPanel (pag 23: bloquear hotlinking) Deshabilitar el Hotlinking Optimiza la base de datos: Te sorprenderás de cuanto puede disminuir el tiempo de carga de un sitio web, tan solo optimizando su base de datos. Algunos artículos relacionados con optimización de base de datos: 10 consejos SQL para acelerar tu Base de datos Optimiza tus Imágenes: Herramientas para optimizar imágenes. Online: PunyPNG Online Image Optimizer SiteReportCard Image Optimization Desktop: Shrink O’Matic PNGGauntlet ImageOptim (Mac OS X) Trimage (Linux) Comprimir archivos JS y CSS: Si se comprimen dichos archivos, se puede disminuir notablemente el tiempo de carga de la página. Acostúmbrate a comprimir dichos archivos, es una buena práctica. Algunas compresores online: YUI Compressor Clean CSS CSS Compressor Icey CSS Compressor CSS Optimizer http://javascriptcompressor.com/ Online Javascript Compression Tool compresorjavascript Fuente mi website