Desenvolvimento de Temas para WordPress (101)

Guia de desenvolvimento de temas para WordPress


Aprender a criar temas do WordPress abre um mundo totalmente novo para você explorar. Ele permite que você crie designs personalizados para você, seus clientes e até contribua para a comunidade de código aberto.

Neste guia, levaremos você do zero para um tema totalmente funcional que possa ser enviado para o WordPress.org diretório de temas.

Para acompanhar você precisará de um entendimento básico de HTML, CSS, PHP e como o WordPress funciona.

Todo o código usado neste guia estará disponível para referência neste Repositório do Github.

Criando arquivos essenciais


Um tema WordPress funcional pode consistir em apenas dois arquivos: style.css e index.php. Isso é possível por causa do WordPress hierarquia de modelos.

Quando o WordPress gera uma página da Web, ele procura o modelo mais específico disponível; se ele não existir, passará pela hierarquia até encontrar um que o exiba. Aqui está um exemplo prático:

O usuário está ligado https://example.com/practical-example, que é uma página. O WordPress tentará localizar um modelo nesta ordem:

  • page- {slug} .php – O slug da página é / exemplo prático, o WordPress procurará usar o seu tema / página exemplo prático.php
  • page- {id} .php – O ID da página é 42, o WordPress procurará usar seu-tema / página-42.php.
  • page.php – O WordPress experimentará o modelo geral de your-theme / page.php.
  • singular.php – O modelo singular pode renderizar postagens e páginas, por isso é testado após a página mais específica.php
  • index.php – Por fim, seu-theme / index.php é usado se nenhum outro modelo for encontrado.

Vamos começar criando um tema com apenas os arquivos essenciais e, em seguida, podemos adicionar mais recursos à medida que exploramos como eles funcionam.

No / wp-content / themes /, crie uma pasta chamada meu tema personalizado e crie esses dois arquivos a seguir:

style.css

Para o WordPress reconhecer nosso tema e produzi-lo corretamente na lista Aparência → Temas, precisamos colocar algum código específico do WordPress no topo de style.css, Se parece com isso:

/ *
Nome do tema: Meu tema personalizado
URI do tema: https://yourwebsite.com/theme
Autor: Seu nome
Autor URI: https://yourwebsite.com
Descrição: este é meu primeiro tema personalizado!
Versão: 1.0.0
Licença: Licença Pública Geral GNU v2 ou posterior
URI da licença: 
Domínio de texto: my-custom-theme
Tags: fundo personalizado
* /

Tecnicamente, nenhum dos campos é obrigatório, mas se você deseja que o seu tema tenha uma boa aparência no wp-admin, eles são altamente recomendados. Eles também são necessários se você estiver distribuindo seu tema no WordPress.

  • Nome do Tema – Você sempre deve fornecer um nome de tema. Se você não usar, o nome da pasta será usado, meu tema personalizado em nosso exemplo.
  • URI do tema – Se usado, o URI do tema deve fornecer um link para uma página na qual os visitantes possam aprender mais sobre o tema.
  • Autor – Seu nome vai aqui.
  • Autor URI – Um link para seu site pessoal ou comercial pode ser colocado aqui.
  • Descrição – A descrição é mostrada no modal do tema wp-admin e também no Tema WordPress listagem.
  • Versão – Os números de versão ajudam os desenvolvedores a acompanhar as alterações e informar aos usuários se estão usando a versão mais recente. Nós seguimos o SemVer sistema de numeração para indicar a gravidade das alterações em uma atualização.
  • Licença – A decisão de licenciar seu tema depende de você, mas se você escolher uma licença não compatível com GPL, não poderá distribuir seu tema no WordPress.
  • URI da licença – Este é simplesmente um link para a licença listada acima.
  • Domínio de texto – O domínio do texto é usado ao traduzir seu tema para outros idiomas. Não se preocupe, exploraremos isso mais tarde. Por enquanto, basta saber que é uma boa prática para a pasta do tema e o domínio do texto ser o nome do tema separado por hífens em vez de espaços.
  • Tag – As tags são usadas apenas se você estiver carregando o seu tema no diretório de temas do WordPress.org. Eles são a base do mecanismo do “Filtro de recursos”.

Copie e cole o acima em style.css e você terá algo parecido com isto:informações sobre o tema wp-admin

Nota: Parece um pouco em branco no momento, pois ainda não temos uma captura de tela. Vamos adicionar isso mais tarde.

index.php

index.php é o único outro arquivo estritamente necessário. Seu trabalho é renderizar toda a saída front-end do nosso tema.

Desde a index.php renderizará todas as nossas páginas (home, postagens, categorias, arquivos), estará dando muito trabalho. Para começar, precisamos de uma seção principal que cubra o básico do HTML.


>





Este é o HTML padrão, com uma exceção, [wp_head ()] (). wp_head é uma função principal que permite que o WordPress e plugins de terceiros insiram código no cabeçalho sem modificar seus arquivos de modelo. Isso é chamado de gancho de ação.

