desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Desarrollo Web - xhtml, css, estándares web, usabilidad, accesibilidad, diseño web, SEO, los blogs y la tecnología para desarrollar la web

Para quem tem blogs Wordpress que tratam de assuntos relacionados à programação, softwares , linguagens de marcação, estilos e afins, uma das grandes dificuldades é escrever artigos explicativos e evidenciar corretamente os códigos de marcação e programação nestes, através de uma sintaxe estilizada e compreensível. Para aquellos que tienen blogs de Wordpress se ocupan de la programación, software, lenguajes de marcas, estilos y cosas por el estilo, una de las principales dificultades es escribir artículos para explicar y demostrar la correcta marcación de códigos y programación de estos a través de una estilizada y comprensible sintaxis.

Alguns criam regras CSS para utilizar em trechos dos códigos que apresentam, criando diversas classes, para estilizar diversas cores de texto com a propriedade “color”. Algunos CSS crear normas para su uso en las citas de las cuales tienen códigos, la creación de diversas clases, para estilizar varios colores de texto con la propiedad "color". Entretanto, a aplicação deste monte de classes em um código, além de ser demorada e sua implementação desgastante para o autor do post , apresenta o inconveniente de ser dificilmente manutenível. Mientras tanto, la aplicación de este montón de clases en un código, además de ser largo y estresante para su aplicación el autor de la entrada, tiene la desventaja de ser difícil manutenível.

Para apresentar diversos tipos de códigos em posts de blogs Wordpress, existe uma solução melhor, mais rápida, prática e que utiliza uma das principais vantagens desta plataforma: a extensibilidade de suas funções através de plugins . Para facilitar diversos tipos de códigos de los puestos en los blogs de Wordpress, hay una solución mejor, más rápido, y la práctica utilizando una de las principales ventajas de esta plataforma: la ampliación de sus funciones a través de plugins.

Sobre o plugin WP-Syntax Acerca de Sintaxis-WP plugin

WP-Syntax é um ótima extensão Wordpress para exibir códigos com sintaxe de fácil visualização e de forma inteligível . WP-Sintaxis es una gran extensión de Wordpress para mostrar los códigos con la sintaxis de fácil visualización y la forma de inteligencia í. Quando se usa o plugin , é possível exibir códigos-fonte coloridos (coloração automática) com ou sem numeração das linhas. Cuando se utiliza el plugin, puedes ver el código fuente de color (color automático), con o sin un número de líneas. Para quem lê o artigo é excelente, já que ele provê uma sintaxe limpa e permite selecionar o código através do próprio navegador. Para cualquier persona la lectura del artículo es excelente, ya que proporciona una sintaxis limpia y le permite seleccionar el código a través del navegador en sí.

O sistema de highlighting do WP-Syntax é feito usando o GeSHi (Generic Syntax Highlighter) , que já é conhecido entre alguns desenvolvedores web devido à sua facilidade de implementação e simplicidade de uso. El sistema de poner de relieve la WP-Sintaxis, se hace mediante GeSHi (Generic Sintaxis resaltar), que ya es conocido entre algunos desarrolladores Web debido a su facilidad de aplicación y sencillez de uso.

Funcionando do WP-Syntax Atletismo WP-Sintaxis

O uso do WP-Syntax é simples e seguro; ele evita conflitos com outros plugins de terceiros, executando “filtros” que garantem a compatibilidade geral com outras extensões, conferindo um resultado ótimo, que é a formatação dos códigos-fonte e exato destaque da forma como se quer e precisa. El uso de WP-Sintaxis es simple y seguro, evita conflictos con otros plug-en tercer lugar, corriendo "filtros" que garantizan la compatibilidad con otras extensiones, dando un gran resultado, que es el formato de los códigos fuente y exacto centro de la forma en que quieren y necesitan.

Instalação e uso do WP-Syntax Instalación y uso de WP-Sintaxis

Este plugin é todo fácil de usar, desde sua instalação ao momento de exibir códigos formatados nos posts. Este plugin es fácil de utilizar, desde su instalación en el momento de mostrar los códigos de formato en los puestos.

Instalação Instalación

A instalação do WP-Syntax é feita da maneira “tradicional”: La instalación del GT-Sintaxis es la forma "tradicional":

