Header Ads Widget

Ticker

6/recent/ticker-posts

Renovar Un Sitio Web Empresarial En Cinco Horas

 Mi negocio de escritura, codificación y publicación, Scribbleit, celebra su décimo aniversario este año.

Renovar un sitio web empresarial en cinco horas

Si bien simplemente sobrevivir tanto tiempo es un logro en sí mismo (la Oficina de Estadísticas Nacionales nos dice que aproximadamente la mitad de las empresas cierran en cinco años), el entorno empresarial ha cambiado más allá del reconocimiento durante esa década.

La economía es alrededor de un 35% más grande, pero aún más importantes son los cambios provocados por la tecnología. Hace diez años, usaba Office XP en una PC de Evesham Micros y realizaba una copia de seguridad en una unidad Iomega Zip; hoy, escribo en la nube (usando Office 2013 o Google Drive) en una Mac mini con Windows 7 y hago una copia de seguridad en Dropbox. Puedo trabajar desde cualquier lugar que ofrezca Wi-Fi, ya sea en mi jardín trasero con mi Chromebook o en una mesa de café en mi Nexus 7.

La economía es alrededor de un 35% más grande, pero aún más importantes son los cambios provocados por la tecnología.

El trabajo en sí apenas ha cambiado, entonces, como ahora, estaba creando palabras para impresos, sitios web y videos, pero el proceso de publicación se ha revolucionado.

En aquel entonces, la autoedición significaba entregar los ahorros de su vida a una imprenta y vender los libros de bolsillo resultantes en las librerías locales y no tan locales en el maletero de su automóvil. Se le llamó “publicación de vanidad”, con razón, ya que no tenía sentido financiero (excepto para la imprenta).

Hoy, sin embargo, puedo publicar instantáneamente en dispositivos electrónicos en todo el mundo y emplear servicios de impresión bajo demanda como Lulu y CreateSpace para colocar mis libros de bolsillo en las principales librerías en línea sin gastos iniciales.

Sitio de Scribbleit

Scribbleit se ha convertido en un editor registrado por Nielsen con su propia gama de ISBN, un aspecto del negocio que veo que se expandirá enormemente en el futuro: la autoedición está creciendo y cambiando tan rápido que formatear, publicar y promover libros electrónicos se está convirtiendo en una habilidad vendible.

En cuanto a la escritura de código, el cambio principal ha sido mi abandono de Flash / ActionScript, pero PHP y Python siguen siendo importantes, y las herramientas de desarrollo que utilizo no han cambiado. Sin embargo, la forma en que creo sitios web se ha transformado y mi sitio Scribbleit recientemente renovado es un excelente ejemplo de ello.

En 2003, era un usuario incómodo de Dreamweaver. Me avergüenza un poco presentar este diseño original para que se burlen del público, pero era un novato en gráficos y Dreamweaver no ayudó.

2003

A medida que mi conocimiento de PHP se profundizó, comencé a codificar sitios directamente y, aunque no era lo suficientemente duro para hacerlo en el Bloc de notas, aprendí CSS por mí mismo sin el lujo de un editor wysiwyg. Los sitios resultantes eran delgados y eficientes, pero terriblemente difíciles de actualizar sin usar un IDE.

Hoy en día, utilizo WordPress para todo el desarrollo de mi sitio web, ya sea para mí o para los clientes, lo que limita ligeramente el tipo de resúmenes que puedo aceptar; recientemente me vi obligado a rechazar una invitación para crear un híbrido de Facebook / eBay con un presupuesto de £ 400 , pero esa es una excepción.

Todavía no he encontrado ningún proyecto que quisiera seriamente que WordPress no pudiera lograr si se lo rociara generosamente con PHP personalizado.

De hecho, www.scribbleit.net fue el primer sitio que convertí a WordPress y descubrí que, cuando se combina con el marco Thesis , produce un sitio sofisticado y atractivo en una fracción del tiempo necesario para crear un sitio PHP. desde cero.

2008

