Curso Introdutório de Editor Gutenberg do WordPress
Curso introdutório sobre os blocos do Editor Gutenberg do WordPress
Último Post
Curso introdutório sobre os blocos do Editor Gutenberg do WordPress
Últimos Tutoriais sobre WordPress
Passo a passo para criar uma rede…
Veja como armazenar campos ACF em cache…
Tutorial para iniciantes em WordPress » Veja…
Últimos Posts sobre WordPress
Criar um Blog WordPress
Criar um Site WordPress
Criar Loja Virtual WordPress
Construtores de Páginas (Page Builders) WordPress
E-mails no WordPress
Servidores WordPress
Academia Junior a .Pro
Criatividade, tecnologia e educação digital para ajudar você a transformar o seu futuro.
WordPress de Junior a .Pro
Com mais de 2400 páginas e 2200 print screens explicativos, “WordPress de Junior a .Pro” é na atualidade, o livro mais abrangente em língua portuguesa sobre o gerenciador de conteúdo WordPress.
Os plugins contribuem significativamente para fazer com que o WordPress se torne um verdadeiro “canivete suíço“. Depois de instalar o CMS WordPress e configurá-lo, uma das primeiras coisas a ser feita é instalar os plugins mais importantes e preferidos de cada projeto.
Pode-se dizer que os plugins são como “novas aplicações” que adicionam funcionalidades e recursos ao sistema. Boa parte da “diversão” começa quando os plugins são instalados no WordPress.
Os plugins permitem que recursos extras possam ser instalados no WordPress. Por exemplo, podem ser adicionados: formulários de contato, customizadores de layout, componentes para criar apresentação de slides, lojas virtuais, carrinho de compras, sistemass para treinamento e educação, entre outras infinitas possibilidades, praticamente infinitas.
Os plugins podem ser instalados de diferentes formas no WordPress. Geralmente, o resultado é o mesmo. Portanto, a escolha por um formato ou outro de instalação, irá depender de aspectos pessoais ou do projeto em curso.
O repositório da “WordPress.Org“ possui milhares de plugins disponíveis para serem instalados gratuitamente na plataforma e o bom uso de tantas possibilidades pode fazer a diferença no desenvolvimento de projetos.
Um plugin pode ser instalado no WordPress de diferentes maneiras. Entre elas, destacam 3 principais. Confira a seguir:
Independentemente da abordagem utilizada, o que se espera, é que ao final do processo, o plugin esteja disponível para utilização no painel do controle do WordPress.
Observação:
Mais de 2400 páginas e 2200 printscreens explicativos sobre o gerenciador de conteúdo WordPress. Aprenda WP agora.
A partir do painel de controle do WordPress, a principal via de instalação de plugins a partir do botão de adição, localizado na parte superior da página.
Para instalar um plugin no WordPress pelo painel de controle:
Em seguida, ocorre o redirecionamento para a página que lista os plugins instalados.
Observe pela imagem de exemplo, apresentada anteriormente, que o site ainda não possui qualquer plugin instalado.
Uma mensagem de aviso é exibida:
Que em português fica como:
Para adicionar um novo plugin:
Ao fazê-lo, a página de instalação de plugins é exibida, conforme se vê pela imagem seguinte.
Os elementos exibidos na página de adição de plugins do WordPress poderão variar de tempos em tempos. Primeiramente são exibidos os plugins considerados como “Featured (Destaques)”, como se vê a seguir.
Como o nome indica, trata-se de plugins que foram destacados pela comunidade de utilizadores do WordPress, possivelmente porque apresentam um bom desempenho, tendo sido considerados relevantes pela opinião (rating) recebida por parte dos usuários ou pelo número de downloads realizados ao longo do tempo.
Ainda a partir do menu superior, é possível filtrar os plugins nas categorias:
Os filtros podem ser utilizados para encontrar plugins de acordo com critérios de interesse.
A página de instalação de plugins permite realizar buscas por plugins diretamente no diretório da WordPress. Também é possível enviar um plugin a partir do computador, conforme será discutido em seções seguintes.
Portanto, antes de instalar um plugin a partir do diretório público da “WordPress.Org“, é preciso realizar a busca por um componente de acordo com critérios de interesse.
É possível buscar por plugins de acordo com os seguintes critérios:
Quando os plugins são criados, os autores disponibilizam informações sobre eles para facilitar a pesquisa e serem utilizadas como os critérios de seleção.
Para alterar o critério de pesquisa de plugins:
Como encontrar plugins para projetos WordPress?
Uma dúvida comum é como descobrir um plugin sem saber nada sobre ele? Imagina que você deseja encontrar um plugin no repositório da “WordPress.Org“, mas simplesmente não sabe o nome do plugin, nem o nome do autor ou nem mesmo tem em mente um marcador (tag) para utilizar na busca.
Nesse caso, a melhor alternativa é começar uma pesquisa na internet sobre o assunto, procurando pelas palavras-chaves relacionadas à questão que deseja resolver. Por exemplo, se você gostaria de encontrar um plugin para fazer um “downgrade[1]” do WordPress, faça uma busca pelos termos “WordPress downgrade plugin”. Caso exista alguma solução para esta necessidade, naturalmente o buscador irá apresentar resultados relevantes para a sua pesquisa, quando não, a própria página do plugin poderá ser apresentada.
[1] Downgrade é o procedimento realizado para baixar a versão de um sistema computacional. Trata-se de voltar a versão do sistema para uma versão anterior à atual. No caso do exemplo, o plugin permite retornar versões anteriores do WordPress.
No caso do exemplo apresentado, o link da página a seguir, muito provavelmente seria exibido como um resultado de busca.
Confira:
Também é possível encontrar informações em sites especializados em WordPress ou mesmo em fóruns sobre plugins e soluções específicas para a plataforma.
No site da “WordPress.Org” há algumas áreas em que se pode encontrar informações sobre plugins:
Veja em seguida, a página da central de suporte do WordPress em português.
Suponha a instalação de um plugin capaz de reabilitar o editor clássico, que deixou de estar instalado por padrão no sistema, a partir da versão 5.0 do WordPress.
Para buscar por um plugin no diretório da WordPress:
Para o exemplo:
Ao iniciar a digitação do termo, o sistema começa imediatamente a fazer a busca por resultados associados ao termo de pesquisa. Em seguida, os resultados são apresentados.
Os dados apresentados poderão variar de acordo com a época da pesquisa, uma vez que as opções de plugins disponíveis também variam com o passar do tempo. Confira a seguir, a imagem ampliada do resultado encontrado.
Cada plugin listado como resultado é apresentado dentro de uma caixa que contém informações relevantes sobre o componente. Considere avaliá-las antes de fazer uma instalação. A seguir é apresentada uma breve descrição de cada uma delas.
Os resultados de pesquisa de plugins apresentam os seguintes dados:
Observação:
Há casos de plugins que são criados para um objetivo muito específico e simplificado, muitos deles compostos por poucas linhas de código. Dada a simplicidade, pode se tornar desnecessário atualizá-los.
A imagem a seguir apresenta o resultado do clique no link “More Details (Mais Detalhes)”. A janela que se abre permite visualizar informações adicionais do plugin.
Para instalar o plugin:
Aguarde a instalação ser concluída conforme demonstrado em seguida. Observe a alteração do texto do botão da caixa do plugin para “Installing… (Instalando…)”.
Uma vez que o plugin tenha sido instalado, o pop-up de detalhes será fechado. Verifica-se que o botão “Install Now (Instalar Agora)”, localizado dentro da caixa de descrição do componente, foi alterado para um novo botão, contendo a inscrição “Activate (Ativar)” conforme a imagem seguinte.
Para ativar o plugin:
Ao ativar o plugin será possível observar uma mensagem indicativa do sucesso da instalação.
Que em português fica como:
Observe a imagem a seguir.
Perceba também que a página que lista todos os plugins instalados no sistema será novamente apresentada, conforme se vê na imagem seguinte.
Verifique que o novo plugin “Classic Editor (Editor Clássico)” passou a constar da lista de componentes instalados no WordPress, como se vê na imagem seguinte, ampliada.
Neste ponto, o plugin está pronto para ser utilizado.
Mais de 2400 páginas e 2200 printscreens explicativos sobre o gerenciador de conteúdo WordPress. Aprenda WP agora.
Além de instalar um plugin gratuitamente a partir da busca no repositório da “WordPress.Org“, também é possível enviá-lo a partir do painel de controle do sistema, utilizando o recurso de upload dos arquivos. O procedimento é válido tanto para plugins gratuitos, quanto para aqueles do tipo premium e poderá se tornar necessário em algumas situações.
A seguir, demonstra-se a simulação do processo de instalação de um plugin a partir do upload diretamente para o backend do WordPress. De início, apresenta-se o procedimento de download do componente na página do plugin no repositório da “WordPress.Org” para depois realizar o procedimento de upload propriamente. O exemplo se aplica a qualquer conjunto de arquivos compactados de plugins, incluindo opções premium e outros que não constem no repositório da “WordPress.Org“, desde que possuam os requisitos necessários para serem instalados no sistema.
Ressalta-se que para instalar os plugins do repositório WordPress.Org, o mesmo procedimento pode ser realizado a partir do painel de controle do sistema, como foi demonstrado na seção anterior. Logo, para efeitos práticos, a instalação de plugins do repositório através do recurso de upload não faz qualquer sentido e no caso específico aqui apresentado, é adotada apenas como um exemplo de uso do recurso de envio de arquivos, já que o procedimento é inevitável para plugins premium ou desenvolvidos de forma particular.
Os plugins premium ou desenvolvidos para casos específicos em projetos particulares e que não estarão disponíveis no repositório público da “WordPress.Org” precisam ser enviados para o painel de controle do sistema através do método apresentado a seguir ou ainda, a partir de protocolos de transferência de arquivos, como discutido mais à frente.
Além de realizar a busca por plugins diretamente no painel de controle do WordPress, é possível encontrá-los a partir do site da WordPress.Org utilizando a página que centraliza os plugins existentes no repositório.
Confira pelo endereço a seguir:
A versão em português encontra-se em:
A imagem seguinte exibe a página de plugins do repositório da “WordPress.Org“. Os componentes exibidos na primeira página poderão ser diferentes ao longo do tempo.
Além de buscar por plugins diretamente no repositório, é possível realizar buscas na internet em sites como Google e Bing para encontrar plugins para situações ou necessidades específicas. Por exemplo, suponha a busca pelo plugin do “Editor do WordPress”. A combinação de palavras-chaves “Editor + Clássico” ou “Classic + Editor” possivelmente irá retornar a página oficial do plugin “Classic Editor”.
O endereço de acesso do plugin “Classic Editor” é indicado a seguir.
A imagem a seguir apresenta o resultado ao acessar a página do componente.
Da mesma maneira que nos templates, verifique que os detalhes disponibilizados sobre o plugin se assemelham muito ao que é possível obter diretamente a partir do painel de controle do WordPress. Ou seja, perceba que a lógica é a mesma aplicada aos templates.
Aqui, a diferença principal entre pesquisar por plugins pelo painel de controle do WordPress e a partir do site da WordPress.Org, também é a possibilidade de realizar o download dos arquivos do plugin no formato compactado “.zip”, assim como nos templates. Ou seja, é possível acessar todos os arquivos que fazem parte do componente.
Para iniciar o download dos arquivos de um plugin compactado a partir do site da “WordPress.Org“:
Na imagem ampliada:
Em seguida, uma caixa de diálogo deverá se abrir:
Para finalizar:
Pronto! O arquivo estará armazenado no sistema operacional e já poderá ser enviado para o painel de controle do WordPress via upload.
Inicialmente, acesse a página de gestão de plugins do WordPress:
Em seguida, será realizado o envio do arquivo compactado do plugin via upload:
A página de pesquisa por temas no repositório deverá se abrir. Observe pela imagem seguinte.
A partir da página de buscas por plugins:
Ao clicar no botão para envio do plugin, uma nova página deverá se abrir. Por ela, será possível realizar o upload de arquivos a partir do computador, conforme imagem a seguir.
É possível observar a seguinte mensagem na parte superior da página:
Que em português fica como:
Sim! O objetivo é mesmo este! Enviar os arquivos compactados do plugin para o painel de controle do WordPress.
Para prosseguir com o upload do arquivo:
Uma caixa de diálogo do sistema operacional deverá se abrir para seleção do arquivo.
Para prosseguir:
Para finalizar:
Observe que ao adicionar o arquivo, o painel do WordPress passa a exibi-lo na caixa de seleção, conforme apresentado a seguir.
Neste ponto, o arquivo compactado do plugin no formato “.zip” está pronto para ser instalado.
Para instalar o plugin:
Após solicitar a instalação, aguarde até que o sistema realize o envio do pacote de arquivos do plugin para o servidor. O tempo para finalizar a solicitação poderá variar de acordo com a velocidade de upload de arquivos da conexão de internet e também poderá depender da performance do servidor em uso.
Uma vez que o processo tenha sido finalizado, uma página com os resultados será exibida.
Confira a seguir.
As mensagens informando o progresso da instalação são as seguintes:
Installing Plugin from uploaded file: classic-editor.1.5.zip Unpacking the package… Installing the plugin… Plugin installed successfully.
Que traduzido fica como:
Instalando o plugin do arquivo carregado: classic-editor.1.5.zip Desembalando o pacote ... Instalando o plugin… Plugin instalado com sucesso.
Logo abaixo da mensagem informativa, é possível verificar duas ações possíveis:
Para continuar:
Como resultado, ocorrerá o redirecionamento para a página de gestão de plugins do WordPress, conforme se vê a seguir.
Nesta página, além da exibição da lista de plugins instalados no sistema, será possível observar a exibição do aviso de ativação do plugin:
Que em português fica como:
Observe a imagem a seguir.
Mais de 2400 páginas e 2200 printscreens explicativos sobre o gerenciador de conteúdo WordPress. Aprenda WP agora.
A instalação de plugins pode e deve ser realizada preferencialmente a partir do painel de controle do WordPress. Entretanto, em algumas situações específicas, poderá ser necessário realizar o envio de arquivos de plugins a partir de uma conta FTP.
E assim como é possível enviar um arquivo compactado do plugin a partir do upload no painel de controle do WordPress, também é possível realizar o procedimento diretamente por uma conta FTP (File Transfer Protocol – Protocolo de Transferência de Arquivos).
Como já mencionado anteriormente, antes de realizar o envio dos arquivos do plugin através do protocolo FTP é preciso tê-los disponíveis. Na seção anterior, demonstrou-se o procedimento de download dos arquivos do plugin “Classic Editor (Editor Clássico)” diretamente na página do componente no site da WordPress.Org. O arquivo “baixado” tem o nome de “classic-editor.1.5.zip”.
Caso necessário, retorne à página do plugin para realizar um novo download.
Uma vez que os arquivos do plugin estejam disponíveis, será preciso descompactá-los previamente no computador (localmente), para que depois possam ser enviados para o servidor. Os arquivos do plugin serão enviados separadamente, um a um.
Para enviar os arquivos descompactados do plugin para o website WordPress a partir do gerenciador de arquivos via protocolo FTP siga os seguintes passos:
[1] Caso deseje conhecer a estrutura de arquivos das pastas do WordPress no servidor, siga para a seção bônus do livro WordPress de Junior a .PRO.
Caso necessário, consulte o suporte ou a documentação da hospedagem ou servidor em uso para se informar sobre o caminho correto de acesso à pasta de arquivos do servidor onde se encontra instalado o WordPress.
Supondo que a pasta “/wp-content/plugins/” do WordPress esteja disponível, pode-se iniciar o envio dos arquivos do plugin para o servidor.
Para realizar o upload:
A imagem seguinte apresenta a pasta de plugins do WordPress no FTP já com plugin “Classic Editor”. Observe que agora a nova estrutura de pastas passou a ser:
Ou seja, a pasta do plugin “Classic Editor” passou a constar da lista de pastas de plugins disponíveis no servidor.
Uma vez que os arquivos tenham sido enviados corretamente, ao retornar à página de gestão de plugins do WordPress, é de se esperar que o novo componente “Classic Editor” passe a constar da lista de opções disponíveis.
Para conferir o novo plugin enviado por FTP, retorne à página de componentes.
Após enviar os arquivos e retornar à página de gestão de templates, é possível verificar que o novo plugin lá se encontra. Confira a imagem seguinte.
O procedimento apresentado para envio de plugins é padrão e poderá ser utilizado sempre que for necessário realizar a instalação de um componente no WordPress a partir do protocolo FTP.
Observação:
Confira a seguir a explicação sobre o possível problema.
Ao descompactar a pasta do plugin é comum ocorrer:
Se os arquivos forem enviados desta maneira (em subpastas), o WordPress não será capaz de reconhecê-los. O correto é que a estrutura de arquivos fique dentro de uma única pasta com o nome do plugin.
Confira a estrutura de pastas correta do plugin:
Ou seja, apenas 1 pasta e em seguida, os arquivos do plugin.
Outros erros podem estar relacionados à perda de arquivos do plugin durante o processo de descompactação. E neste caso, recomenda-se refazer o todo o procedimento.
Resumidamente:
Como se pôde perceber, o procedimento para realizar a instalação de um plugin no WordPress a partir do protocolo FTP do site é o mesmo descrito para o envio de temas.
Basicamente, será preciso:
Em seguida:
E, finalmente:
Ao finalizar o envio dos dados:
Confira a instalação.
O conteúdo apresentado nesse artigo é inspirado no meu livro “WordPress de Junior a .PRO“. Se você gostou, acesse o link a seguir e conheça mais sobre o livro. São 2400 páginas e 2200 prints screens explicativos de “puro” WordPress.
Conheça o Livro e Compartilhe com os Amantes do WordPress, como eu e você. Até a próxima!
Compartilhar esse conteúdo:
Portfolio with an id of "financas" is not defined.
Quer aprender WordPress do zero?
O Livro “WordPress de Junior a .PRO” é manual em língua portuguesa mais completo já publicado. O Guia sobre WordPress é direcionado para usuários que desejam criar sites e projetos em WordPress sem saber nada.
COMECE JÁ A APRENDER WORDPRESS E TORNE-SE UM PRO!
Tudo sobre WordPress
Assine a minha lista exclusiva e receba informações, novidades e treinamentos sobre o WordPress diretamente no seu e-mail.
WP Junior PRO™ é um site especializado em WordPress e direcionado para o público iniciante. O projeto WP Junior PRO é mantido por Junior Cammel. O principal objetivo do site é fornecer informaçào de qualidade sobre recursos do mundo WordPress para que os usuários da plataforma possam criar, manter e evoluir os seus próprios projetos baseados no CMS WP.
Sobre o site
Sobre Junior Cammel
Disclosure
Política de Privacidade
Termos de Uso
We firmly believe that the internet should be available and accessible to anyone, and are committed to providing a website that is accessible to the widest possible audience, regardless of circumstance and ability.
To fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to all people: blind people, people with motor impairments, visual impairment, cognitive disabilities, and more.
This website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the website’s UI (user interface) and design it to their personal needs.
Additionally, the website utilizes an AI-based application that runs in the background and optimizes its accessibility level constantly. This application remediates the website’s HTML, adapts Its functionality and behavior for screen-readers used by the blind users, and for keyboard functions used by individuals with motor impairments.
If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can reach out to the website’s operators by using the following email
Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique, alongside various different behavioral changes, to ensure blind users visiting with screen-readers are able to read, comprehend, and enjoy the website’s functions. As soon as a user with a screen-reader enters your site, they immediately receive a prompt to enter the Screen-Reader Profile so they can browse and operate your site effectively. Here’s how our website covers some of the most important screen-reader requirements, alongside console screenshots of code examples:
Screen-reader optimization: we run a background process that learns the website’s components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide screen-readers with meaningful data using the ARIA set of attributes. For example, we provide accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; element roles such as buttons, menus, modal dialogues (popups), and others. Additionally, the background process scans all of the website’s images and provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts that are embedded within the image, using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website.
These adjustments are compatible with all popular screen readers, including JAWS and NVDA.
Keyboard navigation optimization: The background process also adjusts the website’s HTML, and adds various behaviors using JavaScript code to make the website operable by the keyboard. This includes the ability to navigate the website using the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger buttons and links using the Enter key, navigate between radio and checkbox elements using the arrow keys, and fill them in with the Spacebar or Enter key.Additionally, keyboard users will find quick-navigation and content-skip menus, available at any time by clicking Alt+1, or as the first elements of the site while navigating with the keyboard. The background process also handles triggered popups by moving the keyboard focus towards them as soon as they appear, and not allow the focus drift outside of it.
Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.
We aim to support the widest array of browsers and assistive technologies as possible, so our users can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have worked very hard to be able to support all major systems that comprise over 95% of the user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers), both for Windows and for MAC users.
Despite our very best efforts to allow anybody to adjust the website to their needs, there may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility, following technological advancements. For any assistance, please reach out to