Apague el bacalao del vaquero: 10 consejos para mejorar sus temas y complementos de WordPress

No hace mucho, Torque publicó una publicación en la que lamentó la calidad del código de Themeforest. Si es un usuario de WordPress que descarga o compra temas o complementos para ser utilizados en su sitio, querrá confiar en que los temas y complementos que usa están bien codificados, confiables y seguros. Pero esto no se aplica solo a los usuarios. Si es un desarrollador de WordPress, es importante codificar sus propios temas y complementos de acuerdo con estos criterios. Esto hará sus propios sitios más seguros, rápidos y confiables, mejorará los servicios que ofrece a los clientes y lo ayudará a trabajar como parte de un equipo de desarrollo.
En esta publicación, veré lo que hace el código de calidad y proporcionaré mis primeros 10 consejos para mejorar la calidad del código en sus temas y complementos, ya sea que codifique a los clientes o para el lanzamiento público.

Thmephorest a menudo es criticado por vender temas mal codificados. ¿Pero está justificada la mala prensa?
Aspectos del código de “calidad”. Existen varios atributos principales del código que pueden considerarse de buena calidad, algunos de los cuales se refieren a cómo se ejecuta el código y otros a la experiencia de los usuarios que navegan en un sitio construido con ese código. Entonces, ¿qué son estos?
Código válido y cumplir con los estándares.
Código que cumple con los estándares de codificación de WordPress.
Código de mantenimiento que es fácil de construir.
El uso correcto de las API, ganchos y clases de WordPress.
Código accesible que es inclusivo y no discrimina a los visitantes que usan tecnologías de asistencia o deficiencias sensoriales.
Internacionalización, de modo que los usuarios que hablan idiomas distintos de los suyos pueden interactuar con sus temas y arados. COD efectivo sin hinchazón innecesario.
Código lógico que usted u otros pueden entender y con el que puede trabajar en una fecha posterior.
Código que mejora el rendimiento de un sitio que lo ejecuta.
Código que no corre el riesgo de la seguridad de los sitios que lo ejecutan.
Aquí examinaré lo que cada uno de ellos significa en detalle y luego le daré 10 consejos principales para asegurarme de que su propio código sea de alta calidad.
Código válido, de acuerdo con los estándares, la primera regla de cualquier código diseñado para usarse en un navegador web es que debe cumplir con los estándares. Si aún no ha familiarizado con los estándares web W3C, hágalo. Ahora.
Compruebe si su código es compatible con los estándares de validador W3C que cumplan con los estándares funcionarán según lo dispuesto en los navegadores modernos, incluidos los dispositivos móviles y los lectores de pantalla. Utilizará válidamente el código cubierto por estándares (que incluye HTML y CSS, pero no PHP o JavaScript), omitiendo el marcado depreciado o extremadamente experimental (o ofreciendo una reserva para ello).

Algunos de los aspectos más importantes del código según los estándares son:
Código semántico con HTML5 (si aún no usa HTML5, vale la pena señalar que funciona excelente con WordPress).
La estructuración correcta de la marca, utilizando el eje del documento de acuerdo con los estándares y el uso correcto de los elementos y .
Evite usar clases o identificaciones innecesarias, cuando sea posible.
Utilizando CSS y no HTML para la presentación (que nunca incluye el uso de tablas de apariencia). Asegúrese de que las imágenes que formen parte del contenido están codificadas en el HTML, y las decorativas están codificadas en el CSS.
Compatibilidad entre dispositivos y navegador.
Uso correcto de elementos de título: ¡No intente mejorar el SEO poniendo los títulos en el orden equivocado, como un cliente mío una vez probado!
Asegúrese de que su código sea accesible: más sobre esto más adelante en la publicación.
Si experimenta nuevas funciones HTML y CSS, esto no debería evitar que haga esto, especialmente en sus propios proyectos, pero asegúrese de que no sean esenciales para el flujo de página y que ofrezca una reserva. Si su código está diseñado para ser lanzado en público, le aconsejaría que no los use.
Para verificar si su código es válido, use herramientas de validación HTML y CSS de W3C. Los estándares de codificación de WordPress Además de los estándares W3C, WordPress tiene su propio conjunto de estándares de codificación para cumplir, su código debe ser de buena calidad. Estos incluyen estándares para PHP, HTML, CSS y JavaScript. Los estándares de PHP incluyen:
Uso de etiquetas PHP largas (es decir, Lugar de ).
Uso de citas simples y dobles.
Muesca y correas.
Use espacios después de las comas, pero retírelos al final de una fila.
Uso de funciones para acceder a la base de datos.
Convenciones de nombre.
La legibilidad del código.
Los estándares de codificación de WordPress también lo ayudarán a mejorar la calidad de su código, es importante saber qué funciones, anzuelos y clases debe usar en su código y cuáles son depreciados o incorrectos. Si no está seguro de si el código que lo usa es Correcto o adecuado, simplemente verifique los últimos estándares de codificación del Codex.
Los estándares HTML incluyen aspectos de estándares W3C: si su código es compatible con los estándares, debe cumplir con los estándares HTML WordPress. Los estándares de WordPress de CSS incluyen:

