desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web発展途上ウェブ-のX HTML、 C SS、 W eb標準、ユーザビリティ、アクセシビリティ、ウェブデザイン、ソ、ブログやウェブの技術を開発する

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.これらのwhoがWordPressのブログを扱っているプログラミング、 ソフトウェア、マークアップ言語、スタイルとするように、 1つの記事を書くの主要な困難が正しいことを証明する説明とプログラミングコードの捺印と有名と理解を介して、これらの構文を使用します。

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のいくつかのルールを作成して使用するコードの抜粋の、様々なクラスを作成し、様々な色のテキストをestilizarのプロパティ"色"です。 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.一方、大勢のクラスのアプリケーションは、次のコードに加えて、ストレスのたまるしているの時間がかかるとするには、 投稿の実装では、著者は、困難であることの不利には、 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 .様々な種類のコードを提供するWordPressのブログに投稿は、より良い解決策には、より速く、と実践の主な長所の1つを使って、このプラットフォーム：その機能を拡張プラグインです。

Sobre o plugin WP-Syntax約構文- 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大きなWordPressのコードの構文の拡張子を表示する簡単な図形情報を閲覧したりíレベルです。 Quando se usa o plugin , é possível exibir códigos-fonte coloridos (coloração automática) com ou sem numeração das linhas. プラグインを使用する場合、ソースコードを表示するに着色することができます（自動カラー）の有無に関係なく、いくつかの行です。 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.記事を読んで誰が素晴らしいので、シンタックス、および提供することにより、清潔度を選択してコードを使用すると、ブラウザを通して自分自身です。

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.このシステムを強調する構文は、使用して行うのWP - geshi （汎用的な構文のHighlighter ） 、これはすでにいくつかのウェブ開発者のための既知の間での容易な実装と使いやすさです。

Funcionando do WP-Syntax実行中のWP -構文

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.構文は次のWPの使用を簡単かつ安全な、彼は他のプラグインの競合を避けて第三に、実行中の"フィルタ"を一般的な互換性を保証して他の拡張子は、素晴らしい結果を与え、これは、ソースコードの書式と正確な焦点どのようにしたいと、 needです。

Instalação e uso do WP-Syntax構文のWPをインストールおよび使用する

Este plugin é todo fácil de usar, desde sua instalação ao momento de exibir códigos formatados nos posts.このプラグインはすべて簡単に使用、以来、インストール時には、コードの形式で記事を表示します。

Instalaçãoインストール

A instalação do WP-Syntax é feita da maneira “tradicional”:構文のWPのインストールの方法は、 "伝統的な" ：

1. Baixar o 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/ ; zip形式のファイルの内容を解凍するためのフォルダを標準の差込の wordpress 、これは結果的には、次の階層のフォルダ： wp-content/plugins/wp-syntax / ;
3. Ativar o plugin na área “Complementos” (Plugins) do painel de controle WP;有効にするプラグイン "補完" （プラグイン）は、 [コントロールパネル]のWP ;
4. Começar a usar o WP-Syntax.スタート]ボタンを使用してのWP -構文を使用します。

Como usar o WP-Syntax構文を使用してのWP

Tirar proveito das funcionalidades do WP-Syntax é bastante simples.の機能を活用するのWP -構文は非常に簡単です。 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 .書き込み中に記事には、編集モードのコードを使用してtinymce -]タブの名前を" h tml"と編集モードを使用する場合はグラフィック-とが含まれているコードをあらかじめ定型化されるタグを選択します。 Para configurar o plugin in-line, é preciso informar:ラインのプラグインを設定するには、通知しなければなりません：

• Qual linguagem será usada (necessário);どのような言語が使用され（必要な） ;
• Se haverá numeração de linhas (opcional).行番号の場合には（オプション） 。

Então, para colocar um trecho de código PHP com numeração de linhas, por exemplo, ficaria da seguinte maneira:これを入れるにはビットのコードをPHPナンバリングの路線、例えば、は以下のとおり：

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

[...] código [...] [...]コード[...]

</pre> < /事前>

Veja o plugin em funcionamento:取得のプラグインの操作：

 1 2 3 1 2 3 

 for ( $i = 1 ; $i <= 11 ; $i    ) { echo $i . ', ' ; } を （ $私 = 1 ; $私 < = 11 ; $私     ） （エコー $ 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″ .属性を削除して、単に"線"をiserido発生する可能性のコード番号の道のりを、計数を開始する場合は、異なる番号、とにかく言： 行= " 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.このテストを選択し、ビットのコードのように、注意して選択することができますなくして貼り付けるとどこの数字を選択してクリップボードにも行く。

Algumas das linguagens de programação e marcação que o WP-Syntax suporta são:いくつかのプログラミング言語やマーキングの構文がサポートするのWP ：

• ASP; のASP ;
• C; c ;
• D; d ;
• CFM; のCFM ;
• CSS; CSSの;
• HTML; HTMLの;
• Java; ジャワ;
• Javascript; JavaScriptの;
• mySQL; MySQLの;
• Oracle 8; オラクル8 ;
• Perl; Perlの;
• PHP; PHPの;
• Python; Pythonの;
• Ruby; ルビー;
• E mais de 70 outras linguagens. 他の言語と70以上です。

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.主要な利益を考えての構文のWPは、彼には多くの"スキーム"の色は、プログラミング言語ごとに1つ、スタイルやマーキング選択すると、様々な部分の統合を容易にし、いくつかの言語、 1つの記事は、すべてを実証するための違いは、読書との理解を促進するのリーダーです。

Algo importante sobre o uso do WP-Syntax何か重要なことについては、使用のWP -構文

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.この警告は、グラフィカルなエディタのみを使用して、それらの記事を書く;これらのモードのコードのみを使用して、この警告を読む必要はありません。

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.私助言、構文を使用してのWP -ソースコードを強調して記事を書くの最初のポストを当事者には"共通テキスト"と説明、およびそのため、 ú最終更新され、問題のHTMLを挿入する方法必要に応じて、コードです。

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.と他：すでに書かれた記事を編集するに構文を使用してのWPには、他の記事には、編集モードHTML 、およびした後にのみで、ファイルを編集して使用してプラグ付きです。

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).その理由は、両方のWordpressのグラフィックエディタにタグを解釈しながら、既存のレンダリングを正しく書いてポスト（太字、斜体、等） 。 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 .次に、入力コードとして我々は"解釈"されては、危険性に応じて、その言語を使用しているのWP -構文は、 HTMLとして、例えば、発生時には、グラフィカルに編集モードの場合は 、 エディタのWordPressを消去して記事のタグを使用される、とのWP -構文を使用します。

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.その後、繰り返し：記事をいじくり回すのWP -構文を使用して、を書いている時点でできるようにコードを入力しú最終更新、および編集するには、他の記事には、編集モードのHTMLと入力し、ファイルを編集するには、構文の構文- WPのソースコードを使用してハイライトしています。

Conclusão結論

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 .個人的には、ときに私が知っているには、 差込式のハイライトなどのソースコードを記事には、使用して"技術"を作成する別のクラスをCSSのコードを置くestilizarの投稿です。 Posso garantir que não é a melhor das experiências, principalmente para o caso de ter que fazer manutenção no 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.最高でも、イベントの挿入のコードを直接投稿は、それらのwho使用のWordPress 、 WPのプラグインを使用するには、構文、これprimandoのシンプルさと使いやすさとは優れて70以上の言語のサポートを、プログラミングでは、スタイルとマーキング挙げ、完全に提供する目的で作成されていたため、コードを許可して著者の記事を表示中にカラフルな構文を訪問して、理解と理解を容易に焦点を当て、コードです。