¿Qué conocimiento de codificación necesito cuando construyo un sitio web en WordPress y quiero personalizar muchas cosas?

Su pregunta es sobre “conocimiento de codificación”, en el contexto de la construcción de un sitio web de WordPress y la personalización de “muchas cosas”.

Aquí está mi opinión. No soy un experto , por favor, así que siéntete libre de estar en desacuerdo.

Primero hágase algunas preguntas:

1. ¿Planea construir el sitio web desde cero?

2. ¿Utilizará las funciones, complementos, temas, etc. de otras personas?

3. ¿Por qué está personalizando muchas cosas en el sitio?

4. ¿Cuán extensas serán tus personalizaciones?

5. ¿Quién mantendrá las personalizaciones después de que se hayan realizado?

Una vez que esté satisfecho con sus respuestas a las preguntas anteriores, puede comenzar a buscar el “conocimiento de codificación” requerido.

WordPress
WordPress es una plataforma de capa “dual”, que se basa completamente en tecnologías y estándares web contemporáneos. Esta doble capa significa que tiene dos áreas principales de preocupación cuando se trata de codificar el conocimiento.

“Doble capa:
WordPress tiene un “frontend” y un “backend”, y cada extremo opera en un conjunto de tecnologías:

Frontend (controla la mayor parte de lo que ve cuando se carga una página web). Las tecnologías web y el “conocimiento de codificación” requerido para esta área de interés incluyen:

  • HTML / XHTML: aprenda este lenguaje para ayudarlo a estructurar su marcado. Quizás comience con HTML5. También lo ayudará a comprender el código fuente de una página web, que probablemente mirará mucho, si elige hacer la personalización.
  • CSS: aprenda esto para diseñar y posicionar contenido. Puede realizar algunos cambios dramáticos en el diseño de un sitio, utilizando solo CSS. Es muy poderoso.
  • Javascript: aprenda esto para permitirle implementar comportamientos personalizados en elementos web. Javascript está en aumento, por lo que vale la pena aprenderlo.

Backend (controla la mayor parte del procesamiento de datos y las actividades del lado del servidor). Las tecnologías web y los conocimientos de codificación necesarios para esta parte incluyen:

  • SQL: aprenda esto para poder manipular los datos de WordPress a medida que entran y salen de la base de datos.
  • PHP: este es el lenguaje principal utilizado en WordPress y le permitirá crear, personalizar o al menos apreciar los temas y complementos de WordPress. La mayoría (si no todos) los componentes de WordPress están construidos usando PHP.
  • XML: aprenda este para permitirle aprovechar los datos portátiles.

Entonces, en resumen, puede comenzar adquiriendo conocimientos de codificación basados ​​en las siguientes 6 tecnologías:

  1. HTML / XHTML
  2. CSS
  3. Javascript
  4. SQL
  5. PHP
  6. XML

Cuando tienes una comprensión firme (ish) de las seis tecnologías web, entonces sabes lo suficiente para entender de qué se trata WordPress. Sin embargo, ese es solo el primer paso:

Además de lo anterior, también debe comprender los estándares de codificación de WordPress y sus API (interfaces de programación de aplicaciones). Las API de WordPress se pueden usar para ampliar la plataforma, y ​​sus estándares de codificación asegurarán que siga las mejores prácticas.

Armado con el conocimiento de codificación de las 6 tecnologías web anteriores, combinado con la comprensión de las mejores prácticas de WordPress, los estándares de codificación y las API de WordPress, estará listo para comenzar a personalizar su nuevo sitio web de WordPress al contenido de su corazón.

Sin embargo, existe otro corolario, que es la situación en la que decide personalizar el producto de otra persona, por ejemplo, un complemento o un tema. En ese caso particular, también querrá estudiar su tema / código de complemento o marco. Algunos temas / complementos vienen con sus propias API (por ejemplo, WooCommerce), que también deberá comprender, si desea aprovechar su producto y personalizar muchas cosas.

Espero que ayude.

Referencias

  1. Consorcio de la World Wide Web (W3C)
  2. Estándares – W3C
  3. Tutoriales web en línea de W3Schools
  4. Estándares de codificación de WordPress
  5. API de WordPress “Codex de WordPress

HTML, CSS, PHP y Javascript más conocimiento de un programa de gráficos como Photoshop o GIMP. También debe familiarizarse con el bucle de WordPress, la jerarquía de plantillas y las consultas de WP. Le resultará útil consultar a menudo la página principal “Codex de WordPress”.

También querrá aprender acerca de los complementos y elegir los que pueden agregar la funcionalidad que necesita. A veces es posible que desee utilizar un complemento existente, otras veces puede codificar lo que desee.

Hablando como alguien que crea sitios WP personalizados, paso la mayor parte del tiempo editando el HTML para diseñar mis archivos de plantilla de tema, el CSS para afectar el aspecto y el posicionamiento, y PHP cuando quiero personalizar las cosas.

Si recién está comenzando, puede aprender PHP a medida que avanza. Para crear un tema básico, podría hacer mucho simplemente cortando y pegando el código php (como el bucle WP principal) de otro tema, como el tema predeterminado actual de WP. A medida que se familiarice con WP, se encontrará haciendo más con PHP. Esto podría incluir consultas de escritura para mostrar cierto contenido en una plantilla de página o funciones de edición.php para agregar características.

Puede que necesite o no Javascript. Muchos complementos lo usan y, en algunos casos, no tendrá que tocarlo en absoluto. En otras ocasiones, es posible que necesite javascript / jquery para habilitar una función en particular. Al igual que PHP, puedes aprender sobre la marcha con esto.

Photoshop o Gimp lo ayudarán a crear cualquiera de las imágenes que necesita para el sitio. Si trabaja desde el diseño de otra persona, generalmente se lo entregarán como un archivo de Photoshop en capas. (Aunque también obtuve algunos en InDesign).