Eso fue en 2008 y, para mi vergüenza, había dejado el diseño de Scribbleit sin cambios hasta hace poco. Originalmente lo configuré como un blog de tecnología, pero hoy en día prefiero usar Google+ para ese propósito y, en cualquier caso, quería comenzar a enfatizar el aspecto editorial del negocio en lugar de despotricar sobre Apple.

Entonces, teniendo un par de días libres entre proyectos, decidí intentar crear un sitio de reemplazo, de principio a fin, en ese tiempo.

Renovar un sitio web empresarial en cinco horas

La mosca en el ungüento fue el hecho de que Thesis experimentó una transformación completa entre la versión 1.8.xy la versión 2, lo que hizo que toda mi experiencia ganada con tanto esfuerzo fuera redundante.

Es más, encontré la nueva versión inutilizable, así que decidí ejecutar un experimento para ver exactamente qué tan rápido podía construir un sitio desde cero usando solo WordPress y una alternativa a Thesis. ¿La respuesta? De hecho, muy rápido.

Al principio: Génesis

Thesis, antes de la versión 2, era el mejor marco con el que me había encontrado, pero nunca fue la única opción. Su principal rival es Genesis , que, aunque carece de la sofisticación de Thesis, es más fácil de manejar.

Cuesta $ 59 (£ 38) y puedo usarlo en cualquier número de sitios. Decidí basar mi diseño en uno de los aproximadamente 50 temas oficiales y editarlo según mis necesidades: elegí una máscara llamada Balance que cuesta $ 19 (£ 12), lo que eleva mi gasto total a casi exactamente £ 50.

Hasta ahora, todo bien: de hecho, el proceso hasta este punto había sido más rápido y simple que el equivalente usando Thesis

Compré Genesis a través de una descarga, extraje los archivos, luego usé FileZilla para cargarlo en WordPress Themeey actúan como "temas secundarios", heredando la mayor parte de su carpeta de código frs. Las máscaras de Genesis se copian en la misma carpeta, donde thom Genesis, mientras se agregan funciones y elementos de diseño adicionales.

Desde el panel de WordPress, activé el tema hijo para acceder a los controles principales de Genesis y a los de su hijo. Luego configuré la configuración básica desde el submenú Genesis en el Tablero.

Genesis agrega campos adicionales a las secciones New Post y New Page, principalmente relacionadas con la optimización de motores de búsqueda (SEO), que es una gran fortaleza de este marco.

Hasta ahora, todo bien: de hecho, el proceso hasta este punto había sido más rápido y sencillo que el equivalente usando Thesis. Sin embargo, tuve problemas a la hora de personalizar el tema.

Thesis ofrece una solución ordenada a través de un selector de clases de CSS llamado ".custom", que hace posible anular cualquier configuración de CSS en la propia Thesis, al tiempo que garantiza que las ediciones se conserven en las actualizaciones del marco.

Genesis carece de esta sutileza: la única forma de cambiar el aspecto de un tema hijo es editar directamente su archivo CSS; aunque estas ediciones no se perderán cuando se actualice Genesis, lo serán cuando una nueva versión del tema hijo reemplace mi archivo CSS personalizado.

WordPress tiene un editor incorporado para realizar cambios en los archivos CSS, pero es extremadamente básico. En el pasado, he usado IDE completos que admiten el acceso remoto a archivos (más recientemente, Komodo Edit), pero, dado que estaba adaptando un diseño antiguo, quería ver si había una forma más ordenada.

Hubo, gracias a la extensibilidad de WordPress, en la forma del excelente complemento Synchi , que integra un IDE en el editor CSS de WordPress.

Selectores de CSS

La forma más sencilla de identificar qué selectores de CSS modificar para lograr un efecto específico es instalar la extensión Web Developer para Firefox (la versión de Chrome no tiene la misma profundidad de funciones).

Visite su sitio en Firefox y seleccione CSS | Mostrar información de estilo desde la barra de herramientas: esto le permite hacer clic en cualquier elemento del diseño y ver qué reglas CSS lo afectan, en qué archivos están contenidos (generalmente style.css) e incluso sus números de línea.


Publicar un comentario

0 Comentarios