desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web In via di sviluppo web - XHTML, CSS, standard web, usabilità, l'accessibilità, web design, SEO, blog e della tecnologia per sviluppare il 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. Per coloro che hanno Wordpress blog che trattano con la programmazione, il software, i linguaggi di marcatura, stili e simili, una delle principali difficoltà è quello di scrivere articoli per spiegare e dimostrare la correttezza dei codici di marcatura e di programmazione a questi attraverso una stilizzata e comprensibile sintassi.

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”. CSS creare alcune regole per l'uso in estratti di codici che hanno, la creazione di diverse classi, per estilizar vari colori del testo con la proprietà "colore". 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. Nel frattempo, l'applicazione di questo gruppo di classi in un codice, oltre ad essere in termini di tempo e di stress per la sua realizzazione l'autore del post, ha lo svantaggio di essere difficili 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 . A fornire vari tipi di codici di posti nel blog Wordpress, vi è una soluzione migliore, più veloce e pratica con l'utilizzo di uno dei principali vantaggi di questa piattaforma: l'estensibilità delle sue funzioni tramite i collegamenti.

Sobre o plugin WP-Syntax Sintassi su plug-WP

WP-Syntax é um ótima extensão Wordpress para exibir códigos com sintaxe de fácil visualização e de forma inteligível . WP-Sintassi è una grande estensione per visualizzare i codici di Wordpress con sintassi semplice la visualizzazione e la forma di intelligence í livello. Quando se usa o plugin , é possível exibir códigos-fonte coloridos (coloração automática) com ou sem numeração das linhas. Quando si usa il plugin, è possibile visualizzare il codice sorgente di colore (colore automatico), con o senza un certo numero di linee. 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. Per chiunque lettura l'articolo è eccellente, in quanto fornisce una sintassi pulita e consente di selezionare il codice attraverso il browser stesso.

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. Il sistema di sottolineare il WP-Sintassi viene fatto usando GeSHi (Generic Syntax Highlighter), che è già noto tra alcuni sviluppatori Web per la sua facilità di implementazione e semplicità d'uso.

Funcionando do WP-Syntax Esecuzione WP-sintassi

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'uso di WP-sintassi è semplice e sicuro, egli evita conflitti con altri plug-in terzo luogo, l'esecuzione "filtri" che garantiscono la compatibilità generale con altre estensioni, dando un grande risultato, che è la formattazione dei codici di fonte e centro della esatta come vogliono e necessitano.

Instalação e uso do WP-Syntax Installazione e di uso di WP-Sintassi

Este plugin é todo fácil de usar, desde sua instalação ao momento de exibir códigos formatados nos posts. Questo plugin è tanto facile da usare, sin dalla sua installazione al momento della visualizzazione codici formattati in post.

Instalação Installazione

A instalação do WP-Syntax é feita da maneira “tradicional”: L'installazione di WP-la sintassi è la via "tradizionale":

1. Baixar o plugin ; Scaricare plug;
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/ ; Scompattate il contenuto del file zippato nella cartella plugins standard di Wordpress, il che comporterà la seguente gerarchia delle cartelle: wp-content/plugins/wp-syntax /;
3. Ativar o plugin na área “Complementos” (Plugins) do painel de controle WP; Attiva plug-in "Complementi" (collegamenti) del pannello di controllo WP;
4. Começar a usar o WP-Syntax. Iniziare a utilizzare WP-sintassi.

Como usar o WP-Syntax Utilizzando il WP-Sintassi

Tirar proveito das funcionalidades do WP-Syntax é bastante simples. Sfruttando le caratteristiche del WP-sintassi è molto semplice. 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 . Durante la scrittura di un articolo, vai alla modalità di editing del codice sul tuo tinyMCE - scheda nome di "HTML" se si utilizza la modalità di editing grafica - e comprende il codice che si desidera essere pre stilizzata tag. Para configurar o plugin in-line, é preciso informar: Per impostare il plug-in linea, dobbiamo informare:

