desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Entwicklung von Web - XHTML, CSS, Web Standards, Benutzerfreundlichkeit, Zugänglichkeit, Webdesign, SEO, Blogs und Technologie zu entwickeln, die 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. Für diejenigen, Wordpress Blogs haben sich mit der Programmierung, Software, Markup-Sprachen, Stile und dergleichen, eine der größten Schwierigkeiten ist Artikel schreiben erklären und demonstrieren die korrekte Kennzeichnung des Codes und Programmierung dieser durch eine stilisierte und verständliche Syntax.

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”. Einige schaffen CSS-Regeln für den Einsatz in Auszügen aus der Codes haben, die Schaffung verschiedener Kategorien, für estilizar verschiedenen Farben von Text mit der Eigenschaft "Farbe". 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. Unterdessen Anwendung dieses Bündel von Klassen in einem Code, abgesehen davon, dass sie zeitaufwändig und stressig für dessen Umsetzung der Autor von der Post, hat den Nachteil, schwer 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 . Um die verschiedenen Arten von Codes der Stellen in Wordpress Blogs gibt es eine bessere Lösung, schneller, und üben den Umgang mit einer der wesentlichen Vorteile dieser Plattform: Die Erweiterbarkeit der Funktionen durch Plugins.

Sobre o plugin WP-Syntax Über Syntax-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-Syntax ist eine großartige Erweiterung um Wordpress-Codes mit Syntax-einfache Möglichkeiten zur Anzeige und zu gestalten, Intelligenz í Ebene. Quando se usa o plugin , é possível exibir códigos-fonte coloridos (coloração automática) com ou sem numeração das linhas. Wenn Sie das Plugin können Sie den Quellcode farbig (automatische Farbe) mit oder ohne eine Reihe von Zeilen. 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. Für jeden Lesen der Artikel ist ausgezeichnet, da sie eine saubere Syntax und ermöglicht es Ihnen, wählen Sie den Code über den Browser.

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. Das System der Hervorhebung der WP-Syntax geschieht mit Hilfe von GeSHi (Generic Syntax Highlighter), die bereits bekannt ist bei einigen Web-Entwickler wegen seiner einfachen Implementierung und einfache Bedienung.

Funcionando do WP-Syntax Running WP-Syntax

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. Die Verwendung von WP-Syntax ist einfach und sicher, er vermeidet Konflikte mit anderen Plug-dritte, mit "Filter" garantieren, dass die breite Kompatibilität mit anderen Erweiterungen, so dass ein substanzielles Ergebnis, das die Formatierung Codes der Ausgangs-und Schwerpunkt der exakten wie sie wollen und brauchen.

Instalação e uso do WP-Syntax Die Installation und Nutzung von WP-Syntax

Este plugin é todo fácil de usar, desde sua instalação ao momento de exibir códigos formatados nos posts. Dieses Plugin ist alles leicht zu bedienen, seit seiner Installation zum Zeitpunkt der Anzeige-Codes formatiert Stellen.

Instalação Installation

A instalação do WP-Syntax é feita da maneira “tradicional”: Die Installation der WP-Syntax ist die Art und Weise "traditionell":

1. Baixar o plugin ; Download 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/ ; Entpacken Sie den Inhalt der ZIP-Datei in den Ordner Standard-Plugins Wordpress, die dazu führen, dass die folgende Hierarchie von Ordnern: wp-content/plugins/wp-syntax /;
3. Ativar o plugin na área “Complementos” (Plugins) do painel de controle WP; Aktivieren Sie Plug in "Ergänzung" (plugins) des Control Panels WP;
4. Começar a usar o WP-Syntax. Mit der Nutzung des WP-Syntax.

Como usar o WP-Syntax Mit dem WP-Syntax

Tirar proveito das funcionalidades do WP-Syntax é bastante simples. Die Nutzung der Funktionen des WP-Syntax ist recht einfach. 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 . Während die einen Artikel schreiben, fahren Sie mit der Bearbeitung von Code-Modus auf Ihrem TinyMCE - Name der Registerkarte "HTML", wenn Sie das Bearbeiten-Modus Grafik - und beinhaltet den Code, den Sie wollen vor stilisierte Tags. Para configurar o plugin in-line, é preciso informar: So stellen Sie das Plug In-Line, müssen wir informieren:

• Qual linguagem será usada (necessário); Welche Sprache verwendet wird (notwendig);
• Se haverá numeração de linhas (opcional). Wenn es wird Nummerierung der Zeilen (optional).