Se você conhece HTML, pode notar que não há uma para exibir o título da página. Isso ocorre porque o WordPress pode usar o gancho wp_head para inserir dinamicamente o título.</p><p>Outro uso do wp_head é enfileirar estilos (.css) e scripts (.js). Existem boas razões para fazer isso, em vez de codificá-las, que veremos mais adiante.</p><p>Em seguida, temos o corpo da página:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><body data-rsssl=1 <?php body_class(); ?>></pre><p><em>body_class ()</em> é uma função auxiliar fornecida pelo WordPress que produzirá uma lista de classes CSS úteis que descrevem a página exibida, como:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><code class="EnlighterJSRAW" data-enlighter-language="html">class = "página-id-2 da página-pai da página-pai-modelo-padrão conectado" </code></pre><p><em>body_class ()</em>; também aceita um parâmetro para que você possa adicionar suas próprias classes, por exemplo:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><body data-rsssl=1 <?php body_class( 'wide-template blue-bg' ); ?>></pre><p>Em seguida, temos o cabeçalho do modelo.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><header class="site-header"> <p class="site-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?" data-wpel-link="internal">"> <?php bloginfo( 'name' ); ?> </a> </p> <p class="site-description"><?php bloginfo( 'description' ); ?></p> </header> </pre><p>Aqui, usamos as funções de modelo integradas do WordPress para gerar o título e a descrição do site. Também usamos uma função auxiliar, <em>home_url (),</em> para vincular o título do site à página inicial.</p><p>Em seguida, o corpo da página:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><div class="site-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article <?php post_class(); ?>> <header class="entry-header"> <?php the_title( '<h1 class="entry-title"><span id="i">','</span></h1>'); ?> </header> <div class="entry-content"> <?php the_content( esc_html__( 'Continue reading →', 'my-custom-theme' ) ); ?> </div> </article> <?php // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; else : ?> <article class="no-results"> <header class="entry-header"> <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'my-custom-theme' ); ?></h1> </header> <div class="entry-content"> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'my-custom-theme' ); ?></p> </div> </article> <?php endif; ?> </div> </pre><p>É aqui que fica interessante (e um pouco mais complexo). Aqui estamos usando o recurso mais importante do WordPress, o <a href="https://developer.wordpress.org/themes/basics/the-loop/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Ciclo</a>. O loop faz o trabalho duro de descobrir em que página o usuário está e o que deve ser mostrado. Em seguida, ele retorna uma lista de uma ou mais ‘postagens’ nas quais podemos percorrer e enviar dados usando funções de modelo.</p><p>Se o loop não retornar nenhum resultado, por exemplo, em uma página 404 ou em uma postagem excluída, usamos um operador else para mostrar uma mensagem predefinida.</p><p>Sem nenhum código circundante, um loop simplificado se parece com isso:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">if (have_posts ()): // verifica se o loop retornou alguma postagem. while (have_posts ()): // passa por cada post retornado. the_post (); // configura o conteúdo para que possamos usar tags de modelo como the_title (). o título(); // gera o título da postagem. o conteúdo(); // gera o conteúdo da postagem. final; outro : eco 'Nenhuma página encontrada'; // gera uma mensagem de erro se não houver postagens. fim se; ?> </pre><p><strong>Nota:</strong> Como o WordPress tem sua origem nos blogs, muitas funções usam a terminologia ‘post’, mesmo que elas possam retornar e gerar qualquer tipo de conteúdo (postagens, páginas, tipos personalizados de post).</p><p>Por fim, temos o rodapé, tudo o que precisamos fazer aqui é fechar as tags HTML que abrimos anteriormente. Há outro gancho de ação, <a href="https://developer.wordpress.org/reference/hooks/wp_footer/" data-wpel-link="external" rel="external noopener noreferrer">wp_footer ()</a>, que é usado ativamente pelo WordPress e plugins para incluir scripts no rodapé necessários para renderizar a página.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://12barclub.com/wp-content/cache/min/1/163603fbdbc4ebd4d5a470ae7e241af9.js" data-minify="1" defer></script></body> </html> </pre><p>Se você está acompanhando até agora, terá um tema WordPress totalmente funcional que se parece com isso:</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17326 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20242'%3E%3C/svg%3E" alt="visualização do tema inicial" width="750" height="242" data-lazy-src="/images/wordpress-theme-development-101-3.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17326 size-large" src="/images/wordpress-theme-development-101-3.jpg" alt="visualização do tema inicial" width="750" height="242"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="242"></span></p><p>Nosso tema não ganhará nenhum prêmio de design (não possui CSS) e faltam muitos recursos que os usuários consideram essenciais (barras laterais, navegação, metadados, miniaturas, paginação etc.), mas é um ótimo começo!</p><p>Vamos continuar e ver como podemos melhorá-lo.</p><h2><span id="functionsphp">functions.php</span></h2><hr/><p><em>Functions.php</em> não é um arquivo estritamente necessário, mas oferece tantos benefícios que 99,99% dos temas o possuem. No <em>functions.php</em> você pode utilizar a funcionalidade de tema integrada do WordPress e também adicionar seu próprio código PHP personalizado.</p><p>Crie um <em>functions.php</em> na sua pasta de temas agora, pois adicionaremos código a ela nas próximas seções.</p><h3><span id="Adicionando_um_menu_de_navegacao">Adicionando um menu de navegação</span></h3><p>A maioria, se não todos os sites, utilizam um menu de navegação, mas até agora nosso tema não é compatível com um. Para dizer ao WordPress que o nosso tema possui um menu de navegação, precisamos registrá-lo em <em>functions.php</em> como isso:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">register_nav_menus (matriz ( 'menu-1' => __ ('Menu principal', 'meu tema personalizado'), ); </pre><p><strong>Nota:</strong> <em>register_nav_menus ()</em> aceita uma matriz para que você possa registrar mais de um menu, se necessário.</p><p>O WordPress agora conhece o nosso menu, mas ainda precisamos apresentá-lo em nosso tema. Fazemos isso adicionando o código a seguir abaixo da descrição do site em <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_nav_menu (matriz ( 'theme_location' => 'menu-1', )); </pre><p>Agora temos um menu de navegação (sem estilo):</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17328 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20272'%3E%3C/svg%3E" alt="tema inicial com menu nav" width="750" height="272" data-lazy-src="/images/wordpress-theme-development-101-4.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17328 size-large" src="/images/wordpress-theme-development-101-4.jpg" alt="tema inicial com menu nav" width="750" height="272"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="272"></span></p><h3><span id="Adicionando_uma_barra_lateral">Adicionando uma barra lateral</span></h3><p>Nosso tema também não tem uma barra lateral (área do widget), vamos corrigir isso agora.</p><p>Primeiro, precisamos registrar a barra lateral em <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">função my_custom_theme_sidebar () { register_sidebar (array ( 'name' => __ ('Barra lateral principal', 'meu tema personalizado'), 'id' => 'barra lateral-1', )); } add_action ('widgets_init', 'my_custom_theme_sidebar'); </pre><p>Agora crie <em>sidebar.php</em> na sua pasta de temas e adicione o seguinte código:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php if ( is_active_sidebar( 'sidebar-1' ) ) { ?> <ul class="sidebar"> <?php dynamic_sidebar('sidebar-1' ); ?> </ul> <?php } ?> </pre><p>Aqui estamos usando um <em>E se</em> para verificar se a barra lateral está “ativa” antes de enviarmos o código. Uma barra lateral ativa é aquela à qual o usuário adicionou pelo menos um widget ao.</p><p>O último passo é incluir a barra lateral no<em> index.php</em>, acima <em>wp_footer ()</em> adicione um <em>get_sidebar ()</em> ligar.</p><h3><span id="Adicionando_imagens_em_destaque">Adicionando imagens em destaque</span></h3><p>Assim como as barras laterais e os menus de navegação, não podemos apenas exibir imagens em destaque em nosso tema e esperar que funcionem, precisamos informar ao WordPress que apoiamos esse recurso primeiro. No <em>functions.php</em> adicionar:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_theme_support ('pós-miniaturas');</pre><p>Agora podemos adicionar o<em>_post_thumbnail ();</em> dentro do nosso loop e as miniaturas funcionarão. O único problema é que eles serão exibidos no tamanho máximo de 1920 px x 2560 px do WordPress, que é muito grande para a maioria dos usos. Felizmente, o WordPress tem outra função auxiliar: <em>add_image_size ()</em>;</p><p>Quando um usuário faz o upload de uma imagem e se o tamanho da imagem estiver definido, o WordPress gerará uma versão da imagem carregada nesse tamanho (mantendo o original). Se a imagem do usuário for menor que as dimensões que você definiu, o WordPress não fará nada, pois não poderá aumentar a imagem que a original.</p><p>Para usar uma imagem de recurso otimizada em vez da original, coloque o seguinte código em <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_image_size ('tamanho da minha imagem personalizada', 640, 999);</pre><p>O primeiro parâmetro é a alça, o segundo é a largura da imagem e o terceiro é a altura. A altura e a largura são opcionais, caso você queira limitar apenas uma dimensão.</p><p>No <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">the_post_thumbnail ('tamanho da minha imagem personalizada');</pre><h3><span id="Enfileirando_estilos_e_scripts">Enfileirando estilos e scripts</span></h3><p>Anteriormente, declaramos que é melhor enfileirar estilos e scripts em vez de codificá-los diretamente nos arquivos de modelo. Isso porque o enfileiramento permite muito mais flexibilidade.</p><p>Quando feito corretamente, o enfileiramento também informa ao WordPress quais recursos estão sendo carregados. Quando o WordPress sabe quais recursos são necessários, pode garantir que o mesmo recurso não esteja sendo carregado mais de uma vez. Isso é especialmente importante quando você tem uma biblioteca extremamente popular, como jQuery ou FontAwesome, que vários temas e plugins estarão utilizando.</p><p>Outro benefício do enfileiramento é que um recurso enfileirado pode ser desenfileirado por um plug-in, evitando a necessidade de modificar arquivos de modelo.</p><p>Embora nosso tema tenha uma <em>style.css</em> arquivo que ainda não o está usando, vamos enfileirá-lo agora:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">função my_custom_theme_enqueue () { wp_enqueue_style ('meu-tema-personalizado', get_stylesheet_uri ()); } add_action ('wp_enqueue_scripts', 'my_custom_theme_enqueue'); </pre><p><a href="https://developer.wordpress.org/reference/functions/get_stylesheet_uri/" data-wpel-link="external" rel="external noopener noreferrer"><code>get_stylesheet_uri ()</code></a> é uma função auxiliar que recupera o URI da folha de estilo do tema atual. Se estivéssemos enfileirando qualquer outro arquivo, precisaríamos fazer isso:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_style ('minha folha de estilos', get_template_directory_uri (). '/css/style.css'); </pre><p>Nosso tema não possui scripts, se os tivermos enfileirados da seguinte forma:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">função my_custom_theme_enqueue () { wp_enqueue_style ('meu-tema-personalizado', get_stylesheet_uri ()); wp_enqueue_script ('meus scripts', get_template_directory_uri (). '/js/scripts.js'); } add_action ('wp_enqueue_scripts', 'my_custom_theme_enqueue');</pre><p>Uma exceção ao descrito acima são os scripts que foram <a href="https://developer.wordpress.org/reference/functions/wp_enqueue_script/#default-scripts-and-js-libraries-included-and-registered-by-wordpress" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">pré-registrado </a>pelo WordPress, nesses casos, você só precisa fornecer o primeiro parâmetro ($ handle):</p><p><code class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_script ('jquery');</code></p><p><strong>Adicionando estilo com CSS</strong></p><p data-enlighter-language="php">Nosso tema tem bases sólidas, mas não possui design, ao adicionar CSS básico ao style.css fará uma enorme diferença. Nós adicionamos ao redor <a href="https://github.com/DannyCooper/my-custom-theme/blob/master/style.css" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">~ 100 linhas de CSS </a>ao nosso tema de amostra como uma demonstração e o resultado se parece com o seguinte:</p><p data-enlighter-language="php"><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17329 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20430'%3E%3C/svg%3E" alt="tema inicial com css" width="750" height="430" data-lazy-src="/images/wordpress-theme-development-101-5.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17329 size-large" src="/images/wordpress-theme-development-101-5.jpg" alt="tema inicial com css" width="750" height="430"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="430"></span></p><h3><span id="Tag_do_titulo">Tag do título</span></h3><p>Todos os temas devem utilizar a funcionalidade interna do WordPress para gerar a tag title, que é ativada adicionando esse código ao seu <em>functions.php</em> Arquivo: <code>add_theme_support ('tag do título');</code> Isso é tudo, o WordPress lidará com a saída da página<em><title></em> e, se necessário, os plugins podem modificar a saída usando filtros. Os plugins de SEO costumam fazer isso em um esforço para otimizar ainda mais os títulos.</p><h2><span id="Pecas_do_modelo">Peças do modelo</span></h2><hr/><p>No momento, 80% do código do nosso modelo está em <em>index.php</em>. Enquanto isso funcionar, resultará em muita repetição de código quando tivermos outros arquivos de modelo, como <em>singular.php</em>, <em>search.php</em>, e <em>archive.php</em>. As partes do modelo facilitam o desenvolvimento do tema, permitindo reutilizar o código entre os modelos. Como nosso cabeçalho e rodapé serão os mesmos em todas as páginas, eles são um candidato perfeito para o uso de partes do modelo. Primeiro, crie header.php e mova o seguinte código de <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="<http://gmpg.org/xfn/11>"> <?php wp_head(); ?> </head> <header class="site-header"> <p class="site-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?" data-wpel-link="internal">"> <?php bloginfo( 'name' ); ?> </a> </p> <p class="site-description"><?php bloginfo( 'description' ); ?></p> <?php wp_nav_menu( array( 'theme_location' => 'menu-1', )); ?> </header> </pre><p>No <em>index.php</em> substitua o código acima por:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> </pre><p><strong>Nota:</strong> Ao obter uma parte do modelo, você deve omitir o <em>.php</em> do identificador da peça do modelo.</p><p>Em seguida, crie uma parte do modelo de rodapé movendo esse código para<em> footer.php</em> e repetindo o processo acima:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://12barclub.com/wp-content/cache/min/1/163603fbdbc4ebd4d5a470ae7e241af9.js" data-minify="1" defer></script></body> </html> </pre><p>Por fim, também moveremos o código “sem resultados” para uma parte do modelo, pois provavelmente será usado em vários modelos. Crio<em> content-none.php</em> e mova esse código para o novo arquivo.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><article class="no-results"> <header class="entry-header"> <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'my-custom-theme' ); ?></h1> </header> <div class="entry-content"> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'my-custom-theme' ); ?></p> </div> </article> </pre><p>Seu índice agora deve ficar assim:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> <div class="site-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article <?php post_class(); ?>> <?php the_post_thumbnail(); ?> <header class="entry-header"> <?php the_title( '<h1 class="entry-title"><span id="i-2">','</span></h1>'); ?> </header> <div class="entry-content"> <?php the_content( esc_html__( 'Continue reading →', 'my-custom-theme' ) ); ?> </div> </article> <?php // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; else : get_template_part( 'content-none' ); endif; ?> </div> <?php get_sidebar(); get_template_part( 'footer' ); </pre><p>Embora o acima funcione perfeitamente, há uma pequena melhoria que podemos fazer. O WordPress tem funções auxiliares para incluir as partes do modelo do cabeçalho, rodapé e barra lateral. Como é uma prática recomendada usar as principais funcionalidades, sempre que possível, devemos usá-las.</p><p>Substituir <code>get_template_part ('cabeçalho');</code> com <code>get_header ();</code> e <code>get_template_part ('rodapé');</code> com <code>get_footer ();</code></p><h2><span id="Conteudo">Conteúdo</span></h2><hr/><p>A base que concluímos com as partes do modelo pagará dividendos à medida que adicionamos novos arquivos de modelo ao nosso tema. Abaixo, listamos os mais comuns. Para evitar sobrecarregá-lo com exemplos de código, vinculamos o código-fonte no Github.</p><h3><span id="singularphp">singular.php</span></h3><p>As postagens e páginas, quando exibidas em seus próprios URLs, são consideradas "Singulares", pois na maioria das vezes o layout será o mesmo para os dois tipos de página. Mas, caso não seja, você pode usar os mais específicos <em>page.php</em> e <em>single.php</em> (postagem).</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/singular.php" data-wpel-link="external" rel="external noopener noreferrer">Código de exemplo - singular.php</a></p><h3><span id="archivephp">archive.php</span></h3><p>Os modelos de arquivamento geralmente diferem dos modelos singulares de duas maneiras: mostram trechos em vez do conteúdo completo e apresentam um cabeçalho de arquivo explicando o conteúdo.</p><p>Consulte a hierarquia de modelos e você verá que o modelo de arquivo abrange todos os tipos de arquivos (autor, categoria, tag, taxonomia, data) se isso não funcionar no seu caso de uso, você ainda poderá usar os modelos mais específicos:</p><ul><li>author.php</li><li>category.php</li><li>tag.php</li><li>taxonomy.php</li><li>date.php</li></ul><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/archive.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Código de exemplo - archive.php</a></p><h3><span id="searchphp">search.php</span></h3><p>Sites do WordPress podem ser pesquisados ​​usando o parâmetro? S = URL, por exemplo, <code>yourwebsite.com?s=test</code>. o <em>search.php</em> modelo gera os resultados dessas pesquisas.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/search.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Código de exemplo - search.php</a></p><h3><span id="404php">404.php</span></h3><p>A instrução else que adicionamos no index.php captura erros de "página não encontrada", mas você pode desacoplar essa funcionalidade em seu próprio arquivo de modelo para ter mais controle sobre a saída. Esse é o caso de uso do <em>404.php</em> arquivo de modelo.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/404.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Código de exemplo - 404.php</a></p><h2><span id="Arquivos_Auxiliares">Arquivos Auxiliares</span></h2><hr/><p>Se você estiver distribuindo seu tema ao público, os seguintes arquivos são imperativos. Sem isso, seu tema será rejeitado dos repositórios e mercados de temas.</p><h3><span id="screenshotpng">screenshot.png</span></h3><p>A captura de tela é mostrada na lista de temas wp-admin quando o usuário está selecionando um novo tema. Aqui estão algumas práticas recomendadas que você deve seguir:</p><ul><li>As capturas de tela devem ter 1200 px x 900 px</li><li>As capturas de tela devem estar no formato .png ou .jpg</li><li>As capturas de tela devem ser uma representação precisa do tema</li><li>As capturas de tela devem ser otimizadas (use <a href="http://tinypng.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">tinypng.com</a> ou similar)</li></ul><h3><span id="readmetxt">readme.txt</span></h3><p>O WordPress não usa nenhuma informação de <em>readme.txt</em>, puxa tudo o que precisa <em>style.css</em>. Por outro lado, o diretório de temas do WordPress extrai informações importantes do arquivo leia-me e o considera um arquivo obrigatório.</p><p>A maioria dos desenvolvedores usa <em>readme.txt</em> como o local central para armazenar todas as informações sobre seu tema. Um simples <em>readme.txt</em> se parece com isso:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">=== Nome do tema === Requer pelo menos: 5,0 Testado até: 5.2 Requer PHP: 5.6 Licença: GPLv2 ou posterior URI da licença: <http://www.gnu.org/licenses/gpl-2.0.html> Pequena descrição. Não mais que 150 caracteres. == Descrição == Tema desc. == Changelog == = 1.0 = * Adicionada nova opção == Recursos == * normalize.css <http://necolas.github.io/normalize.css/>, (C) 2012-2016, Nicolas Gallagher e Jonathan Neal, [MIT] (<http://opensource.org/licenses/MIT>) </pre><ul><li><strong>Requer ao menos</strong> - Esta é a versão mínima do WordPress com a qual seu tema é compatível..</li><li><strong>Testado até</strong> - Este campo indica a versão mais recente do WordPress em que seu tema foi testado..</li><li><strong>Requer PHP</strong> - Este campo indica a versão mínima do PHP em que o seu tema funcionará.</li><li><strong>Descrição</strong> - Este campo de descrição não é exibido no momento em nenhum lugar.</li><li><strong>Changelog</strong> - O changelog não é usado em nenhum lugar, mas os desenvolvedores e alguns usuários farão referência a esse arquivo para ver quais alterações foram feitas.</li><li><strong>Recursos</strong> - A maioria dos recursos de terceiros requer atribuição de algum tipo. A seção de recursos é um local amplamente aceito para colocá-los. Mesmo para recursos que não exigem explicitamente atribuição, ainda é uma boa prática listá-los aqui para que os usuários estejam cientes das licenças dos recursos que estão usando.</li></ul><h2><span id="Modelos_de_pagina">Modelos de página</span></h2><hr/><p>Modelos de página permitem que os desenvolvedores criem modelos personalizados que podem ser usados ​​para postagens e páginas individuais. Por exemplo, a maioria dos temas tem um layout de duas colunas (conteúdo - barra lateral), mas em algumas páginas, o usuário pode se concentrar apenas no conteúdo e não mostrar uma barra lateral. É aí que um modelo de página pode ajudar.</p><p><strong>Como os modelos de página são criados?</strong></p><p>Em nossa pasta de temas, crie uma nova pasta chamada "modelos de página" e, dentro dessa pasta, crie um arquivo chamado <em>single-column.php</em>. Para acelerar as coisas, copie todo o código de <em>singular.php</em> para <em>page-templates / single-column.php</em> e remova a chamada para <em>get_sidebar ()</em> como este modelo não precisa disso.</p><p>Agora precisamos adicionar um cabeçalho especial que diga ao WordPress que este é um modelo de página, que se parece com isso:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">/ * Nome do modelo: Modelo de coluna única Tipo de postagem do modelo: postagem, página * / </pre><p>O código é auto-explicativo, estamos simplesmente dizendo ao WordPress o nome do modelo e com quais tipos de postagens ele pode ser usado..</p><p>Isso é tudo, nosso novo modelo de página agora está disponível no editor em "Atributos da página".</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class=" shadow-2 aligncenter wp-image-17345" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20643'%3E%3C/svg%3E" alt="menu suspenso de modelo de página" width="750" height="643" data-lazy-src="/images/wordpress-theme-development-101-6.jpg"/><noscript><img itemprop="url image" class=" shadow-2 aligncenter wp-image-17345" src="/images/wordpress-theme-development-101-6.jpg" alt="menu suspenso de modelo de página" width="750" height="643"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="643"></span></p><h2><span id="RTLcss">RTL.css</span></h2><hr/><p>Nem todos os idiomas são lidos da esquerda para a direita. O árabe e o hebraico, por exemplo, são lidos da direita para a esquerda (RTL). Existe uma maneira simples de tornar seu tema compatível com idiomas RTL.</p><p>Crie um novo arquivo na sua pasta de temas chamada <em>rtl.css</em>, copie e cole o seguinte código:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">corpo { direção: rtl; unicode-bidi: embed; } </pre><p>Se uma linguagem RTL é a linguagem ativa em um site WordPress, o WordPress sabe carregar esse arquivo CSS automaticamente.</p><p>Esta é uma implementação muito básica da funcionalidade RTL para você começar. Se você estiver interessado em aprender mais, aqui estão dois recursos fantásticos:</p><p><a href="https://codex.wordpress.org/Right_to_Left_Language_Support" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Documentação de suporte do idioma da direita para a esquerda</a></p><p><a href="https://github.com/WordPress/WordPress/blob/master/wp-content/themes/twentytwelve/rtl.css" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Código RTL Twenty Twenty</a></p><h2><span id="Melhores_Praticas">Melhores Práticas</span></h2><hr/><p>As melhores práticas evoluíram ao longo do tempo para facilitar a criação e a manutenção de temas do WordPress. Seguir esses princípios não apenas o ajudará, mas também facilitará para outros desenvolvedores quando eles precisarem trabalhar com seu código.</p><h3><span id="1_Use_Temas_Iniciais">1) Use Temas Iniciais</span></h3><p>Os temas iniciais fornecem uma base sólida para você desenvolver seu tema. Normalmente, eles são leves, contêm pouco ou nenhum estilo e nenhuma opção de configuração. Com o tempo, você pode criar seu próprio tema inicial, no qual pode basear todos os seus projetos, mas por enquanto, aqui estão algumas opções populares:</p><ul><li><a href="https://underscores.me/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Sublinhados</a></li><li><a href="https://wordpress.org/themes/scaffold/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Andaime</a></li><li><a href="https://github.com/html5blank/html5blank" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">HTML5 em branco</a></li></ul><h3><span id="2_Conheca_os_padroes_de_codificacao_do_WordPress">2) Conheça os padrões de codificação do WordPress</span></h3><p>Os padrões de codificação são uma maneira de formatar seu código de maneira consistente em toda a base de código. O WordPress possui padrões de codificação para HTML, CSS, Javascript e PHP. Embora o uso de um padrão de codificação não tenha efeito na experiência do usuário final, ele torna seu código muito mais legível. Mesmo se você não usar os padrões de codificação do WordPress, sempre recomendamos o uso de um padrão.</p><ul><li><a href="https://make.wordpress.org/core/handbook/best-practices/coding-standards/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Padrões de codificação do WordPress.org</a></li><li><a href="https://github.com/WordPress/WordPress-Coding-Standards" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WPCS</a></li><li><a href="https://www.php-fig.org/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Padrões de codificação PHP</a></li></ul><h3><span id="3_Usar_localizacao">3) Usar localização</span></h3><p>Graças ao trabalho árduo dos voluntários, o WordPress está disponível em centenas de idiomas. Se o seu tema for lançado publicamente, ele precisará ser construído de uma maneira que permita sua tradução também.</p><p>Não se preocupe, é super fácil de fazer. Tudo o que precisamos fazer é garantir que todas as strings sejam passadas por uma 'função de localização', em vez de serem produzidas diretamente.</p><p>Em vez disso:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo 'Previous Post'; ?></pre><p>Em vez disso, fazemos isso:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo __( 'Previous Post', 'my-custom-theme' ); ?></pre><p><a href="https://developer.wordpress.org/reference/functions/__/" data-wpel-link="external" rel="external noopener noreferrer">__ ()</a> é uma função de localização que aceita uma string e um domínio de texto. A função retorna uma tradução da string fornecida ou da string original, se uma tradução não estiver disponível.</p><h3><span id="4_Evite_a_funcionalidade_do_plug-in">4) Evite a funcionalidade do plug-in</span></h3><p>Quando um usuário altera o tema, apenas a camada de apresentação deve mudar. O conteúdo e a funcionalidade devem permanecer basicamente os mesmos. O que isso significa é que qualquer função que afeta como as funções do WordPress deve estar contida em um plug-in, não no seu tema. Alguns exemplos de funcionalidade de plug-in incluem:</p><ul><li>Tipos de postagem personalizados</li><li>Page Builders</li><li>Compartilhamento de mídia social</li><li>Otimização para mecanismos de pesquisa (SEO)</li></ul><p>Embora possa parecer conveniente (e possivelmente um ponto de venda) incluir controles de SEO em um tema, na verdade isso prejudica o usuário a longo prazo. No futuro, eles precisarão alterar o tema, mas não poderão, porque todas as configurações de SEO estão fortemente acopladas ao tema atual. Por outro lado, se as configurações fossem armazenadas em um plug-in, elas poderiam mudar de tema sem se preocupar..</p><h3><span id="5_Prefixacao_Evitar_Conflitos">5) Prefixação (Evitar Conflitos)</span></h3><p>Para evitar conflitos, todas as funções, classes e variáveis ​​globais criadas pelo seu tema devem ser prefixadas. Isso é importante porque é impossível saber qual outro código está sendo executado no site do usuário. A prefixação evita conflitos de nomes e erros fatais.</p><p>O nome do seu tema, separado por traços ou sublinhados, funcionará como um prefixo na maioria das vezes. Se o nome do tema for muito longo, as iniciais poderão funcionar.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">Nome do Tema: Andaime classe Scaffold_Class {} função scaffold_function () {} global $ scaffold_global Nome do Tema: Meu Nome Longo do Tema classe MLTN_Class {} função mltn_function () {} global $ mltn_global </pre><h3><span id="6_Use_a_funcionalidade_principal">6) Use a funcionalidade principal</span></h3><p>Onde existe, você sempre deve usar a funcionalidade principal em vez de reinventar a roda. Isso inclui, entre outras, barras laterais, menus de navegação, miniaturas de postagem, cabeçalhos personalizados e planos de fundo personalizados. Esses recursos foram testados por milhões de usuários e são ativamente mantidos e aprimorados.</p><p>Se você precisar alterar a funcionalidade ou a saída de uma função principal, é possível usar um dos muitos ganchos e filtros que o WordPress oferece. Por exemplo <code>wp_nav_menu ()</code> possui um parâmetro 'walker' para que você possa ter controle completo da saída.</p><h3><span id="7_Escapando_e_higienizando_dados">7) Escapando e higienizando dados</span></h3><p>Como desenvolvedor de temas, você deve estar familiarizado com a fuga e a limpeza de dados para proteger seus usuários contra possíveis explorações.</p><p><strong>Escapando</strong></p><p>Escapar é o processo de verificar dados seguros antes da saída e desinfetar verificar dados antes de serem salvos no banco de dados.</p><p>O WordPress tem funções auxiliares que você pode usar para escapar de dados, para que você não precise construí-las. <em>esc_html</em> é um exemplo de uma função de escape. É assim que uma saída sem escape se parece:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo get_theme_mod ('error_page_title');</code></pre><p>Para escapar da saída, fazemos o seguinte:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (get_theme_mod ('error_page_title'));</code></pre><p>Algumas outras funções de escape das quais você deve estar ciente são: <a href="https://developer.wordpress.org/reference/functions/esc_attr/" data-wpel-link="external" rel="external noopener noreferrer">esc_attr ()</a>, <a href="https://developer.wordpress.org/reference/functions/absint/" data-wpel-link="external" rel="external noopener noreferrer">absinto ()</a>, <a href="https://developer.wordpress.org/reference/functions/esc_url/" data-wpel-link="external" rel="external noopener noreferrer">esc_url ()</a>.</p><p>Também é possível traduzir e escapar uma string usando uma única função:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (__ ('404 não encontrado', 'meu tema personalizado'));</code></pre><p>Torna-se:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">echo esc_html __ ('404 não encontrado', 'meu tema personalizado'); // ou esc_html_e ('404 não encontrado', 'meu tema personalizado'); </pre><p><strong>Gorjeta:</strong> Em qualquer lugar do seu tema em que você tenha <code>echo $</code> você deve verificar se precisa ser escapado, geralmente.</p><p><strong>Saneando</strong></p><p>Se você adicionar configurações ao seu tema, precisará garantir que os dados que os usuários inserem nessas configurações estejam seguros antes de entrar no banco de dados. WordPress tem um <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">número de funções</a> para ajudar na limpeza da entrada.</p><p>Ao adicionar uma configuração ao seu tema usando a API do Customizer, ela possui um parâmetro chamado ‘<em>sanitize_callback</em>‘Que aceita o nome de uma função de higienização. Qualquer entrada que a configuração recebe é verificada pela função que você fornece para ‘<em>sanitize_callback</em>‘Antes de entrar no banco de dados.</p><p>Ele destaca a importância da higienização, se uma das configurações estiver faltando no <em>sanitize_callback</em> não será aceito no diretório de temas do WordPress.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">$ wp_customize-> add_setting ( 'my_custom_theme_setting', matriz ( 'sanitize_callback' => 'sanitize_text_field' // Uma função principal de sanitização. ) ); </pre><p>Uma lista oficial de funções de higienização e escape pode ser vista aqui: <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Sanitização / Escapamento de Dados</a></p><h2><span id="Canais_de_distribuicao">Canais de distribuição</span></h2><hr/><p>Os temas podem ser distribuídos por diferentes canais, dependendo do resultado que você deseja alcançar. Se o seu resultado for simplesmente contribuir para a comunidade de código aberto, não há melhor maneira de fazer isso do que enviar seu tema para o diretório WordPress. Se, em vez disso, você pretende vender seu tema e ganhar dinheiro diretamente, há maneiras de fazer isso também.</p><p>Aqui estão os principais sites de distribuição de temas:</p><h3><span id="1_WordPressorg_Melhor_lugar_para_obter_downloads_e_usuarios"><strong>1) WordPress.org (Melhor lugar para obter downloads e usuários)</strong></span></h3><p>O principal benefício de hospedar seu tema no WordPress é que você recebe um aumento de visibilidade, visto não apenas no site wordpress.org, mas também no site <em>wp-admin</em> painel de controle.</p><p>Outro benefício de hospedar seu tema com o WordPress é o sistema de atualização interno. Se você atualizar seu tema, todos os usuários serão notificados dentro de suas <em>wp-admin</em> painéis e um caminho fácil para atualizar para a versão mais recente.</p><p>O WordPress.org aceita apenas temas gratuitos, mas isso não significa que você não pode ganhar dinheiro. Um tema gratuito pode ser um ótimo canal para promover seu tema, plug-in ou serviço premium.</p><h3><span id="2_WordPresscom"><strong>2) WordPress.com</strong></span></h3><p>O WordPress.com hospeda temas gratuitos e premium. No entanto, eles não estão abertos a novos autores há alguns anos.</p><h3><span id="3_ThemeForest"><strong>3) ThemeForest</strong></span></h3><p><a href="http://themeforest.net/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">ThemeForest</a> é o mercado líder em temas premium. O tema mais vendido (Avada) tem vendas superiores a US $ 5.000.000.</p><p>De um modo geral, os compradores da Theme Forest esperam temas de "multiuso" com todos os recursos. Todos os principais temas têm funcionalidade de construtor de páginas e são suportados por equipes de desenvolvedores. É um mercado muito difícil de entrar para novos autores.</p><h3><span id="4_Mercado_Criativo_e_Mojo_Marketplace"><strong>4) Mercado Criativo e Mojo Marketplace</strong></span></h3><p><a href="https://creativemarket.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Mercado Criativo</a> E <a href="https://www.mojomarketplace.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Mojo Marketplace</a> são pequenos players no mercado de temas premium e é por isso que os agrupamos. Ambos oferecem efetivamente o mesmo serviço que o ThemeForest, mas em uma escala menor.</p><h3><span id="5_Github"><strong>5) Github</strong></span></h3><p><a href="https://github.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Github</a> é a maneira mais fácil de tornar público o seu tema grátis. Não há processo de revisão nem diretrizes a serem seguidas. No entanto, você não se beneficiará da visibilidade do wordpress.org e precisará criar seu próprio mecanismo de atualização para que os usuários obtenham as versões mais recentes..</p><h2><span id="Juntando_tudo">Juntando tudo</span></h2><hr/><h3><span id="1_Testando_seu_tema"><strong>1) Testando seu tema</strong></span></h3><p><strong>Teste de unidade temática</strong></p><p>o <a href="https://codex.wordpress.org/Theme_Unit_Test" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Teste de unidade temática</a> é um arquivo de importação de conteúdo padrão do WordPress que contém uma ampla variedade de tipos de conteúdo e casos extremos. É fácil fazer o upload para o seu ambiente de desenvolvimento e destacará muitos cenários que você pode ter esquecido.</p><p><strong>WP_DEBUG</strong></p><p>Como desenvolvedor de temas, testando seu tema com <a href="https://wordpress.org/support/article/debugging-in-wordpress/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WP_DEBUG</a> ativado é o mínimo que você deveria fazer. Seu tema não deve retornar erros ou avisos quando WP_DEBUG estiver definido como true.</p><p>Também é importante repetir o teste com as diferentes versões do PHP suportadas pelo seu tema. A cada versão principal do PHP, há novas alterações, avisos e depreciação. Não é incomum um tema estar livre de erros no PHP5.6, mas mostrar erros no PHP7.</p><p>Para habilitar o WP_DEBUG, adicione o seguinte código ao <em>wp-config.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">DEFINE ('WP_DEBUG', verdadeiro); </pre><p><strong>Monster Widget</strong></p><p><a href="https://wordpress.org/plugins/monster-widget/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Monster Widget</a> é um plugin útil que permite adicionar 13 widgets principais à barra lateral de uma só vez. Os widgets principais usam uma variedade de elementos HTML, o que os torna perfeitos para testar seu tema.</p><p><strong>Sniffer de tema</strong></p><p>o <a href="https://wordpress.org/plugins/theme-sniffer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Sniffer de tema</a> é um plug-in criado pela equipe de revisão de temas (TRT). Ele captura muitos (mas não todos) erros de escape e localização. Ele também verifica seu tema em relação aos padrões de codificação do WordPress.</p><h3><span id="2_Enviando_seu_tema_para_WordPressorg"><strong>2) Enviando seu tema para WordPress.org</strong></span></h3><p>No início deste guia, dissemos que quando chegasse ao fim, você teria um tema que poderia enviar para wordpress.org. Vamos olhar para esse processo.</p><p><strong>Processo de Upload</strong></p><p>O processo de upload é simples. Crie ou faça login na sua conta do WordPress e navegue até esta página - <a href="https://wordpress.org/themes/upload/" target="_blank" rel="noreferrer noopener external" data-wpel-link="external">https://wordpress.org/themes/upload/</a></p><p>Você pode compactar seu tema e enviá-lo agora, mas aqui estão algumas coisas que você deve saber primeiro.</p><p><strong>Exigências</strong></p><p>A equipe de revisão de temas (TRT) tem um conjunto estrito de <a href="https://make.wordpress.org/themes/handbook/review/required/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">requisitos</a>. Seu tema não será aceito no diretório até que ele atenda <strong>todos</strong> os requisitos.</p><p><strong>Processo de revisão</strong></p><p>Quando você faz upload de um tema, há um processo de revisão em duas etapas que ele deve passar antes que possa ser aceito no diretório.</p><p>Primeiro, uma verificação automática é realizada assim que você pressiona <em>Envio</em>. Nos bastidores, o verificador automático funciona de maneira muito semelhante ao plugin Theme Sniffer. Se encontrar algum erro, rejeitará o tema e o processo de upload será encerrado lá..</p><p>Se o seu tema for aprovado na verificação automática, ele ingressará em uma fila de temas aguardando uma revisão humana. A revisão humana é concluída por voluntários do TRT. O número de temas na fila excede em muito o número de revisores, o que significa que muitas vezes pode levar de 2 a 3 meses para o seu tema chegar à frente da fila.</p><p>É imperativo que o seu tema esteja livre de erros e atenda a todos os requisitos no momento em que atingir o estágio de revisão humana, como se tivesse mais de três erros significativos, ele pode ser rejeitado. Se um tema for rejeitado no estágio de revisão humana, ele deverá voltar à fila na parte de trás, o que significa aguardar 2-3 meses novamente por outra revisão humana.</p><p>Recurso útil: <a href="https://wptavern.com/the-most-common-wordpress-theme-development-mistakes-and-how-to-fix-them" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Os erros mais comuns no desenvolvimento de temas para WordPress (e como corrigi-los)</a></p><p>Vale notar que o TRT está sempre procurando <a href="https://make.wordpress.org/themes/handbook/get-involved/become-a-reviewer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">novos revisores</a>, o voluntariado pode ser uma ótima experiência de aprendizado e uma maneira de contribuir para a comunidade de código aberto.</p><h3><span id="3_Sua_lista_de_temas"><strong>3) Sua lista de temas</strong></span></h3><p>Parabéns, seu tema foi aprovado! Agora você tem sua própria listagem que <a href="https://wordpress.org/themes/arke/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">se parece com isso</a>.</p><p>Aqui está uma visão geral do que você pode esperar ver nesta página:</p><ul><li><strong>Captura de tela -</strong> A captura de tela é a primeira coisa que os usuários em potencial veem, tornando-a o mais atraente possível. Mas lembre-se de que ainda deve ser uma representação precisa do tema e não uma renderização do photoshop. Inspire-se no <a href="https://wordpress.org/themes/browse/popular/" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">temas mais populares</a>.</li><li><strong>Descrição -</strong> A descrição retirada de <em>style.css</em> é um local ideal para descrever seu tema e seus principais recursos. Também ajuda a listar plugins recomendados ou necessários aqui. A descrição não suporta formatação (negrito, itálico, hiperlinks) ou mesmo quebras de linha.</li><li><strong>Tag -</strong> Esta é uma representação das tags que você listou em <em>style.css</em>. Somente <a href="https://api.wordpress.org/themes/info/1.1/?action=feature_list" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">essas tags aqui</a> são aceitos.</li><li><strong>Botão Visualizar -</strong> A visualização é gerada pelo wordpress.org e, como desenvolvedores de temas, não temos controle sobre a saída. Infelizmente, como o visualizador usa conteúdo básico e nenhuma configuração, geralmente resulta em uma visualização menos do que perfeita.</li><li><strong>Tema Homepage Link</strong> - O URL para o <em>Pré-visualização</em> O botão é puxado do campo "URI do tema" no seu style.css. Existem requisitos estritos de que esse URL deve ser usado apenas para exibir uma página que exibe informações sobre seu tema.</li><li><strong>Instalações ativas</strong> - Este é o número de sites que usam ativamente o tema. O número é arredondado para o valor mais próximo de dez, cem ou mil. Não é possível recuperar um número exato.</li><li><strong>Downloads por dia</strong> - É quantas vezes o seu tema foi baixado. Um "Download" pode ser um novo download ou uma atualização de tema.</li><li><strong>Avaliações -</strong> Para um usuário deixar um comentário, ele deve estar logado em uma conta do wordpress.org. De um modo geral, é difícil obter resenhas, a menos que você solicite explicitamente aos usuários que as enviem.</li><li><strong>Apoio, suporte</strong> - A plataforma de suporte integrada é ótima para gerenciar e resolver problemas com o seu tema. O usuário deve estar logado para criar um segmento de suporte.</li><li><strong>Traduções</strong> - A plataforma de tradução é um recurso fantástico. Se você seguiu as orientações deste guia para localizar seu tema, seus usuários poderão traduzi-lo para outros idiomas e expandir sua base de usuários em potencial, além de apenas usuários que falam inglês..</li></ul><h3><span id="4_Atualizando_seu_tema">4) Atualizando seu tema</span></h3><p>Quando você faz alterações no seu tema no futuro e precisa atualizar a versão hospedada no WordPress, o processo é simples.</p><p>Atualize primeiro o campo "Versão:" e o registro de alterações em <em>readme.txt</em>. Em seguida, zip o arquivo e reenvie-o usando o mesmo <a href="https://wordpress.org/themes/upload/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">carregar página</a> como antes.</p><p>O sistema o reconhecerá como uma atualização e a aprovará automaticamente para que não exija outra revisão humana.</p> <input type="hidden" value="6334"><div class="uab-frontend-wrapper-outer"><div id="uab_rid_3bdc8" class="uab-frontend-inner-layer uab-frontend-wrapper-author-1 " data-timeout="1000"><div id="uab-frontend-wrapper" class="uab-frontend-wrapper uab-template-1"><div class="uab-tab-content"><div class="uab-defaut-tab uab-clearfix"><div class="uab-author-profile-pic"><div class="uap-profile-image"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-srcset='https://12barclub.com/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-200 photo' height='200' width='200' data-lazy-src="https://12barclub.com/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png"/><noscript><img alt='' src='https://12barclub.com/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png' srcset='https://12barclub.com/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-200 photo' height='200' width='200'/></noscript></div></div><div class="uab-front-content"><div class="uab-display-name"> <a href="https://12barclub.com/author/admin/" target="_blank" data-wpel-link="internal">Jeffrey Wilson</a> <span class="uab-user-role uab-role-Administrator">Administrator</span></div><div class="uab-short-info"> Sorry! The Author has not filled his profile.</div><div class="uab-short-contact"></div><div class="uab-social-icons"> <span class="uab-contact-label">follow me</span><ul id="uap-social-outlets-fields"></ul></div></div></div></div></div></div></div><div class="flat_pm_end"></div><div class="ajax-content" data-id="87" ></div></div></article><div class="entry-footer"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span></div><div class="b-share b-share--post"><div class="b-share__title">Like this post? Please share to your friends:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="https://vk.com/share.php?url=https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F"></span> <span class="b-share__ico b-share__fb js-share-link" data-uri="https://www.facebook.com/sharer.php?u=https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F"></span> <span class="b-share__ico b-share__tw js-share-link" data-uri="https://twitter.com/share?text=Desenvolvimento+de+Temas+para+WordPress+%28101%29&url=https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F"></span> <span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=Desenvolvimento+de+Temas+para+WordPress+%28101%29%20https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=Desenvolvimento+de+Temas+para+WordPress+%28101%29%20https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F"></span> <span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2F12barclub.com%2Fnenhuma-categoria%2Fdesenvolvimento-de-temas-para-wordpress-101%2F&text=Desenvolvimento+de+Temas+para+WordPress+%28101%29"></span></div><div class='yarpp-related'><div class="b-related"><div class="b-related__header"><span>Related articles</span></div> .<div class="b-related__items"><div id="post-7105" class="post-card post-7105 post type-post status-publish format-standard category-nenhuma-categoria" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://12barclub.com/nenhuma-categoria/os-10-melhores-temas-wordpress-premium-para/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Nenhuma categoria</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://12barclub.com/nenhuma-categoria/os-10-melhores-temas-wordpress-premium-para/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Os 10 melhores temas WordPress premium para artistas e criativos</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Procurando um tema que o ajude a mostrar efetivamente seus melhores trabalhos? Se você</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/nenhuma-categoria/os-10-melhores-temas-wordpress-premium-para/" content="Os 10 melhores temas WordPress premium para artistas e criativos"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></div><div id="post-6489" class="post-card post-6489 post type-post status-publish format-standard category-nenhuma-categoria" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://12barclub.com/nenhuma-categoria/os-25-melhores-temas-para-wordpress/" data-wpel-link="internal"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array data-lazy-src="/images/the-25-best-wordpress-themes.jpg"/><noscript><img src="/images/the-25-best-wordpress-themes.jpg" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array/></noscript><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Nenhuma categoria</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://12barclub.com/nenhuma-categoria/os-25-melhores-temas-para-wordpress/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Os 25+ melhores temas para WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Você escolheu seu CMS – WordPress. Você tem seu nome de domínio e hospedagem</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/nenhuma-categoria/os-25-melhores-temas-para-wordpress/" content="Os 25+ melhores temas para WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:33+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></div><div id="post-7148" class="post-card post-7148 post type-post status-publish format-standard category-nenhuma-categoria" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://12barclub.com/nenhuma-categoria/os-10-melhores-temas-de-comercio-eletronico/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Nenhuma categoria</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://12barclub.com/nenhuma-categoria/os-10-melhores-temas-de-comercio-eletronico/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Os 10 melhores temas de comércio eletrônico premium de 2016 para WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Atualmente, cada vez mais proprietários de empresas estão migrando ou adicionando lojas on-line, onde</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/nenhuma-categoria/os-10-melhores-temas-de-comercio-eletronico/" content="Os 10 melhores temas de comércio eletrônico premium de 2016 para WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></div><div id="post-5541" class="post-card post-5541 post type-post status-publish format-standard category-ninguna-categoria" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://12barclub.com/ninguna-categoria/los-10-mejores-temas-premium-de-wordpress-para/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Ninguna Categoria</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://12barclub.com/ninguna-categoria/los-10-mejores-temas-premium-de-wordpress-para/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Los 10 mejores temas premium de WordPress para artistas y creativos</span></a></div></header><div class="post-card__content" itemprop="articleBody"> ¿Estás buscando un tema que te ayude a mostrar de manera efectiva tus mejores</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/ninguna-categoria/los-10-mejores-temas-premium-de-wordpress-para/" content="Los 10 mejores temas premium de WordPress para artistas y creativos"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></div><div id="post-7058" class="post-card post-7058 post type-post status-publish format-standard category-nenhuma-categoria" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://12barclub.com/nenhuma-categoria/como-transferir-seu-site-para-ehost/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Nenhuma categoria</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://12barclub.com/nenhuma-categoria/como-transferir-seu-site-para-ehost/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Como transferir seu site para eHost</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Atualização para 2017: O eHost foi vendido para um novo gerenciamento e se deteriorou</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/nenhuma-categoria/como-transferir-seu-site-para-ehost/" content="Como transferir seu site para eHost"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></div><div id="post-5585" class="post-card post-5585 post type-post status-publish format-standard category-ninguna-categoria" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://12barclub.com/ninguna-categoria/los-10-mejores-temas-de-comercio-electronico/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Ninguna Categoria</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://12barclub.com/ninguna-categoria/los-10-mejores-temas-de-comercio-electronico/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Los 10 mejores temas de comercio electrónico premium de 2016 para WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Hoy en día, cada vez más propietarios de negocios se están mudando o agregando</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/ninguna-categoria/los-10-mejores-temas-de-comercio-electronico/" content="Los 10 mejores temas de comercio electrónico premium de 2016 para WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></div></div></div></div><meta itemprop="author" content="Jeffrey Wilson"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://12barclub.com/nenhuma-categoria/desenvolvimento-de-temas-para-wordpress-101/" content="Desenvolvimento de Temas para WordPress (101)"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:30+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="12barclub.com"><meta itemprop="telephone" content="12barclub.com"><meta itemprop="address" content="https://12barclub.com"></div></main></div></div><aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"><div id="uab_author_box_widget-2" class="widget UAB_Author_Box_Widget"><div class="uab-abw-wrapper template-1"></div></div><div id="search-4" class="widget widget_search"><form role="search" method="get" id="searchform_665" action="https://12barclub.com/" class="search-form"> <label class="screen-reader-text" for="s_665">Search: </label> <input type="text" value="" name="s" id="s_665" class="search-form__text"> <button type="submit" id="searchsubmit_665" class="search-form__submit"></button></form></div><div id="arpw-widget-2" class="widget arpw-widget-random "><div class="arpw-random-post "><ul class="arpw-ul arpw-widget-2"><li class="arpw-li arpw-clearfix arpw-1"><a class="arpw-title" href="https://12barclub.com/page-414/wordpress-270/" rel="bookmark" data-wpel-link="internal">გააუმჯობესეთ თქვენი WordPress საიტის უსაფრთხოება</a></li><li class="arpw-li arpw-clearfix arpw-2"><a class="arpw-title" href="https://12barclub.com/page-84/page-161-2/" rel="bookmark" data-wpel-link="internal">מתי וכיצד למקד משימות עסקיות לבלוג הוורדפרס שלך</a></li><li class="arpw-li arpw-clearfix arpw-3"><a class="arpw-title" href="https://12barclub.com/page-94/13-wordpress/" rel="bookmark" data-wpel-link="internal">13 कारण क्यों WordPress स्टार्टअप्स और उद्यमियों के लिए आदर्श है</a></li><li class="arpw-li arpw-clearfix arpw-4"><a class="arpw-title" href="https://12barclub.com/page-2/html-1/" rel="bookmark" data-wpel-link="internal">वर्डप्रेस ट्यूटोरियल: HTML से वर्डप्रेस थीम कैसे बनाएं (भाग 1)</a></li><li class="arpw-li arpw-clearfix arpw-5"><a class="arpw-title" href="https://12barclub.com/page/crowdfunding-wordpress-2/" rel="bookmark" data-wpel-link="internal">Πώς να δημιουργήσετε έναν ιστότοπο Crowdfunding με WordPress</a></li><li class="arpw-li arpw-clearfix arpw-6"><a class="arpw-title" href="https://12barclub.com/cat-sigurnosti/uobiajeni-napadi-na-wordpress-i-kako-ih-zaustaviti/" rel="bookmark" data-wpel-link="internal">Uobičajeni napadi na WordPress i kako ih zaustaviti</a></li><li class="arpw-li arpw-clearfix arpw-7"><a class="arpw-title" href="https://12barclub.com/blog/recenzia-digitalocean-cloud-hosting/" rel="bookmark" data-wpel-link="internal">Recenzia DigitalOcean Cloud Hosting</a></li><li class="arpw-li arpw-clearfix arpw-8"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/come-ridurre-le-richieste-http-s-in-wordpress/" rel="bookmark" data-wpel-link="internal">Come ridurre le richieste HTTP / S in WordPress</a></li><li class="arpw-li arpw-clearfix arpw-9"><a class="arpw-title" href="https://12barclub.com/page-352/12-wordpress-2020/" rel="bookmark" data-wpel-link="internal">12+ תוספים נגד דואר זבל הטובים ביותר עבור WordPress 2020</a></li><li class="arpw-li arpw-clearfix arpw-10"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/come-guadagnare-vendendo-prodotti-e-servizi/" rel="bookmark" data-wpel-link="internal">Come guadagnare vendendo prodotti e servizi WordPress</a></li><li class="arpw-li arpw-clearfix arpw-11"><a class="arpw-title" href="https://12barclub.com/page-243/page-248-3/" rel="bookmark" data-wpel-link="internal">워드 프레스 모바일 사이트 최적화를위한 최고의 플러그인</a></li><li class="arpw-li arpw-clearfix arpw-12"><a class="arpw-title" href="https://12barclub.com/page-3/wordpress-hosting-2/" rel="bookmark" data-wpel-link="internal">Τι να ψάξετε στο WordPress Hosting</a></li><li class="arpw-li arpw-clearfix arpw-13"><a class="arpw-title" href="https://12barclub.com/page-94/php-7/" rel="bookmark" data-wpel-link="internal">PHP 7 के साथ वर्डप्रेस – आपका सर्वर अपग्रेड करने के लिए क्यों</a></li><li class="arpw-li arpw-clearfix arpw-14"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/strumenti-e-trucchi-per-risparmiare-tempo-per-l/" rel="bookmark" data-wpel-link="internal">Strumenti e trucchi per risparmiare tempo per l’utente di WordPress occupato</a></li><li class="arpw-li arpw-clearfix arpw-15"><a class="arpw-title" href="https://12barclub.com/ogljadi-veb-hostingu/vartist-konfidencijnosti-domenu-siteground-ogljad/" rel="bookmark" data-wpel-link="internal">Вартість конфіденційності домену SiteGround (огляд 2020): чи варто? Мені це потрібно?</a></li><li class="arpw-li arpw-clearfix arpw-16"><a class="arpw-title" href="https://12barclub.com/bez-kategorii/chi-pracjue-webhostinghub-na-iphone-ta-ipad/" rel="bookmark" data-wpel-link="internal">Чи працює WebHostingHub на iPhone та iPad?</a></li><li class="arpw-li arpw-clearfix arpw-17"><a class="arpw-title" href="https://12barclub.com/narti-in-cene/kinsta-politika-vraila-in-garancija-za-vrailo/" rel="bookmark" data-wpel-link="internal">Kinsta politika vračila in garancija za vračilo denarja (2020): Kako preklicati račun za gostovanje v Kinsta WordPress in pridobiti vračilo?</a></li><li class="arpw-li arpw-clearfix arpw-18"><a class="arpw-title" href="https://12barclub.com/cat-recenzije/kako-dodati-shopify-u-wordpress-s-wp-shopify/" rel="bookmark" data-wpel-link="internal">Kako dodati Shopify u WordPress s WP Shopify</a></li><li class="arpw-li arpw-clearfix arpw-19"><a class="arpw-title" href="https://12barclub.com/page-396/wordpress-microsoft-azure/" rel="bookmark" data-wpel-link="internal">როგორ დააყენოთ WordPress Microsoft Azure– ში</a></li><li class="arpw-li arpw-clearfix arpw-20"><a class="arpw-title" href="https://12barclub.com/cat-tutoriels/comment-mettre-a-jour-votre-theme-wordpress/" rel="bookmark" data-wpel-link="internal">Comment mettre à jour votre thème WordPress ThemeForest</a></li><li class="arpw-li arpw-clearfix arpw-21"><a class="arpw-title" href="https://12barclub.com/page-396/wordpress-w3-w3tc/" rel="bookmark" data-wpel-link="internal">როგორ დავაყენოთ WordPress ქეშირება W3 სულ ქეშით (W3TC)</a></li><li class="arpw-li arpw-clearfix arpw-22"><a class="arpw-title" href="https://12barclub.com/cat-savjet/optimiziranje-stranice-za-wordpress-za-generiranje/" rel="bookmark" data-wpel-link="internal">Optimiziranje stranice za WordPress za generiranje olova</a></li><li class="arpw-li arpw-clearfix arpw-23"><a class="arpw-title" href="https://12barclub.com/cat-tutoriali/instalirajte-wordpress-u-aws-amazon-web-services/" rel="bookmark" data-wpel-link="internal">Instalirajte WordPress u AWS – Amazon Web Services</a></li><li class="arpw-li arpw-clearfix arpw-24"><a class="arpw-title" href="https://12barclub.com/iadna-kategoria/ako-zabezpei-wordpress-2020/" rel="bookmark" data-wpel-link="internal">Ako zabezpečiť WordPress (2020)</a></li><li class="arpw-li arpw-clearfix arpw-25"><a class="arpw-title" href="https://12barclub.com/pregled-2/godaddy-pregled-2/" rel="bookmark" data-wpel-link="internal">GoDaddy Pregled</a></li><li class="arpw-li arpw-clearfix arpw-26"><a class="arpw-title" href="https://12barclub.com/brez-kategorije/vodnik-za-registracijo-webhostinghub/" rel="bookmark" data-wpel-link="internal">Vodnik za registracijo WebHostingHub</a></li><li class="arpw-li arpw-clearfix arpw-27"><a class="arpw-title" href="https://12barclub.com/brez-kategorije/teaj-teaja-za-google-analytics-za-digitalne-trnike/" rel="bookmark" data-wpel-link="internal">Tečaj tečaja za Google Analytics za digitalne tržnike</a></li><li class="arpw-li arpw-clearfix arpw-28"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/come-creare-immagini-di-contenuti-condivisibili/" rel="bookmark" data-wpel-link="internal">Come creare immagini di contenuti condivisibili per i social media</a></li><li class="arpw-li arpw-clearfix arpw-29"><a class="arpw-title" href="https://12barclub.com/page-2/page-52/" rel="bookmark" data-wpel-link="internal">कैसे एक कस्टम वर्डप्रेस लॉगिन फॉर्म बनाने के लिए (और आपको क्यों चाहिए)</a></li><li class="arpw-li arpw-clearfix arpw-30"><a class="arpw-title" href="https://12barclub.com/cat-savjet/vodi-za-formate-programa-wordpress-to-su-i-zato-ih/" rel="bookmark" data-wpel-link="internal">Vodič za formate programa WordPress: što su i zašto ih koristiti</a></li><li class="arpw-li arpw-clearfix arpw-31"><a class="arpw-title" href="https://12barclub.com/nenhuma-categoria/shopify-vs-wordpress-woocommerce-para-comercio/" rel="bookmark" data-wpel-link="internal">Shopify vs. WordPress (WooCommerce) para comércio eletrônico?</a></li><li class="arpw-li arpw-clearfix arpw-32"><a class="arpw-title" href="https://12barclub.com/page-352/20-cryptocurrency-2020/" rel="bookmark" data-wpel-link="internal">20+ נושאי וורדפרס הטובים ביותר של cryptocurrency 2020</a></li><li class="arpw-li arpw-clearfix arpw-33"><a class="arpw-title" href="https://12barclub.com/page-298/page-312/" rel="bookmark" data-wpel-link="internal">वर्डप्रेस डेवलपर के रूप में सफल होने के लिए कैसे – क्रिएटिवमाइंड्स के डेविड रेशी के साथ साक्षात्कार</a></li><li class="arpw-li arpw-clearfix arpw-34"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/una-guida-definitiva-al-multisito-di-wordpress/" rel="bookmark" data-wpel-link="internal">Una guida definitiva al multisito di WordPress</a></li><li class="arpw-li arpw-clearfix arpw-35"><a class="arpw-title" href="https://12barclub.com/cat-commentaires/arforms-review-puissant-professionnel-et-simple/" rel="bookmark" data-wpel-link="internal">ARForms Review: Puissant, professionnel et simple constructeur de formulaires WordPress</a></li><li class="arpw-li arpw-clearfix arpw-36"><a class="arpw-title" href="https://12barclub.com/cat-miscellaneo/15-plugin-wordpress-per-la-migliore-prenotazione/" rel="bookmark" data-wpel-link="internal">15 Plugin WordPress per la migliore prenotazione di appuntamenti</a></li><li class="arpw-li arpw-clearfix arpw-37"><a class="arpw-title" href="https://12barclub.com/vijesti-i-zajednica/je-li-wordpress-i-dalje-najbolji-izvor-besplatnih/" rel="bookmark" data-wpel-link="internal">Je li WordPress i dalje najbolji izvor besplatnih WordPress tema?</a></li><li class="arpw-li arpw-clearfix arpw-38"><a class="arpw-title" href="https://12barclub.com/cat-esercitazioni/piastra-per-la-personalizzazione-dei-temi-di/" rel="bookmark" data-wpel-link="internal">Piastra per la personalizzazione dei temi di WordPress</a></li><li class="arpw-li arpw-clearfix arpw-39"><a class="arpw-title" href="https://12barclub.com/cat-sicurezza/elenco-di-controllo-di-sicurezza-semplice-per-i/" rel="bookmark" data-wpel-link="internal">Elenco di controllo di sicurezza semplice per i siti WordPress</a></li><li class="arpw-li arpw-clearfix arpw-40"><a class="arpw-title" href="https://12barclub.com/page-396/wordpress-ubuntu-lamp/" rel="bookmark" data-wpel-link="internal">დააინსტალირეთ WordPress Ubuntu– ში ადგილობრივ LAMP– ით</a></li><li class="arpw-li arpw-clearfix arpw-41"><a class="arpw-title" href="https://12barclub.com/comentarios-sobre-hospedagem-na-web/analise-do-siteground-gogeek-vs-cloud-hosting-plan/" rel="bookmark" data-wpel-link="internal">Análise do SiteGround GoGeek vs Cloud Hosting Plan (2020)</a></li><li class="arpw-li arpw-clearfix arpw-42"><a class="arpw-title" href="https://12barclub.com/page-398/wordpress-110/" rel="bookmark" data-wpel-link="internal">როგორ შეიმუშავოთ თქვენი WordPress საიტი დინამიური შინაარსით</a></li><li class="arpw-li arpw-clearfix arpw-43"><a class="arpw-title" href="https://12barclub.com/page-3/wordpress-vs-weebly/" rel="bookmark" data-wpel-link="internal">WordPress vs Weebly – Σύγκριση χαρακτηριστικών</a></li><li class="arpw-li arpw-clearfix arpw-44"><a class="arpw-title" href="https://12barclub.com/page-94/page-284/" rel="bookmark" data-wpel-link="internal">अंतिम वर्डप्रेस डिजिटल एसेट मैनेजमेंट गाइड</a></li><li class="arpw-li arpw-clearfix arpw-45"><a class="arpw-title" href="https://12barclub.com/cat-divers/les-meilleurs-plugins-wordpress-immobiliers-pour/" rel="bookmark" data-wpel-link="internal">Les meilleurs plugins WordPress immobiliers pour la construction d’un site Web immobilier</a></li><li class="arpw-li arpw-clearfix arpw-46"><a class="arpw-title" href="https://12barclub.com/page-18/beaver-builder-wordpress-plugin-guide-review/" rel="bookmark" data-wpel-link="internal">Beaver Builder WordPress Plugin Guide & Review</a></li><li class="arpw-li arpw-clearfix arpw-47"><a class="arpw-title" href="https://12barclub.com/page-131/wordpress-71-3/" rel="bookmark" data-wpel-link="internal">WordPress로 재사용 가능한 컨텐츠 블록을 작성하는 방법</a></li><li class="arpw-li arpw-clearfix arpw-48"><a class="arpw-title" href="https://12barclub.com/cat-tutoriels/creez-un-site-de-commerce-electronique-avec/" rel="bookmark" data-wpel-link="internal">Créez un site de commerce électronique avec WordPress</a></li><li class="arpw-li arpw-clearfix arpw-49"><a class="arpw-title" href="https://12barclub.com/cat-conseils/maintenance-du-site-wordpress-un-guide-que-vous/" rel="bookmark" data-wpel-link="internal">Maintenance du site WordPress: un guide que vous devez savoir</a></li><li class="arpw-li arpw-clearfix arpw-50"><a class="arpw-title" href="https://12barclub.com/cat-seo/wordpress-seo-2020-2/" rel="bookmark" data-wpel-link="internal">WordPress SEO- ის საუკეთესო პრაქტიკა 2020 წლისთვის და მის მიღმა</a></li><li class="arpw-li arpw-clearfix arpw-51"><a class="arpw-title" href="https://12barclub.com/page-304/woocommerce-12/" rel="bookmark" data-wpel-link="internal">WooCommerce उत्पाद तालिका: अपने स्टोर में सुधार और बिक्री बढ़ाएँ</a></li><li class="arpw-li arpw-clearfix arpw-52"><a class="arpw-title" href="https://12barclub.com/cat-conseils/les-pires-erreurs-des-createurs-wordpress/" rel="bookmark" data-wpel-link="internal">Les pires erreurs des créateurs WordPress indépendants</a></li><li class="arpw-li arpw-clearfix arpw-53"><a class="arpw-title" href="https://12barclub.com/blog/recenzia-cloud-hosting-hostingu-siteground/" rel="bookmark" data-wpel-link="internal">Recenzia Cloud Hosting hostingu SiteGround</a></li><li class="arpw-li arpw-clearfix arpw-54"><a class="arpw-title" href="https://12barclub.com/page-304/vcita-2/" rel="bookmark" data-wpel-link="internal">סקירה של תוספי וורדפרס של vCita</a></li><li class="arpw-li arpw-clearfix arpw-55"><a class="arpw-title" href="https://12barclub.com/page-84/page-165-2/" rel="bookmark" data-wpel-link="internal">כיצד להאיץ את הבלוג של וורדפרס</a></li><li class="arpw-li arpw-clearfix arpw-56"><a class="arpw-title" href="https://12barclub.com/page-84/page-149-2/" rel="bookmark" data-wpel-link="internal">טיפים לבלוגים של וורדפרס בכדי להפוך את הבלוג שלך להצלחה</a></li><li class="arpw-li arpw-clearfix arpw-57"><a class="arpw-title" href="https://12barclub.com/cat-seo/semplifica-la-tua-presenza-online-con-wordpress-4/" rel="bookmark" data-wpel-link="internal">Semplifica la tua presenza online con WordPress: branding e marketing</a></li><li class="arpw-li arpw-clearfix arpw-58"><a class="arpw-title" href="https://12barclub.com/page/11-6/" rel="bookmark" data-wpel-link="internal">11 κορυφαία βίντεο για αρχάριους από 6 φοβερούς ιστότοπους</a></li><li class="arpw-li arpw-clearfix arpw-59"><a class="arpw-title" href="https://12barclub.com/ingen-kategori/s-har-staller-du-in-en-kundvagn-p-bluehost/" rel="bookmark" data-wpel-link="internal">Så här ställer du in en kundvagn på BlueHost</a></li><li class="arpw-li arpw-clearfix arpw-60"><a class="arpw-title" href="https://12barclub.com/page-398/wordpress-126/" rel="bookmark" data-wpel-link="internal">საუკეთესო WordPress ჰოსტინგი თქვენი ვებსაიტისთვის</a></li><li class="arpw-li arpw-clearfix arpw-61"><a class="arpw-title" href="https://12barclub.com/comentarios-sobre-hospedagem-na-web/siteground-magento-hosting-review-2020-isso-e-bom/" rel="bookmark" data-wpel-link="internal">SiteGround Magento Hosting Review (2020): Isso é bom?</a></li><li class="arpw-li arpw-clearfix arpw-62"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/10-componenti-aggiuntivi-premium-per-wordpress-che/" rel="bookmark" data-wpel-link="internal">10 componenti aggiuntivi premium per WordPress che devi avere</a></li><li class="arpw-li arpw-clearfix arpw-63"><a class="arpw-title" href="https://12barclub.com/page-84/30-2-2/" rel="bookmark" data-wpel-link="internal">רשימת דלי וורדפרס: 30 דברים שקשורים לוורדפרס לפני מותכם</a></li><li class="arpw-li arpw-clearfix arpw-64"><a class="arpw-title" href="https://12barclub.com/page-94/4/" rel="bookmark" data-wpel-link="internal">वर्डप्रेस, 4 प्रमुख तत्वों के साथ एक समीक्षा वेबसाइट कैसे बनाएं</a></li><li class="arpw-li arpw-clearfix arpw-65"><a class="arpw-title" href="https://12barclub.com/cat-tutoriali/zato-i-kako-dodati-prilagoene-popuste-na/" rel="bookmark" data-wpel-link="internal">Zašto i kako dodati prilagođene popuste na WooCommerce košaricu</a></li><li class="arpw-li arpw-clearfix arpw-66"><a class="arpw-title" href="https://12barclub.com/cat-tutoriali/kako-postati-uspjean-blogpreur-i-zaraditi-novac/" rel="bookmark" data-wpel-link="internal">Kako postati uspješan blogpreur i zaraditi novac WordPressom</a></li><li class="arpw-li arpw-clearfix arpw-67"><a class="arpw-title" href="https://12barclub.com/page-270/htaccess-2/" rel="bookmark" data-wpel-link="internal">קובצי ה- htaccess הטובים ביותר לשיפור אבטחת וורדפרס</a></li><li class="arpw-li arpw-clearfix arpw-68"><a class="arpw-title" href="https://12barclub.com/cat-conseils/comment-choisir-la-meilleure-solution-de-commerce/" rel="bookmark" data-wpel-link="internal">Comment choisir la meilleure solution de commerce électronique WordPress</a></li><li class="arpw-li arpw-clearfix arpw-69"><a class="arpw-title" href="https://12barclub.com/cat-seo/conseils-seo-video-pour-tirer-le-meilleur-parti-de/" rel="bookmark" data-wpel-link="internal">Conseils SEO vidéo pour tirer le meilleur parti de vos vidéos WordPress en 2020</a></li><li class="arpw-li arpw-clearfix arpw-70"><a class="arpw-title" href="https://12barclub.com/pregled-2/spletni-pregled-galaxy-4/" rel="bookmark" data-wpel-link="internal">Spletni pregled Galaxy 4</a></li><li class="arpw-li arpw-clearfix arpw-71"><a class="arpw-title" href="https://12barclub.com/cat-recensioni/aggiungi-una-bacheca-di-lavoro-al-tuo-sito/" rel="bookmark" data-wpel-link="internal">Aggiungi una bacheca di lavoro al tuo sito WordPress con WP Job Manager</a></li><li class="arpw-li arpw-clearfix arpw-72"><a class="arpw-title" href="https://12barclub.com/page-304/page-357/" rel="bookmark" data-wpel-link="internal">परित्यक्त कार्ट प्रो समीक्षा: ऑटोपायलट पर पुनर्प्राप्त बिक्री</a></li><li class="arpw-li arpw-clearfix arpw-73"><a class="arpw-title" href="https://12barclub.com/page-215/3-9-2/" rel="bookmark" data-wpel-link="internal">워드 프레스 3.9 위치 : 업데이트시 예상되는 사항</a></li><li class="arpw-li arpw-clearfix arpw-74"><a class="arpw-title" href="https://12barclub.com/page-84/15-jetpack-2020/" rel="bookmark" data-wpel-link="internal">15 סיבות להשתמש ב- Jetpack עבור וורדפרס בשנת 2020</a></li><li class="arpw-li arpw-clearfix arpw-75"><a class="arpw-title" href="https://12barclub.com/page-94/gdpr/" rel="bookmark" data-wpel-link="internal">कैसे करें अपना वर्डप्रेस साइट GDPR कंप्लेंट</a></li><li class="arpw-li arpw-clearfix arpw-76"><a class="arpw-title" href="https://12barclub.com/cat-razni/najbolji-dodaci-za-wordpress-sukladnost-s-gdpr-om/" rel="bookmark" data-wpel-link="internal">Najbolji dodaci za WordPress sukladnost s GDPR-om</a></li><li class="arpw-li arpw-clearfix arpw-77"><a class="arpw-title" href="https://12barclub.com/page-94/page-248/" rel="bookmark" data-wpel-link="internal">वर्डप्रेस थीम्स और प्लगइन्स क्या हैं?</a></li><li class="arpw-li arpw-clearfix arpw-78"><a class="arpw-title" href="https://12barclub.com/vedennja-blogiv/porivnjannja-planiv-siteground-2020-najkrashhij/" rel="bookmark" data-wpel-link="internal">Порівняння планів SiteGround (2020): Найкращий план веб-хостингу</a></li><li class="arpw-li arpw-clearfix arpw-79"><a class="arpw-title" href="https://12barclub.com/page-148/wordpress-133-3/" rel="bookmark" data-wpel-link="internal">WordPress 웹 사이트를 효과적으로 구성하는 팁</a></li><li class="arpw-li arpw-clearfix arpw-80"><a class="arpw-title" href="https://12barclub.com/cat-conseils/3-etapes-cles-pour-ameliorer-la-vitesse-de/" rel="bookmark" data-wpel-link="internal">3 étapes clés pour améliorer la vitesse de chargement de votre site WordPress avec la mise en cache</a></li><li class="arpw-li arpw-clearfix arpw-81"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/come-aggiungere-video-a-wordpress-e-perche/" rel="bookmark" data-wpel-link="internal">Come aggiungere video a WordPress (e perché)</a></li><li class="arpw-li arpw-clearfix arpw-82"><a class="arpw-title" href="https://12barclub.com/page-396/wordpress-66/" rel="bookmark" data-wpel-link="internal">როგორ შევქმნათ ონლაინ კურსი WordPress- ით</a></li><li class="arpw-li arpw-clearfix arpw-83"><a class="arpw-title" href="https://12barclub.com/bez-kategorii/jak-dodati-pidpisku-na-rozsilku-elektronnoi-poshti/" rel="bookmark" data-wpel-link="internal">Як додати підписку на розсилку електронної пошти на свій веб-сайт</a></li><li class="arpw-li arpw-clearfix arpw-84"><a class="arpw-title" href="https://12barclub.com/page-414/wordpress-281/" rel="bookmark" data-wpel-link="internal">უფასო ინსტრუმენტები თქვენი WordPress საიტის სკანირებისთვის დაუცველებისთვის</a></li><li class="arpw-li arpw-clearfix arpw-85"><a class="arpw-title" href="https://12barclub.com/cat-suggerimenti/i-migliori-servizi-di-manutenzione-di-wordpress/" rel="bookmark" data-wpel-link="internal">I migliori servizi di manutenzione di WordPress sul Web</a></li><li class="arpw-li arpw-clearfix arpw-86"><a class="arpw-title" href="https://12barclub.com/page-84/35-3/" rel="bookmark" data-wpel-link="internal">35+ אתרי צילומים בחינם הטובים ביותר</a></li><li class="arpw-li arpw-clearfix arpw-87"><a class="arpw-title" href="https://12barclub.com/page-84/8-3/" rel="bookmark" data-wpel-link="internal">8 סיבות להימנע מארחי אינטרנט זולים לבלוג הוורדפרס שלך</a></li><li class="arpw-li arpw-clearfix arpw-88"><a class="arpw-title" href="https://12barclub.com/page-353/page-361/" rel="bookmark" data-wpel-link="internal">कैसे अपनी वर्डप्रेस साइट से हमेशा के लिए टूटे हुए लिंक निकालें</a></li><li class="arpw-li arpw-clearfix arpw-89"><a class="arpw-title" href="https://12barclub.com/page-304/page-347/" rel="bookmark" data-wpel-link="internal">सीएम टूलटिप शब्दावली वर्डप्रेस प्लगइन के साथ एक कस्टम शब्दकोश बनाएँ</a></li><li class="arpw-li arpw-clearfix arpw-90"><a class="arpw-title" href="https://12barclub.com/page-16/wordcamp-san-francisco/" rel="bookmark" data-wpel-link="internal">Αγαπητέ ημερολόγιο: Μια επιστολή από το WordCamp San Francisco</a></li><li class="arpw-li arpw-clearfix arpw-91"><a class="arpw-title" href="https://12barclub.com/page-342/wordpress-36-3/" rel="bookmark" data-wpel-link="internal">כיצד ליצור ולהוסיף את מפת האתר שלך ב- WordPress</a></li><li class="arpw-li arpw-clearfix arpw-92"><a class="arpw-title" href="https://12barclub.com/page-396/breadcrumbs-wordpress/" rel="bookmark" data-wpel-link="internal">როგორ დავამატოთ Breadcrumbs WordPress- ს და რატომ არის ეს მნიშვნელოვანი?</a></li><li class="arpw-li arpw-clearfix arpw-93"><a class="arpw-title" href="https://12barclub.com/page-396/elementor-2/" rel="bookmark" data-wpel-link="internal">როგორ გამოვიყენოთ Elementor ვებ – გვერდების დისტანციურად შექმნამდე</a></li><li class="arpw-li arpw-clearfix arpw-94"><a class="arpw-title" href="https://12barclub.com/page-304/page-337-2/" rel="bookmark" data-wpel-link="internal">סקירת קופונים לסניפים: שפר המרות ומכירות</a></li><li class="arpw-li arpw-clearfix arpw-95"><a class="arpw-title" href="https://12barclub.com/page-365/2020-10/" rel="bookmark" data-wpel-link="internal">2020 के 10 सर्वश्रेष्ठ मुफ्त रेस्तरां वर्डप्रेस प्लगइन्स</a></li><li class="arpw-li arpw-clearfix arpw-96"><a class="arpw-title" href="https://12barclub.com/page-148/wordpress-164-3/" rel="bookmark" data-wpel-link="internal">WordPress 블로그 용 프리랜서 작가를 고용 할 때 찾아야 할 사항</a></li><li class="arpw-li arpw-clearfix arpw-97"><a class="arpw-title" href="https://12barclub.com/page-94/wordpress-wp-rest-api-2/" rel="bookmark" data-wpel-link="internal">WordPress WP REST API: आपके लिए इसका क्या अर्थ है</a></li><li class="arpw-li arpw-clearfix arpw-98"><a class="arpw-title" href="https://12barclub.com/page-211/wordpress-247-2/" rel="bookmark" data-wpel-link="internal">WordPress 블로그를 보호하는 방법, 모든 사용자에게 유용한 팁</a></li><li class="arpw-li arpw-clearfix arpw-99"><a class="arpw-title" href="https://12barclub.com/cat-recenzije/prilagodite-svoju-wordpress-stranicu-danas-pomou/" rel="bookmark" data-wpel-link="internal">Prilagodite svoju WordPress stranicu danas pomoću CSS Heroja</a></li><li class="arpw-li arpw-clearfix arpw-100"><a class="arpw-title" href="https://12barclub.com/page-396/bluehost-wordpress/" rel="bookmark" data-wpel-link="internal">გადახედეთ Bluehost– ის ოპტიმიზებულ WordPress ჰოსტინგი</a></li></ul></div></div></aside></div><div class="footer-navigation container"><div class="main-navigation-inner "><div class="menu-1-container"><ul id="footer_menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href="https://12barclub.com/terms-of-service/" data-wpel-link="internal">Terms of service</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="https://12barclub.com/privacy-policy/" data-wpel-link="internal">Privacy Policy</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="https://12barclub.com/about/" data-wpel-link="internal">About</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://12barclub.com/contacts/" data-wpel-link="internal">Contacts</a></li></ul></div></div></div><footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"><div class="site-footer-inner "><div class="footer-info"> © 2020</div><div class="footer-counters"></div></div></footer> <button type="button" class="scrolltop js-scrolltop"></button></div> <script type="text/javascript">var thirstyGoogleClickTrack = function ( e ) { var $this = jQuery( this ), linkID = $this.data( 'linkid' ), href = linkID ? $this.attr( 'href' ) : thirstyFunctions.isThirstyLink( $this.attr( 'href' ) ), action_name = 'Affiliate Link', page_slug = '/nenhuma-categoria/desenvolvimento-de-temas-para-wordpress-101/', home_url = 'https://12barclub.com'; if ( ! href || typeof ga !== 'function' ) { return; } var is_uncloak = href.indexOf( home_url + '/' + thirsty_global_vars.link_prefix ) < 0, href_parts = href.split('/'), href_last = href_parts[ href_parts.length - 1 ] ? href_parts[ href_parts.length - 1 ] : href_parts[ href_parts.length - 2 ], link_text = $this.text(), link_uri = linkID && is_uncloak ? href : href.replace( home_url , '' ), link_slug = linkID && is_uncloak ? href : href_last; ga( 'send' , 'event' , { eventCategory : action_name, eventAction : link_uri, eventLabel : page_slug, transport : 'beacon' } ); }; jQuery( document ).ready( function($) { $( 'body' ).on( 'click', 'a', thirstyGoogleClickTrack ); });</script> <script type='text/javascript'>/* <![CDATA[ */ var wares_ajax = {"wares_url":"https:\/\/12barclub.com\/wp-admin\/admin-ajax.php"}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","visibility_hide_by_default":"1","width":"Auto"}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var thirsty_global_vars = {"home_url":"\/\/12barclub.com","ajax_url":"https:\/\/12barclub.com\/wp-admin\/admin-ajax.php","link_fixer_enabled":"yes","link_prefix":"recommends","link_prefixes":["recommends"],"post_id":"6334","enable_record_stats":"yes","enable_js_redirect":"yes","disable_thirstylink_class":""}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var settings_array = {"rating_text_average":"average","rating_text_from":"from","lightbox_enabled":""}; var wps_ajax = {"url":"https:\/\/12barclub.com\/wp-admin\/admin-ajax.php","nonce":"ec7a6efad9"}; /* ]]> */</script> <ins id="adsense" class="adsbygoogle" data-tag="flat_pm" style="position:absolute;left:-9999px;top:-9999px">Adblock<br>detector</ins><style>.arcticmodal-overlay,.arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}:first-child+html .arcticmodal-container{height:100%}.arcticmodal-container_i{height:100%;margin:0 auto}.arcticmodal-container_i2{vertical-align:middle!important;border:none!important}.flat_pm_modal{min-width:200px;min-height:100px;position:relative;background:#fff}.flat_pm_modal .flat_pm_timer,.flat_pm_modal .flat_pm_crs{top:0!important}.flat_pm_crs{transition:box-shadow .2s ease;position:absolute;top:0;right:0;width:34px;height:34px;background:#000;display:block;cursor:pointer;z-index:99999;border:none;padding:0;min-width:0;min-height:0}.flat_pm_crs:hover{box-shadow:0 0 0 50px rgba(0,0,0,.2) inset}.flat_pm_crs:after,.flat_pm_crs:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:calc(34px / 2);height:3px;background:#fff;transform-origin:center;transform:rotate(45deg);margin:auto}.flat_pm_crs:before{transform:rotate(-45deg)}.flat_pm_crs:hover:after{transform:rotate(225deg)}.flat_pm_crs:hover:before{transform:rotate(135deg)}.flat_pm_timer{position:absolute;top:0;right:0;padding:0 15px;color:#fff;background:#000;line-height:34px;height:34px;text-align:center;font-size:14px}.flat_pm_timer span{font-size:16px;font-weight:600}.flat_pm_out{transition:transform .3s ease,opacity 0s ease;transition-delay:0s,.3s;position:fixed;min-width:250px;min-height:150px;z-index:9999;opacity:0;-webkit-backface-visibility:hidden}.flat_pm_out *{max-width:none!important}.flat_pm_out.top .flat_pm_crs{top:auto;bottom:150px}.flat_pm_out.show.top .flat_pm_crs{bottom:0}.flat_pm_out.bottom .flat_pm_crs{top:150px}.flat_pm_out.show.bottom .flat_pm_crs{top:0}.flat_pm_out.right .flat_pm_crs{right:auto;left:0}.flat_pm_out.top .flat_pm_timer{top:auto;bottom:150px}.flat_pm_out.show.top .flat_pm_timer{bottom:0}.flat_pm_out.bottom .flat_pm_timer{top:150px}.flat_pm_out.show.bottom .flat_pm_timer{top:0}.flat_pm_out.right .flat_pm_timer{right:auto;left:0}.flat_pm_out.top{bottom:100%;left:50%;transform:translateY(0) translateX(-50%);padding-bottom:150px}.flat_pm_out.bottom{top:100%;left:50%;transform:translateY(0) translateX(-50%);padding-top:150px}.flat_pm_out.left{bottom:0;right:100%;transform:translateX(0)}.flat_pm_out.right{bottom:0;left:100%;transform:translateX(0)}.flat_pm_out.show{transition-delay:0s,0s;opacity:1;min-width:0;min-height:0;background:#fff}.flat_pm_out.closed{min-width:0;min-height:0}.flat_pm_out.show.top{transform:translateY(100%) translateX(-50%);padding-bottom:0}.flat_pm_out.show.bottom{transform:translateY(-100%) translateX(-50%);padding-top:0}.flat_pm_out.show.left{transform:translateX(100%)}.flat_pm_out.show.right{transform:translateX(-100%)}.flatpm_fixed{position:fixed;z-index:50}.flatpm_stop{position:relative;z-index:50}</style> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://12barclub.com/wp-content/plugins/wp-rocket/assets/js/lazyload/12.0/lazyload.min.js"></script><a href="/sitemap.php" data-wpel-link="internal">map</a><script src="https://12barclub.com/wp-content/cache/min/1/163603fbdbc4ebd4d5a470ae7e241af9.js" data-minify="1" defer></script></body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1597598046 -->