Estructura: Haga que las hojas de estilo sean legibles.
Selectores: no .container (por ejemplo, uso. Contenedor, no contenedor div.) Y evite las letras subrayadas y mayúsculas.
Propiedades: agrupar propiedades similares juntas.
Sintaxis: use los espacios, puntos y comas y comas correctamente.
Consultas de los medios: use la sangría y agrupe en la parte inferior de las hojas de estilo.
Finalmente, los estándares JavaScript, que incluyen:
Use espacios generosos para la legibilidad, incluidos los elementos y los argumentos.
Las declaraciones de objetos largos deben dividirse en líneas.
Siempre use una coma y una coma.
Use la sangría e interrupciones de línea para la legibilidad.
Use aparatos ortopédicos y saltos de línea con if, else, para, mientras y pruebe bloques.
Use la cal para declarar variables.
Verifique el tipo de objeto correctamente.
El interruptor debe evitarse en la mayoría de los casos, pero codificado correctamente cuando sea necesario.
Use la matriz, los objetos y la iteración correctamente.
Evite las declaraciones de ‘Yoda con el orden incorrecto de los elementos de ellos.
La adhesión a los estándares de codificación formará la columna vertebral de escribir el código de calidad para WordPress, pero no lo es todo. Debe aumentar esto con el uso correcto de las funciones, ganchos y clases de WordPress, entre otros. El uso correcto de funciones, ganchos y clases además de escribir su código de una manera que cumpla con los estándares de codificación de WordPress, debe usar las herramientas correctamente. Qué WordPress ofrece. tú. P.ej:
Familiarizado con las API de WordPress y use las relevantes en su código
Nunca codifique algo cuando una función de WordPress lo hará por usted. Esto incluye el uso de funciones para enlaces.
No use funciones depreciadas. Si tiene alguna duda, consulte el códice.
Evite características como Query_Posts (), que ralentizará su código.
Llame correctamente a los scripts y bibliotecas, utilizando una función (por ejemplo, wp_enqueue_script ()) en lugar de una llamada directa.
Llame a los archivos correctamente, utilizando las funciones también incluye el requisito de complemento e incluye etiquetas en los archivos de plantilla.
Código de mantenimiento Si su código es lógico, válido y bien estructurado (es decir, cumple con los estándares de codificación W3C y WordPress), esto lo ayudará a mantenerlo. Pero en WordPress hay más al respecto:
Estructure los temas de manera correcta y lógica, utilizando archivos de plantilla adicionales solo cuando sea necesario.
Evite el código duplicado en los archivos de plantilla de plantilla utilizando piezas de plantilla como loop.php.
Use filtros en su tarea y complementos para permitir a los usuarios cambiar o reemplazar el código sin piratear el tema o el complemento.
Use ganchos en su tarea para que los usuarios puedan agregar contenido adicional sin tener que piratear el tema. Asegúrese de usar temas y complementos para la funcionalidad; evite la tentación de agregar mucha funcionalidad a su tarea.
Código accesible Tim Berners-Lee, el inventor de la red mundial, insistió en la accesibilidad:
El poder de la web consiste en su universalidad. El acceso de todos, independientemente de la discapacidad, es un aspecto esencial. La accesibilidad es uno de los principios centrales de los estándares W3C. Si su código no es accesible para los visitantes que utilizan tecnología accesible, entonces no será válido.
El sitio de Coolfields lo ayudará a familiarizarse con la accesibilidad de WordPress si desea comprender mejor cómo hacer que su código accesible de WordPress, luego le recomiendo leer la página del Codex sobre accesibilidad y también el blog Coolfields de Graham Armfield, que es un experto en accesibilidad de WordPress . También debe familiarizarse con la guía de accesibilidad del contenido web (WCAG).
Si envía un tema al almacén de complementos de WordPress, se probará para la accesibilidad: si no es accesible un tema, se suspenderá desde el almacén. Los criterios aplicados a los temas caen en dos campos: obligatorios y recomendados. Estos se aplican a los complementos tanto como los temas y debe incorporarlos a los arados.
Los criterios requeridos incluyen:
El uso correcto de los títulos, incluido el elemento H1 utilizado primero.
El uso de los roles del área.