1. Baixar o plugin ; Descargar plugin;
2. Descompactar o conteúdo do arquivo zipado dentro da pasta padrão de plugins do Wordpress, o que irá resultar na seguinte hierarquia de diretórios: wp-content/plugins/wp-syntax/ ; Descomprime el contenido del archivo zip en la carpeta estándar de plugins de Wordpress, lo que dará lugar a la siguiente jerarquía de carpetas: wp-content/plugins/wp-syntax /;
3. Ativar o plugin na área “Complementos” (Plugins) do painel de controle WP; Permitir que se conectan "Complementos" (complementos) del panel de control WP;
4. Começar a usar o WP-Syntax. Empezar a usar el WP-Sintaxis.

Como usar o WP-Syntax El uso de la WP-Sintaxis

Tirar proveito das funcionalidades do WP-Syntax é bastante simples. Tomando ventaja de las características de la WP-Sintaxis es bastante simple. Enquanto escreve um artigo, vá até o modo de edição de código em seu tinyMCE - aba de nome “HTML” se você usa o modo de edição gráfica -  e englobe o código que você quer que fique estilizado entre tags pre . Mientras escribe un artículo, vaya al modo de edición de código en su TinyMCE - el nombre de la pestaña de "HTML" si usted utiliza el modo de edición de gráficos - e incluye el código que desee ser pre estilizada etiquetas. Para configurar o plugin in-line, é preciso informar: Para establecer el enchufe de línea, debemos informar:

• Qual linguagem será usada (necessário); ¿En qué idioma se utiliza (es necesario);
• Se haverá numeração de linhas (opcional). Si se numeración de las líneas (opcional).

Então, para colocar um trecho de código PHP com numeração de linhas, por exemplo, ficaria da seguinte maneira: Por lo tanto, para poner un poco de código PHP con numeración de las rutas, por ejemplo, sería la siguiente:

<pre lang=”php” line=”1″> <pre lang="php" line="1">

[...] código [...] Código [...] [...]

</pre> </ PRE>

Veja o plugin em funcionamento: Obtener plug en funcionamiento:

 1 2 3 1 2 3 

 for ( $i = 1 ; $i <= 11 ; $i    ) { echo $i . ', ' ; } for ($ i = 1; $ i <= 11; $ i    ) (echo $ i.,'';) 

Basta retirar o atributo “line” para o código iserido aparecer sem a numeração de linhas; caso se queira iniciar a contagem em número diferente, basta informar: line=”23″ . Basta con quitar el atributo "línea" para el código iserido ocurrir sin la numeración de las rutas, si queremos empezar a contar en número diferente, sólo decirle: line = "23". Faça o teste e selecione o trecho de código acima; perceba que é possível fazer a seleção e colar onde se queira sem que a numeração também vá para a área de transferência. Tome esta prueba y seleccione el pedazo de código anterior, se nota que se puede seleccionar y pegar donde quieras sin los números también van en el portapapeles.

Algumas das linguagens de programação e marcação que o WP-Syntax suporta são: Algunos de los lenguajes de programación y que marca el WP-Sintaxis apoya son:

• ASP; ASP;
• C; C;
• D; D;
• CFM; CFM;
• CSS; CSS;
• HTML; HTML;
• Java; Java;
• Javascript; Javascript;
• mySQL; mySQL;
• Oracle 8; Oracle 8;
• Perl; Perl;
• PHP; PHP;
• Python; Python;
• Ruby; Ruby;
• E mais de 70 outras linguagens. Y más de 70 otros idiomas.

Um dos grandes benefício do WP-Syntax é que ele tem diversos “esquemas” de cores, um para cada linguagem de programação, estilo ou marcação escolhida, o que facilita a inserção de diversos trechos, de várias linguagens, em um só artigo, de modo a evidenciar a diferença entre todas, facilitando a leitura e entendimento do leitor. Un importante beneficio de la WP-Sintaxis es que él tiene muchos "esquemas" de colores, uno para cada lenguaje de programación, estilo o marca elegida, lo que facilita la integración de diversas partes de varios idiomas, en un artículo, Para demostrar la diferencia entre todos, facilitando la lectura y la comprensión del lector.

Algo importante sobre o uso do WP-Syntax Algo importante sobre el uso de WP-Sintaxis

Este aviso é somente para os que utilizam o editor gráfico para escrever artigos; os que utilizam somente o modo código, nem precisam ler este aviso. Esta advertencia es sólo para aquellos que utilizan el editor gráfico a escribir artículos, a los que utilizan sólo el modo de código, no es necesario leer este aviso.