Então, para colocar um trecho de código PHP com numeração de linhas, por exemplo, ficaria da seguinte maneira: Also, um ein Stück Code mit PHP Nummerierung der Strecken, zum Beispiel, wäre wie folgt:

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

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

</pre> </ PRE>

Veja o plugin em funcionamento: Holen Sie sich Stecker in Betrieb:

 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″ . Einfach das Attribut "Linie" auf den Code iserido auftreten, ohne dass die Nummerierung der Strecken, wenn wir starten wollen Zählung in verschiedenen Nummer, nur sagen: 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. Nehmen Sie diesen Test, und wählen Sie die Bit-Code ausgeführt, feststellen, dass Sie auswählen können, und fügen Sie wo Sie wollen, ohne die Zahlen gehen auch in die Zwischenablage.

Algumas das linguagens de programação e marcação que o WP-Syntax suporta são: Einige der Programmiersprachen und die Kennzeichnung der WP-Syntax unterstützt werden:

• 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. Und mehr als 70 anderen Sprachen.

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. Ein wesentlicher Vorteil der WP-Syntax ist, dass er viele "Systeme" der Farben, eine für jede Programmiersprache, Stil oder Markierung gewählt wird, erleichtert die Integration der verschiedenen Teile von mehreren Sprachen, in einem Artikel, Um zu demonstrieren, den Unterschied zwischen allen, erleichtert das Lesen und das Verständnis des Lesers.

Algo importante sobre o uso do WP-Syntax Etwas Wichtiges über die Verwendung von WP-Syntax

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. Diese Warnung ist nur für jene mit dem grafischen Editor Artikel schreiben; diejenigen, die nur die Code-Modus, muss nicht heißen diese Warnung.

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. Ich rate, die Verwendung der WP-Syntax-Source-Codes, um in ihrem Artikel, zu schreiben den ersten Beitrag der Parteien, die "gemeinsamen Text", wie Erklärungen, und ja, durch ú letzte Frage, wie HTML und einfügen die Codes erforderlich.

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. Und mehr: zum Bearbeiten eines Artikels bereits schriftlich mit WP-Syntax, gehen Sie zu jedem anderen Artikel, fahren Sie mit dem Bearbeiten von HTML-Modus, und nur danach, bearbeiten Sie die Datei, die verwendet den Stecker.

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). Der Grund für beide ist der Editor von WordPress Grafik interpretiert die Tags zu den bestehenden korrekt wiedergegeben, während die Post schriftlich (fett, kursiv, 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 . Dann, als wir in Code "interpretierbar" von ihm, ist riskant, abhängig von der Sprache, die Sie nutzen das WP-Syntax, als HTML, zum Beispiel, in der Zeit passiert, dass für die Bearbeitung im grafischen Modus, der Editor von WordPress löschen Sie die Tags in Ihrem Artikel, mit dem WP-Syntax.

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. Dann wiederholen: Basteln mit den Artikeln mit WP-Syntax, die zum Zeitpunkt des Schreibens ermöglichen Ihnen die Eingabe von Codes ú letzten und zu bearbeiten, gehen Sie zu jedem anderen Artikel, fahren Sie mit dem Bearbeiten von HTML-Modus und dann bearbeiten Sie die Datei, in die die Syntax der WP-Syntax verwendet wurde, um den Source-Codes.

Conclusão Fazit

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 . Persönlich, wenn ich weiß, dass es ein Plugin, dass die Highlights der Quellcodes in den Artikeln wie diesem, nutzten die "Technik" zu schaffen, verschiedene Klassen für CSS-Codes estilizar, dass die Stellen gebracht. Posso garantir que não é a melhor das experiências, principalmente para o caso de ter que fazer manutenção no código… Ich kann Ihnen versichern, dass es nicht das beste von Erfahrungen, insbesondere im Falle, dass zu tun Wartungsarbeiten an den 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. Das beste, auch im Falle der Einfügung des Codes direkt in Beiträge für diejenigen, benutzen Wordpress, ist die Verwendung eines Plug-WP Syntax, die primando für Einfachheit und Benutzerfreundlichkeit, und verfügt über exzellente Unterstützung auf mehr als 70 Sprachen, Programmierung, Stil und Kennzeichnung zitiert, perfekt dient dem Zweck, für die sie erstellt wurde, so dass der Autor von den Artikeln ausgewiesen-Codes auf ihre Besucher mit einem bunten Syntax, wobei der Schwerpunkt auf leichte Verständlichkeit und das Verständnis des Codes.