desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Développement web - xhtml, css, standards du Web, l'utilisabilité, l'accessibilité, web design, SEO, des blogs et de la technologie pour développer le 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. Pour ceux qui ont Wordpress blogs traitant de la programmation, logiciels, langages de marquage, de styles et ainsi de suite, une des principales difficultés consiste à écrire des articles pour expliquer et de démontrer la bonne codes de marquage et de programmation par le biais de ces stylisés et une syntaxe compréhensible.

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”. Certains créer des règles CSS à utiliser dans des extraits de codes qui ont, en créant différentes catégories, pour estilizar différentes couleurs de texte avec la propriété "couleur". 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. Pendant ce temps, l'application de ce groupe de classes dans un code, en plus d'être longue et stressante pour sa mise en œuvre de l'auteur du poste, a l'inconvénient d'être difficile 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 . Pour fournir différents types de codes de postes dans les blogs de WordPress, il existe une meilleure solution, plus rapide et pratique en utilisant un des principaux avantages de cette plate-forme: l'extension de ses fonctions par l'intermédiaire de plugins.

Sobre o plugin WP-Syntax A propos de Syntaxe-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-La syntaxe est une extension très Wordpress pour afficher les codes avec la syntaxe qui permet de bien voir l'intelligence et la forme í niveau. Quando se usa o plugin , é possível exibir códigos-fonte coloridos (coloração automática) com ou sem numeração das linhas. Lorsque vous utilisez le plugin, vous pouvez consulter le code source de couleur (couleur automatique), avec ou sans un certain nombre de lignes. 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. Pour quiconque lit cet article est excellent, car il fournit une syntaxe propre et vous permet de sélectionner le code via le navigateur lui-même.

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. Le système de mettre en évidence le GT-La syntaxe est fait en utilisant GeSHi (générique en valeur de syntaxe), qui est déjà connu chez certains développeurs Web en raison de sa facilité de mise en œuvre et la simplicité d'utilisation.

Funcionando do WP-Syntax Running wp-syntaxe

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. L'utilisation de WP-La syntaxe est simple et sûr, il évite les conflits avec d'autres plug-troisième, la course «filtres» qui garantissent la compatibilité avec d'autres extensions, ce qui donne un très bon résultat, qui est la codes de formatage de la source exacte et de se concentrer comment ils veulent et ont besoin.

Instalação e uso do WP-Syntax Installation et utilisation de WP-Syntaxe

Este plugin é todo fácil de usar, desde sua instalação ao momento de exibir códigos formatados nos posts. Ce logiciel est facile à utiliser, depuis son installation au moment de l'exposition en forme de codes de postes.

Instalação Installation

A instalação do WP-Syntax é feita da maneira “tradicional”: L'installation du PT-La syntaxe est la manière "traditionnelle":

1. Baixar o plugin ; Télécharger le 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/ ; Décompressez le contenu du fichier zip dans le répertoire standard plugins Wordpress, qui se traduira par la hiérarchie suivante de dossiers: wp-content/plugins/wp-syntax /;
3. Ativar o plugin na área “Complementos” (Plugins) do painel de controle WP; Activer le plug in "complète" (Plugins) du panneau de contrôle: WP;
4. Começar a usar o WP-Syntax. Commencez à utiliser WP-Syntaxe.

Como usar o WP-Syntax Utiliser le GT-Syntaxe

Tirar proveito das funcionalidades do WP-Syntax é bastante simples. Prenant avantage des caractéristiques du PT-La syntaxe est très 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 . En écrivant un article, allez dans le mode d'édition de code sur votre TinyMCE - onglet nom de "HTML" si vous utilisez le mode d'édition graphique - et embrasse le code que vous voulez est stylisée pré balises. Para configurar o plugin in-line, é preciso informar: Pour définir la prise en-ligne, nous devons informer:

• Qual linguagem será usada (necessário); Quelle langue est utilisée (nécessaire);
• Se haverá numeração de linhas (opcional). Si il y aura de numérotation de lignes (en option).