Aconselho, ao usar o WP-Syntax para destacar códigos-fonte em seu artigos, a primeiro escrever as partes do post que são “texto comum”, como explicações, etc e, por &amp;uacute;ltimo , passar ao modo HTML e inserir os códigos necessários. Aconsejo, para utilizar la sintaxis-WP-códigos fuente para poner de relieve en sus artículos, a escribir el primer puesto de las partes que son "texto común" como las explicaciones, y así, por ú pasado, la cuestión de forma e insertar HTML los códigos necesarios.

E mais: ao editar um artigo já escrito com uso do WP-Syntax, vá até outro artigo qualquer, passe para o modo de edição HTML e, somente depois disso, edite o arquivo que usou o plugin. Y más: para editar un artículo ya escrito usando WP-Sintaxis, ir a cualquier otro artículo, vaya al modo de edición de HTML, y sólo después de eso, editar el archivo que utiliza el enchufe.

O motivo para ambos é que o editor gráfico do Wordpress interpreta as tags existentes para as renderizar corretamente enquanto se escreve o post (negrito, itálico, etc). La razón de ambos es el editor gráfico de Wordpress interpreta las etiquetas a las ya existentes hacen correctamente al escribir el post (negrita, cursiva, etc.) Então, como se está inserindo código “interpretável” por ele, é arriscado, dependendo da linguagem que se esteja usando no WP-Syntax, como HTML, por exemplo, de, no momento em que se passa para a edição em modo gráfico, o editor do Wordpress apagar as tags que você usou em seu artigo, com o WP-Syntax . Entonces, como estamos entrando en código "interpretables" por ella, es arriesgada, según el idioma que está usando el WP-Sintaxis, como HTML, por ejemplo, en el momento en que ocurre para la edición en modo gráfico, la editor de Wordpress borrar las etiquetas que utilizó en su artículo, con el WP-Sintaxis.

Então, repetindo: ao mexer com artigos usando WP-Syntax, no momento de escrever deixe a inserção de códigos por &amp;uacute;ltimo e, ao editar, vá a outro artigo qualquer, passe para o modo de edição HTML e, depois , edite o arquivo em que a sintaxe do WP-Syntax foi utilizada para destacar os códigos-fonte. Entonces, repitiendo: a juguetear con los artículos usando WP-Sintaxis, en el momento de escribir le permiten entrar en los códigos de ú último, y para editar, ir a cualquier otro artículo, vaya al modo de edición de HTML y, a continuación, editar el fichero en el que la sintaxis de Sintaxis-WP se utilizó para poner de relieve los códigos fuente.

Conclusão Conclusión

Pessoalmente, quando ainda desconhecia a existência de um plugin que destaca códigos-fonte em artigos , como este, utilizava a “técnica” de criar diversas classes CSS para estilizar códigos que colocava nos posts . Personalmente, cuando sé que hay un plugin que se destacan los códigos fuente en artículos como este, utiliza la "técnica" para crear diferentes clases CSS para estilizar los códigos que poner los puestos. Posso garantir que não é a melhor das experiências, principalmente para o caso de ter que fazer manutenção no código… Les puedo asegurar que no es la mejor de las experiencias, especialmente en el caso de tener que hacer mantenimiento en el código…

O melhor, mesmo, para os casos de inserção de código diretamente em posts , para quem usa Wordpress, é utilizar o plugin WP-Syntax, que, primando pela simplicidade e facilidade de uso, além de possuir excelente suporte às mais de 70 linguagens de programação, estilo e marcação citadas, atende perfeitamente a finalidade para que foi criada, permitindo que o autor dos artigos mostre códigos a seus visitantes com uma sintaxe colorida, focando na facilidade de compreensão e entendimento dos códigos. El mejor de los casos, incluso en el caso de inserción de código directamente en los puestos, para los que el uso de Wordpress, es utilizar un plug-WP Sintaxis, para que primando la sencillez y la facilidad de uso, y tiene excelente apoyo a más de 70 idiomas, programación, el estilo y el marcado citado, sirve perfectamente el fin para el que fue creado, permitiendo que el autor de los artículos que muestran los códigos a sus visitantes con un colorido de sintaxis, centrándose en la facilidad de comprensión y entendimiento de los códigos.