Abrude los enlaces de uso correcto de texto significativo en los enlaces (no “haga clic aquí”) y asegúrese de que sus enlaces incluyan títulos.
Permite la navegación del teclado, no solo con el mouse.

Haga que su estilo sea contraste: los fondos y los primeros planes no deben mezclarse entre sí.
Incluya un enlace “saltar al contenido” en la entrada a una página.
Use el marcado de formularios correctos y asegúrese de usar el elemento de la etiqueta para cada elemento de entrada.
Code las imágenes decorativas en el CSS, no en el HTML y siempre use un atributo ALT para las imágenes incluidas en el marcado.
Los medios de comunicación, como video, audio o deslizadores, no deben reproducirse automáticamente sin la entrada del usuario.
Los criterios recomendados son la activación del texto que se puede aumentar y evitar el uso del mismo texto para el atributo de título y el texto visible. La internacionalización como accesibilidad, la internacionalización (o i18n) se refiere a la inclusión: mediante la internacionalización de su código, se asegura de que las personas que no hablen el mismo idioma que no se excluyen de su interacción con sus temas y complementos que se refieren al activar al activar el Traducción de cualquier texto codificado en sus temas y complementos que el usuario puede ver y/o interactuar. Esto incluirá texto descriptivo, títulos y títulos en sus pantallas de configuración, así como cualquier campo o elemento introductorios en su configuración o personalización.
W3C proporciona orientaciones de internacionalización. Si su código es lógico, válido y bien estructurado (es decir, cumple con los estándares de codificación W3C y WordPress), esto ayudará de una manera. Se familiariza con él. Código efectivo sin hinchazón innecesario asegurando la eficiencia de su código. Funciona de dos maneras: primero, facilitará el código con el código para usted, sus colegas y usuarios. En segundo lugar, los sitios usarán el código más rápido. ¿Qué no es agradable? Aquí hay algunos consejos:
Asegúrese de que su código sea lo más apretado posible mientras haga lo que necesita hacer.
Evite repetir el código: Use un archivo incluye o escriba una función que puede usar en varias ubicaciones.
Respeta el principio seco (no se repita).
Use funciones, ganchos y clases correctamente WordPress.
Nunca escriba su propia función cuando haya un WordPress que haga el mismo trabajo.
Si necesita cambiar o anular una función existente, intente usar un filtro cuando sea posible en lugar de una función completamente nueva.
En su tarea, use solo los archivos de plantilla que necesita.
Mantenga la funcionalidad fuera de su tarea: use un complemento en su lugar.
Si está pensando en agregar una función adicional a un tema o complemento, especialmente uno que el usuario puede activar o desactivar, considere si es mejor incluir en un complemento separado que el usuario solo activa si lo necesita.
Si tiene alguna duda, ¡déjelo fuera! Código lógico con el que es fácil trabajar si otras personas (usuarios, clientes o colegas) funcionarán con su código o si trabaja con él continuamente (y esto sucederá incluso si no lo espera), entonces es importante hacer que su Código fácil de usar y comprender. Uso de los comentarios en su código para ayudarlo a usted y a otros usuarios a comprender lo que está sucediendo.
Al llamar a los archivos, agregue comentarios, para que los usuarios sepan cómo se llaman y dónde encontrarlos, y en el archivo incluye, agregue una nota sobre los archivos que lo llaman.
Estructura los archivos lógicamente, separando las hojas de estilo, scripts e inclusiones en carpetas separadas.
Use la sangría y el espacio en blanco para que el código sea fácil de escanear.
Incluya notas al comienzo de los archivos para decirle al usuario qué sucede en ese archivo
Estrucite su código lógico: agrupe con los bloques de código similares e incluye en el orden en que se usan en su complemento y tema.
Use los archivos incluyen, pero no exagere, para que las personas tengan que investigar varios niveles en la estructura del archivo antes de encontrar el código.
Proporcione la documentación para su código.
La documentación es esencial, por lo que la ofrecemos en WPMU Dev si emite el código para el público, la documentación es esencial. Este es un requisito para el tema y el almacén de complementos y debe explicar qué hace su código, cómo está estructurado y cómo extenderlo. Documente las acciones y los ganchos de los ganchos en su complemento o tema, para que las personas puedan usarlos y proporcionar información sobre las funciones en su código y su estructura de archivos para mejorar el código de mejora del rendimiento: ¡sonando bastante impresionante! Desafortunadamente, no le ayudará a ejecutar más rápido o vivir más tiempo, pero aumentará el rendimiento de los sitios que ejecutan su código si codifica complementos, se trata menos de mejorar el rendimiento (a menos que su complemento esté especialmente diseñado para aumentar el rendimiento) y más sobre no ralentizar las cosas. Su tarea también debe tener en cuenta el rendimiento y estar codificados para asegurarse de que las páginas de un sitio ejecuten su tema lo antes posible. Formas de asegurarse de que su código no ralentice las páginas incluyen:
Llamar estilos al comienzo de la página y los scripts al final, debido al orden en que el navegador pregunta.
No codifique los enlaces: use las funciones correctas en su lugar y ellos se representarán correctamente, lo que significa que no hay redirecciones o errores.
Evite llamar a scripts y estilos donde no sean necesarios.
Use PHP para llamar a las imágenes con el tamaño correcto de los sitios receptivos, en lugar de simplemente cambiar el tamaño de CSS. Puede usar la configuración del tamaño de los medios de WordPress con imágenes presentadas para hacer esto. Nunca escriba una nueva característica para hacer algo ya WordPress.
Llame correctamente a las Escrituras para evitar llamarlas varias veces.
En los complementos, use require_once () e incluyen_once () cuando sea apropiado, para evitar incluir o solicitar archivos varias veces.
Mantenga las solicitudes HTTP al mínimo.

