Nesta aula, voc\u00ea vai aprender a aplicar o alinhamento justificado<\/strong> (justify) em todos os par\u00e1grafos do seu site WordPress, deixando o texto com uma apar\u00eancia mais profissional e agrad\u00e1vel para leitura.<\/p>\n Existem v\u00e1rias formas de fazer isso, desde as mais simples (usando o Customizer) at\u00e9 as mais avan\u00e7adas (criando um MU-Plugin). Vamos ver cada uma delas.<\/p>\n O alinhamento justificado faz com que o texto ocupe toda a largura do cont\u00eainer, ajustando os espa\u00e7os entre as palavras para que as margens esquerda e direita fiquem alinhadas. \u00c9 o formato usado em jornais, revistas e livros.<\/p>\n No CSS, a propriedade \u00e9 simples:<\/p>\n Este m\u00e9todo \u00e9 ideal para iniciantes e n\u00e3o exige conhecimento de c\u00f3digo. As altera\u00e7\u00f5es s\u00e3o aplicadas ao tema ativo.<\/p>\n \u2705 Vantagem:<\/strong> Simples e imediato, sem precisar de plugins ou editar arquivos.<\/p>\n \u26a0\ufe0f Desvantagem:<\/strong> Se voc\u00ea trocar de tema, o CSS \u00e9 perdido (a menos que use um tema filho).<\/p>\n Este m\u00e9todo \u00e9 \u00fatil se voc\u00ea j\u00e1 utiliza um tema filho e quer que as altera\u00e7\u00f5es persistam mesmo ap\u00f3s atualiza\u00e7\u00f5es do tema pai.<\/p>\n \u2705 Vantagem:<\/strong> Mant\u00e9m as altera\u00e7\u00f5es mesmo se voc\u00ea desativar o tema ou trocar de tema (se estiver no tema filho).<\/p>\n \u26a0\ufe0f Desvantagem:<\/strong> Pode ser sobrescrito por atualiza\u00e7\u00f5es do tema pai se voc\u00ea n\u00e3o estiver usando um tema filho.<\/p>\n Esta \u00e9 a abordagem que voc\u00ea mais utiliza: criar um MU-Plugin<\/strong> que injeta o CSS no cabe\u00e7alho do site, independentemente do tema ativo. \u00c9 a solu\u00e7\u00e3o mais limpa e permanente.<\/p>\n \u2705 Vantagem:<\/strong> Funciona em qualquer tema, n\u00e3o \u00e9 perdido com atualiza\u00e7\u00f5es, \u00e9 super leve e voc\u00ea tem controle total.<\/p>\n \u26a0\ufe0f Desvantagem:<\/strong> Exige acesso ao servidor para criar o arquivo.<\/p>\n Se voc\u00ea quiser justificar apenas os par\u00e1grafos que est\u00e3o dentro de posts<\/strong> e p\u00e1ginas<\/strong> (e n\u00e3o em widgets, rodap\u00e9, etc.), use este CSS:<\/p>\n Se quiser aplicar tamb\u00e9m nas listagens de blog (arquivos), adicione:<\/p>\n Ap\u00f3s aplicar qualquer um dos m\u00e9todos, acesse uma p\u00e1gina com texto no seu site. Os par\u00e1grafos devem aparecer alinhados \u00e0 esquerda e \u00e0 direita (justificados).<\/p>\n Se n\u00e3o funcionar, verifique:<\/p>\n Escolha o m\u00e9todo que melhor se adapta ao seu fluxo de trabalho. Se voc\u00ea j\u00e1 est\u00e1 acostumado com MU-Plugins, v\u00e1 direto para o terceiro \u2013 \u00e9 a solu\u00e7\u00e3o mais robusta e alinhada com nosso laborat\u00f3rio.<\/p>\n Arquivo final do MU-Plugin:<\/strong> Com essa t\u00e9cnica simples, seu site ficar\u00e1 mais leg\u00edvel e profissional. Aproveite para anotar esta aula no seu caderno de estudos! \ud83d\ude80<\/p>\n","protected":false},"excerpt":{"rendered":" \ud83c\udfa8 Como justificar todos os par\u00e1grafos do seu site com CSS Nesta aula, voc\u00ea vai aprender a aplicar o alinhamento justificado (justify) em todos os par\u00e1grafos do seu site WordPress, deixando o texto com uma apar\u00eancia mais profissional e agrad\u00e1vel para leitura. Existem v\u00e1rias formas de fazer isso, desde as mais simples (usando o Customizer) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,2],"tags":[],"class_list":["post-474","post","type-post","status-publish","format-standard","hentry","category-extras","category-lessons"],"_links":{"self":[{"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/posts\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/comments?post=474"}],"version-history":[{"count":0,"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/posts\/474\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/media?parent=474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/categories?post=474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.portanova.com.br\/notebook\/wp-json\/wp\/v2\/tags?post=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\ud83c\udfaf O que \u00e9
text-align: justify<\/code>?<\/h3>\np {\r\n text-align: justify;\r\n}<\/code><\/pre>\n
\n\ud83d\udccc M\u00e9todo 1: CSS Adicional no Customizer (mais f\u00e1cil e recomendado)<\/h3>\n
\n
p {\r\n text-align: justify;\r\n}<\/code><\/pre>\n\n
\n\ud83d\udccc M\u00e9todo 2: Editor de Temas (style.css)<\/h3>\n
\n
wp-config.php<\/code> com define('DISALLOW_FILE_EDIT', false);<\/code>).<\/li>\nstyle.css<\/code> do seu tema (ou tema filho).<\/li>\np {\r\n text-align: justify;\r\n}<\/code><\/pre>\n\n
\n\ud83d\udccc M\u00e9todo 3: MU-Plugin (solu\u00e7\u00e3o mais profissional e definitiva)<\/h3>\n
\n
\/wp-content\/mu-plugins\/<\/code> (crie a pasta se n\u00e3o existir).<\/li>\njustificar-paragrafos.php<\/code><\/strong>.<\/li>\n<?php\r\n\/**\r\n * Plugin Name: Justificar Par\u00e1grafos com CSS\r\n * Description: Aplica text-align: justify a todos os par\u00e1grafos do site.\r\n * Version: 1.0\r\n * Author: Reinaldo (Neodoor)\r\n *\/\r\n\r\nif ( ! defined( 'ABSPATH' ) ) exit;\r\n\r\nadd_action( 'wp_head', function() {\r\n echo '<style>p { text-align: justify; }<\/style>';\r\n}, 100 );\r\n<\/code><\/pre>\n\n
\n\ud83c\udfaf Personaliza\u00e7\u00e3o avan\u00e7ada (aplicar apenas em posts e p\u00e1ginas)<\/h3>\n
.single-post p, .page p {\r\n text-align: justify;\r\n}<\/code><\/pre>\n.blog p, .archive p {\r\n text-align: justify;\r\n}<\/code><\/pre>\n
\n\ud83e\uddea Teste e verifica\u00e7\u00e3o<\/h3>\n
\n
.entry-content p<\/code>).<\/li>\n<\/ul>\n
\n\u2705 Resumo<\/h3>\n
\n\n
\n \nM\u00e9todo<\/th>\n Dificuldade<\/th>\n Persist\u00eancia<\/th>\n<\/tr>\n<\/thead>\n \n Customizer (CSS Adicional)<\/td>\n \u2b50 Iniciante<\/td>\n Perde ao trocar de tema<\/td>\n<\/tr>\n \n Editor de Temas (style.css)<\/td>\n \u2b50\u2b50 Intermedi\u00e1rio<\/td>\n Depende de tema filho<\/td>\n<\/tr>\n \n MU-Plugin<\/td>\n \u2b50\u2b50\u2b50 Avan\u00e7ado<\/td>\n \u2705 Permanente (recomendado)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n \/wp-content\/mu-plugins\/justificar-paragrafos.php<\/code><\/p>\n