También sería útil saber un poco sobre MySQL. La mayoría de las veces no necesita tocar la base de datos, pero si algo sale mal, es posible que deba hacerlo. En la mayoría de los casos, estas serían ediciones menores que puede realizar con MyPhpAdmin. Esto también es útil si necesita mover un sitio de un servidor a otro.

El consejo de Hazel sobre Firebug es bueno. También recomendaría la barra de herramientas de Desarrollador web.

Personalicé mi primer sitio WP en el transcurso de un fin de semana. Estaba agregando un blog a un sitio que había construido en XHTML y quería que el blog coincidiera y compartiera la misma navegación. Ya conocía HTML y CSS y un poco de PHP, así que principalmente era cuestión de aprender cómo funcionaba WP. Eso fue hace varios años, y ahora construyo el 95% de los sitios en WP.

¡Buena suerte!

Estándares de codificación PHP de WordPress

Estándares de codificación HTML

Estándares de codificación CSS

Estándares de codificación de JavaScript

Esos son los cuatro idiomas necesarios,
Gracias por pedirme que responda.
HERSH DAVIS – BIOGRAFÍA DE NITZBERG

Todo depende de lo que quieras decir con “construir” y “muchas cosas”. Le he enseñado a las personas cómo construir sitios web completos personalizando muchas cosas simplemente usando excelentes complementos y personalizándolos. Sin codificación

Pero, por otro lado, si está viendo esto desde el punto de vista de un desarrollador y desea crear cosas en lugar de personalizar lo que ya existe, necesita estas:

Funcionalidad, funciones, bucle, etc. de WordPress: al menos lo básico.
HTML 4 y 5: competente a nivel avanzado.
CSS: nivel principiante a avanzado.
DOM y Javascript … tal vez, dependiendo de qué tipo de “cosas” desea personalizar.
PHP: básico a avanzado según el resultado final.
MySQL: conceptos básicos.

HTML y CSS para el tema real y PHP para la base de código del tema.

Usé estos excelentes tutoriales cuando creé un tema desde cero:

Cómo construir un tema de WordPress personalizado desde cero
Cómo construir un tema de WordPress receptivo con Bootstrap
Crear un complemento de WordPress personalizado desde cero – Tuts + Code Tutorial

Desde entonces, pasé a crear complementos personalizados para Admin y Front End, un tema a medida. La siguiente etapa es crear un tema WP Bootstrap. ¡Me encanta un buen desafío!

Espero que te ayude, como lo hizo me

Para eso necesitas aprender HTML, CSS y PHP. Se requieren esas tres tecnologías. Aunque no es necesario dominarlo. Otras tecnologías necesarias son JavaScript, jQuery, Twitter Bootstrap. Encontrará muchos tutoriales en línea para aprenderlos. Y Google es tu amigo. ¡Buena suerte!

Bueno, necesitas algunos conocimientos de WordPress, que puedes obtener aquí: WordPress ›Referencia | Recursos para desarrolladores de WordPress y algunos conocimientos de PHP que puede obtener aquí: Referencia del lenguaje

Y, por supuesto, mucha (y lo digo en serio) de práctica simplemente haciendo esas personalizaciones. Aprender por práctica es, con mucho, lo mejor 😉

Si todo lo que desea hacer es personalizar la apariencia de los elementos (cambiar el tamaño de fuente, los colores u ocultar ciertos elementos, etc.), aprenda a usar las herramientas de desarrollador en su navegador. Chrome y Firefox tienen excelentes herramientas de desarrollo integradas, aunque prefiero Firefox porque puedes instalar la extensión Firebug. No puedo comentar sobre MSIE porque solo lo he usado para descargar e instalar otros navegadores …
Si usa Firefox, Firebug pronto será su mejor amigo. Al usarlo, puede experimentar con el diseño de cualquier página, y una vez que tenga las cosas como se ve, puede copiar las modificaciones CSS que realizó en la hoja de estilo de su tema. Muchos temas ahora incluyen una forma de personalizar la hoja de estilo en el tablero del tema principal, pero si esa característica no existe en su tema, puede agregar sus ediciones a la hoja de estilo principal utilizando el editor WP incorporado.
Diviértete y buena suerte.

Creo que hoy la gente no necesita un conocimiento profundo de la codificación para crear un sitio web. Todos ellos ahora están utilizando herramientas de creación de sitios web para crear sitios web. Yo personalmente uso este generador de temas de WordPress TemplateToaster WordPress y generador de plantillas Joomla –

Debe tener conocimientos básicos de HTML, CSS y JavaScript para el desarrollo de cualquier sitio web o aplicación web.

Para WordPress, aparte de lo anterior, necesita saber php y conocimiento sobre el entorno de WordPress e IDE, como dónde colocar archivos o complementos o cómo crear una publicación usando hielo como ese

Puedes aprender de los tutoriales de Lynda o en YouTube puedes encontrar buenos tutoriales.

Siempre puede modificar, agregar o modificar y si sabe lo que está haciendo, hay infinitas opciones. Las funciones que agregue siempre dependen de usted. Si está buscando qué idiomas necesita, algunas de las otras respuestas ya lo han cubierto.

Definitivamente necesita conocimientos de HTML, CSS, DOM y JavaScript para personalizar la mayoría de los elementos frontales. Si también conoce PHP, puede escribir complementos WP e incluso hacer modificaciones a su núcleo.

HTML, CSS, JavaScript y PHP para el comienzo. Estos son los conceptos básicos, consulte http://www.codecademy.com/learn

Esencialmente PHP, HTML5 y CSS

PHP, ya que WordPress y sus módulos están construidos en PHP.