• Qual linguagem será usada (necessário); Che cosa è la lingua utilizzata (necessario);
• Se haverá numeração de linhas (opcional). Se ci sarà la numerazione delle linee (facoltativo).

Então, para colocar um trecho de código PHP com numeração de linhas, por exemplo, ficaria da seguinte maneira: In modo di mettere un po 'di codice PHP con numerazione delle rotte, per esempio, sarebbe la seguente:

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

[...] código [...] Codice [...] [...]

</pre> </ Pre>

Veja o plugin em funcionamento: Get plug in funzione:

 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″ . Semplicemente rimuovere l'attributo "linea" per il codice iserido verificarsi senza la numerazione delle rotte, se vogliamo iniziare a contare in numero diverso, basta dire: linea = "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. Prendete questa prova e selezionare la parte del codice di cui sopra, noterà che è possibile selezionare e incollare dove si desidera, senza i numeri vanno anche negli Appunti.

Algumas das linguagens de programação e marcação que o WP-Syntax suporta são: Alcuni dei linguaggi di programmazione e che segna il WP-Sintassi supporta sono:

• 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; Rubino;
• E mais de 70 outras linguagens. E più di 70 altre lingue.

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 vantaggio dei WP-Sintassi è che egli ha molti "sistemi" di colori, uno per ogni linguaggio di programmazione, lo stile o la marcatura scelto, che facilita l'integrazione delle varie porzioni di diverse lingue, in un unico articolo, Per dimostrare la differenza tra tutti, a facilitare la lettura e la comprensione del lettore.

Algo importante sobre o uso do WP-Syntax Qualcosa di importante circa l'uso di WP-Sintassi

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. Questo avviso è solo per coloro che utilizzano il editor grafico per scrivere articoli; coloro che usano solo la modalità di codice, non è necessario leggere questo avviso.

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. I consigliare, per usare la sintassi-WP-codici sorgente per evidenziare nei loro articoli, a scrivere il primo messaggio di parti che sono "testo comune", come spiegazioni, e così, da ultimo ú, rilasciare il modo HTML e inserire i codici necessari.

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. E di più: per modificare un articolo già scritto usando il WP-Sintassi, andare a qualsiasi altro articolo, andare in modalità di editing HTML, e solo dopo che, modificare il file che utilizzate la spina.

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). Il motivo per entrambi è l'editor grafico di Wordpress interpreta i tag esistenti per rendere correttamente durante la scrittura del post (grassetto, corsivo, ecc.) 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 . Poi, come stiamo entrando codice "interpretable" da essa, è rischioso, a seconda della lingua che si sta utilizzando il WP-Sintassi, come HTML, per esempio, nel momento in cui accade per l'editing in modalità grafica, la Wordpress editore di cancellare il tag che hai usato nel tuo articolo, con il WP-sintassi.

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. Quindi, ripetendo: sperimentare con gli articoli usando il WP-Sintassi, al momento della scrittura consentono di inserire codici di ú ultimo, e per modificare, andare a qualsiasi altro articolo, andare in modalità di editing HTML e quindi modificare il file in cui la sintassi di Sintassi-WP è stato utilizzato per evidenziare i codici sorgente.

Conclusão Conclusione

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, quando so che vi è un plugin che mette in evidenza i codici sorgente in articoli come questo, utilizzate la "tecnica" per creare diverse classi CSS per estilizar codici che mettere il post. Posso garantir que não é a melhor das experiências, principalmente para o caso de ter que fazer manutenção no código… Vi posso assicurare che non è il migliore di esperienze, in particolare nel caso di dover fare manutenzione sul codice…

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. Il migliore, anche in caso di inserimento di codice direttamente nel post, per coloro che utilizzano Wordpress, è quello di utilizzare un plug-WP Sintassi, che primando per la semplicità e la facilità d'uso, ed è eccellente supporto a più di 70 lingue, programmazione, lo stile e la marcatura citati, perfettamente in linea con gli scopi per i quali è stato creato, permettendo l'autore di articoli mostrando codici a loro visitatori con una sintassi colorata, ponendo l'accento sulla facilità di comprensione e la comprensione dei codici.