Então, para colocar um trecho de código PHP com numeração de linhas, por exemplo, ficaria da seguinte maneira: Donc, pour mettre un peu de code PHP avec numérotation des routes, par exemple, serait comme suit:

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

[...] código [...] Code [...] [...]

</pre> </ PRE>

Veja o plugin em funcionamento: Obtenir prise en fonctionnement:

 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″ . Il suffit de supprimer l'attribut "ligne" au code iserido se produire sans la numérotation des routes, si nous voulons commencer à compter en nombre différent, il suffit de dire: ligne = "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. Prendre ce test et sélectionnez le morceau de code ci-dessus, notez que vous pouvez sélectionner et coller où vous le souhaitez sans les chiffres vont également dans le presse-papiers.

Algumas das linguagens de programação e marcação que o WP-Syntax suporta são: Certains des langages de programmation et de marquage, le GT-Syntaxe de soutien sont:

• 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. Et plus de 70 autres langues.

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 avantage majeur du PT-La syntaxe est qu'il a de nombreux "régimes" de couleurs, une pour chaque langage de programmation, de style ou le marquage choisi, ce qui facilite l'intégration des diverses parties de plusieurs langues, dans un article, Afin de démontrer la différence entre tous, de faciliter la lecture et la compréhension du lecteur.

Algo importante sobre o uso do WP-Syntax Quelque chose d'important pour l'utilisation de WP-Syntaxe

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. Cet avertissement est seulement pour ceux qui utilisent l'éditeur graphique pour écrire des articles; ceux qui utilisent uniquement le mode Code, doivent pas lire cet avertissement.

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. Je conseille d'utiliser le GT-Syntaxe-code source pour mettre en évidence dans leurs articles, à écrire le premier poste de parties qui sont "texte commun" que les explications et, par ú dernier, question la façon dont HTML et insérez les codes nécessaires.

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. Et plus: pour modifier un article déjà écrit en utilisant WP-Syntaxe, allez dans n'importe quel autre article, rendez-vous au mode d'édition HTML, et seulement après que, éditez le fichier utilisé le plug.

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 raison est à la fois pour l'éditeur graphique de Wordpress interprète les balises pour les rendre correctement en écrivant le poste (gras, italique, 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 . Puis, comme nous sommes entré le code "interprétable" par celui-ci, est risquée, selon la langue que vous utilisez le GT-Syntaxe, au format HTML, par exemple, au moment où se produit pour l'édition en mode graphique, le éditeur de Wordpress effacer les balises que vous avez utilisé dans votre article, avec le GT-Syntaxe.

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. Puis, en répétant: bricoler avec les articles en utilisant WP-Syntaxe, au moment de l'écriture vous permet d'entrer les codes par ú dernier, et à modifier, allez dans n'importe quel autre article, rendez-vous au mode d'édition HTML et ensuite éditer le fichier dans lequel la syntaxe de la syntaxe-WP est utilisé pour mettre en évidence les codes sources.

Conclusão Conclusion

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 . Personnellement, quand je sais qu'il existe un plugin qui met en lumière les codes sources dans les articles comme celui-ci, utilisé la «technique» pour créer différentes classes de CSS estilizar codes qui mettent les postes. Posso garantir que não é a melhor das experiências, principalmente para o caso de ter que fazer manutenção no código… Je peux vous assurer que n'est pas la meilleure des expériences, en particulier dans le cas d'avoir à faire l'entretien sur le code…

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. La meilleure, même en cas d'insertion de code directement en postes, pour ceux qui utilisent Wordpress, est d'utiliser un plug-WP Syntaxe, qui primando pour la simplicité et la facilité d'utilisation, et bénéficie d'un excellent soutien à plus de 70 langues, programmation, le style et le marquage cités, sert parfaitement l'objectif pour lequel elle a été créée, permettant à l'auteur des articles des codes indiquant à leurs visiteurs avec une syntaxe colorée, en se concentrant sur la facilité de compréhension et de la compréhension des codes.