Use CSS en lugar de imágenes donde sea posible para los efectos gráficos.
Tenga cuidado donde almacena los datos de las páginas de configuración y use la base de datos correctamente.
Evite ejecutar el código que luego se sobrescribe cuando sea posible.
Evite las redirecciones si no es absolutamente esencial.
Llame correctamente a los scripts usando la función wp_enqueue_script (). Si sigue estos consejos, así como los estándares de codificación de WordPress, su código se ejecutará más rápido, lo que significa que los sitios que lo ejecutan serán más rápido. Asegúrese de evitar la hinchazón, ya que esto puede ralentizar un sitio innecesariamente.
El código de seguridad, por último, pero no menos importante, su código debe ser inherentemente seguro y no hacer que los sitios que lo ejecuten vulnerable al ataque. Puede encontrar más información sobre esto en esta publicación sobre la seguridad de WordPress y en la página del códice sobre el fortalecimiento de WordPress, pero aquí hay algunos consejos esenciales:
Valide y desinfecte los datos ingresados ​​en pantallas de configuración utilizando funciones como Eschtml () entre otros.
Use no cess para asegurarse de que los enlaces solo se puedan usar según sea necesario. Monitorear su código y actualizarlo rápidamente si usted o sus usuarios están descubriendo problemas de seguridad.
Evite escribir en archivos o directorios dentro de sus complementos a menos que sea absolutamente necesario y, si es necesario, asegúrese de hacerlo de manera segura.
Evite ingresar el código desde una fuente de terceros, especialmente el código ejecutable, que está prohibido para los complementos que se mantienen en el almacén de arado.
Evite el código OffUscat.
No recopile datos sobre usuarios sin permiso.
Consejos para mejorar la calidad de su código Las ofertas anteriores proporcionan una buena idea sobre las áreas principales donde puede mejorar la calidad de su código de WordPress, lo que también facilitará la vida profesional, hará felices a los clientes y usuarios y acelerará el sitio. . El código que ejecuta su código Hay muchas indicaciones aquí, todas las cuales son importantes si desea que su código sea lo suficientemente bueno como para liberarlo al público o entregarlo a los clientes. Así que aquí están mis 10 mejores consejos para asegurarme de que su código sea de alta calidad:
Asegúrese de que su código sea válido y estándares.

De acuerdo con los estándares de codificación de WordPress.
Asegúrese de que su código sea accesible.
Use correctamente las funciones, ganchos y clases de WordPress, evitando las que no están diseñadas para arados de tema o se deprecian.
Use una estructura lógica para sus archivos y use solo los archivos que necesita, por ejemplo, limitando los archivos de plantilla de su tarea.
Respeta el principio seco, usando funciones, clases e incluya archivos para evitar la duplicación del código. Internacionalice su código.
Evite la hinchazón: mantenga la funcionalidad fuera de los temas y no incluya las funciones que la mayoría de los usuarios desactivarán.Asegúrese de que su código sea lo más eficiente posible.
Asegúrese de que su código esté seguro.
Proporcione documentación para ayudar a otros a comprender su código y trabajar con él.
Si sigue estos consejos, escribirá un código de alta calidad, con el cual es fácil trabajar, lo que no causa errores o problemas de rendimiento y no entra en conflicto con otros temas y complementos.Etiquetas:
código