Boa tarde

Vamos começar do início, caso alguém não saiba mais nada.

Eu não estive no mar.

- Ok, não inunde, nunca fui ao mar!

- Eu não tive chance, eu não estava...

– Já batemos na porta do céu, nos enchemos de tequila, literalmente nos despedimos da última viagem, mas você ainda não foi ao mar?!

- Não tive tempo, não deu certo...

– Eu não sabia que não há lugar no céu sem isso?

Filme “Batendo na Porta do Céu”

Como adicionar mais

Então, qual trecho de texto exibir no anúncio é definido usando a tag mais. Esta tag divide o artigo em duas partes: introdutória (anúncio) e continuação.

EM Editor WordPress Mais tags podem ser inseridas usando o botão na barra de ferramentas.

1. Modo editor visual:

2. Modo editor de texto:

No modo texto, você também pode dividir manualmente a entrada: basta escrever

E agora informações importantes, que nem todo mundo sabe!

Então, há maneira elementar dê a cada link seu próprio texto exclusivo após o anúncio!

Isso pode ser feito simplesmente escrevendo o texto desejado dentro da estrutura com mais. Assim:

Você pode perguntar por que fazer isso? Anote também o texto de cada vez.

Para ser sincero, eu também sou assim =) Já publiquei 84 artigos e estou “saindo da floresta” sobre isso.

Como mudar o texto?

1. A primeira maneira - mais fácil - é adicionar seu texto (geralmente em index.php) à função the_content

2. Segundo método usando um gancho the_content_more_link. Basta adicionar o código a seguir e definir o texto do link desejado.

function my_more_link($more_link, $more_link_text) ( return str_replace($more_link_text, "Continue lendo...", $more_link); ) add_filter("the_content_more_link", "my_more_link", 10, 2);

Este método é conveniente porque você não precisa pesquisar nos arquivos de modelo para descobrir exatamente onde the_content é usado (isso não precisa estar em index.php, pode ser content.php ou qualquer outro). no arquivo funções.php.

3. No terceiro ponto, simplesmente salvarei no histórico o método usando um campo personalizado do WordPress.

ID, "custom_more_text", verdadeiro);

if(!$custom_more) ( $custom_more = "Continue lendo o artigo"; ) the_content($custom_more); ?>Inserindo texto diretamente em

, claro, mais simples e claro. Aqui basta ajustar a chamada da função o_conteúdo

de duas maneiras.

Como remover #more de um link

Benefícios de usar a próxima tag versus cotações

Você pode adicionar uma citação a qualquer postagem usando o formulário apropriado na página do editor de postagem. Caso você não veja este bloco, clique em “Configurações da tela” no canto superior direito e marque a caixa desejada.

Um bloco de meta-citação aparecerá abaixo do seu editor de postagem.

As citações podem parecer mais fáceis de usar, mas existem algumas desvantagens em usá-las.

A primeira é que as citações dependem inteiramente do tópico. Se o seu tema não suportar a tag o_excerto, então não importa o que você escreva no bloco de citações, seu tema exibirá o conteúdo completo do artigo em página inicial e páginas de arquivo.

A segunda desvantagem de usar aspas é que elas não exibem imagens ou qualquer outra formatação. Eles são exibidos como texto simples.

Ao mesmo tempo, a Next Tag é totalmente independente do tema, o que significa que funcionará em todos os temas WordPress bem escritos. Além disso, permite exibir imagens e todas as opções de formatação, como links, texto em negrito, texto em itálico, etc.

Desvantagens de usar a tag "Próximo"

A maior desvantagem de usar a tag “Próximo” no WordPress é que você precisa especificá-la manualmente em todas as suas postagens, enquanto as citações são automatizadas nesse sentido.

O WordPress permite que você especifique seus próprios trechos (aspas) no bloco apropriado e pode gerá-los automaticamente dependendo do número especificado de caracteres.

Você precisa olhar para suas tarefas, pois isso pode ser uma desvantagem no uso.

Outra desvantagem de usar uma tag "Próximo" é que se você usar um tema que usa aspas, ele "substituirá" a tag "Próximo" e gerará uma cotação com comprimento determinado pelo seu tema.

Independentemente de você usar a tag “Próximo” ou citações, é importante que apenas um trecho do artigo seja exibido na página inicial e nos arquivos, e não a história completa.

Possíveis problemas com a tag “Próximo”

Maioria grande problema O que ouvimos sobre o uso da tag “Próximo” é que ela não funciona para páginas.

Por padrão, você não pode usar a tag "Próximo" em Páginas WordPress no entanto, isso pode ser facilmente corrigido simplesmente adicionando o seguinte código dentro do loop:

Outro problema com o uso da tag é que ela não é acionada na página inicial. Se você estiver usando uma página estática como página inicial personalizada, o código acima deverá ajudar a resolver seu problema.

Esperamos que este artigo tenha ajudado você a aprender como usar corretamente a tag Next no WordPress.

Se você está apenas começando com o WordPress, não se esqueça de visitar nossa seção, onde publicamos materiais específicos para novos usuários do WordPress.

Para todas as perguntas e comentários, escreva nos comentários abaixo.

Como alterar “mais” ou “Leia mais?”

Alguns blogueiros abandonaram completamente o clássico “under the cut” e postam artigos completos nas páginas de seus blogs, como se você não fosse um blogueiro, mas estivesse criando um site. Este sistema foi visto em muitos blogs americanos. Que, como se costuma acreditar, são sempre pioneiros (Pioneiros) na área de blogs.

Exemplo de blog em CMS WordPress

Abra a interface de administração do WordPress. Além disso, de acordo com os itens do menu:

1. Aparência.
2. Editor.
3. Modelo principal/index.php.
4. Encontre a etiqueta.
5. Selecione a âncora e insira a que deseja.
6. Encontre e clique no botão “Atualizar arquivo”.
7. Aparência.
8. Editor.
9. Arquivos/archive.php.
10. Mude o texto.
11. Clique em “Atualizar arquivo”.

Se as suas responsabilidades profissionais incluem a promoção do site, a tarefa de alterar o texto “under the cut” varia, dependendo do sistema de gerenciamento de conteúdo específico ou do construtor de sites utilizado. Em um designer profissional, você não precisa fazer nenhuma manipulação no código; tudo é fornecido na interface do programa. Sua tarefa é encontrar o item de menu desejado e simplesmente inserir o novo texto desejado.

Conforme mencionado acima, a opção com uma dúzia de anúncios em uma página web nem sempre é melhor escolha. Freqüentemente, é muito mais útil para os leitores criar uma estrutura conveniente e um menu de navegação que forneça acesso fácil às informações que procuram.

Muitos dos principais blogueiros de SEO no Runet não usam a tag. O novo artigo é publicado na primeira página na íntegra. Os leitores não precisam percorrer uma selva de links. Para encontrar materiais relevantes, após o artigo são colocados cinco ou seis links para páginas semelhantes. Pod-cut não é mais moderno. Portanto, alterar a tag “mais” no WordPress não é mais muito relevante.

Se você possui seu próprio site WordPress, no qual as postagens são exibidas na forma de citações, provavelmente, junto com o texto do conteúdo, você também verá um link com o texto Leia mais.

O objetivo de exibir esse link é fornecer ao usuário uma breve citação da postagem para que ele possa visualizar rapidamente todas as postagens mais recentes do seu blog. Isso permite maior liberdade de escolha para os usuários e também permite uma experiência de usuário mais avançada.

Hoje vou falar sobre a tag Leia Mais no WordPress e também ensinar como alterá-la de acordo com sua vontade.

Noções básicas

Na maioria das vezes, a tag Leia mais é usada em conjunto com a função de cotação no WordPress, que exibe o número de caracteres/palavras que você especifica. Por padrão, o WordPress limita as citações a um certo número de palavras, mas mostrarei como alterar essa configuração posteriormente.

A tag de cotação no WordPress é uma pequena linha de código PHP semelhante a esta:

Ela pode ser substituída pela tag de modelo the_content() quando apropriado. Normalmente, você terá uma página de índice do blog que exibe suas postagens mais recentes. Essas entradas podem ser colocadas entre aspas simplesmente aplicando alguns parâmetros ou substituindo a tag do modelo the_content() por the_excerpt().

O texto é uma pequena citação com reticências de fechamento, seguida por um botão chamado Ver postagem completa.

Alterando a tag Leia mais

Primeiro, você precisa ter certeza de que as cotações estão habilitadas no painel de administração do WordPress.

Faça login no console, vá para Configurações - Leitura.

Você verá uma lista de configurações, mas estamos interessados ​​​​apenas no parâmetro: “Para cada artigo de um feed, mostrar”. Você também pode definir o número de postagens a serem exibidas no feed do blog.

Vamos escolher Resumo em vez de texto completo. Depois disso, clique no botão Salvar alterações.

Por padrão, alguns temas já estão otimizados para exibir cotações em vez de texto completo, conforme observado no painel de configurações. Nosso tema Divi 2.0 é um ótimo exemplo dessa abordagem.

Abaixo está um exemplo tema instalado Divi. Gerei alguns conteúdos de teste para mostrar como seria um blog ativo neste tópico. Seu blog pode ser um pouco diferente, especialmente se você estiver usando um tema diferente.

Gosto da aparência das postagens, mas acho que deveria haver um botão no final de cada postagem que permite a leitura de todo o conteúdo.

Para fazer isso, precisamos nos aprofundar no código do nosso site. Abra o tópico ativo no editor de código. Estou usando o texto sublime 2 no tema Divi como abaixo:

Eu tenho o arquivo index.php aberto. Possui algum código que exibe o que você vê na página do blog. No tema Divi, este código foi ligeiramente melhorado, mas o básico ainda é o mesmo. A seção a seguir deve chamar nossa atenção:

Se você nunca trabalhou com o código Divi, você pode usar a numeração de linha - esse código aparecerá nas linhas 50-57 (isso só é verdade para o tema Divi!)

Vamos alterar o código removendo a função arbitrária e substituindo the_content() pela saída the_excerpt().

Esta será a aparência do bloco de código atualizado. Para simplificar tudo e deixar mais claro, resolvi comentar o código que estava lá anteriormente.

Se você salvar suas alterações e retornar ao site, provavelmente não verá nada de novo. Ainda precisamos substituir os padrões do WordPress por uma função personalizada.

/* Modifique o link leia mais em the_excerpt() */ function et_excerpt_length($length) ( return 220; ) add_filter("excerpt_length", "et_excerpt_length"); /* Adicione um link ao final do nosso trecho contido em uma div para fins de estilo e para quebrar em uma nova linha na página.*/ function et_excerpt_more($more) ( global $post; return "

;"; ) add_filter("excerpt_more", "et_excerpt_more");

As primeiras 4 linhas definem uma função personalizada que controla o número de palavras exibidas na citação de cada postagem do blog. Um filtro é então adicionado para permitir que a função seja executada. Encadeamos com a função excerpt_length para definir o limite para 220 caracteres.

A segunda função altera o link Leia mais, substituindo o padrão Valores do WordPress. EM neste exemplo Adicionei um link agrupado em uma div para poder estilizá-lo mais tarde. Verei o estilo um pouco mais tarde; Agora você pode ir ao site onde verá o seguinte:

O estilo CSS padrão de links e postagens é usado automaticamente no tema Divi 2.0; Só precisamos fazer algum trabalho relacionado a transformar o link em um botão.

Atribuímos a âncora do link no arquivo function.php à classe view-full-post-btn. Vou usá-lo para adicionar algum código CSS ao link. Coloque o código CSS abaixo em seu arquivo style.css para personalizar nosso link. Não importa onde exatamente você adiciona o código - é importante que você se lembre da área onde ele está localizado, pois será útil no futuro.

View-full-post-btn( display:inline-block; /*border-radius*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; preenchimento:8px 16px; margin-top:10px; borda:1px sólido #d8dcdc; font-family:italic; font-size:16px; todos os .3s facilitam; -o-transição:todos os .3s facilitam; cor sólida:#FFFFFF )

Depois de adicionar estilos, tenho um lindo botão que tem um belo efeito de foco.

Em vez de alinhar nosso botão à esquerda, vamos fazer mais uma coisa: atribuir um float: right para que o link fique alinhado à borda direita do contêiner em que está. no momento localizado. Também precisamos ajustar as bordas de cada uma de nossas entradas. Vamos adicionar o seguinte código ao arquivo style.css:

Et_pb_post (margem inferior: 100px; borda superior: 1px sólido #e1e1e1;) .et_pb_post: primeiro do tipo (borda superior: nenhum;) .view-full-post (float: direita;)

Agora que colocamos todos os estilos necessários, podemos ver o resultado final. Cada botão terá um link para sua postagem, permitindo que os usuários visualizem a postagem inteira.

Nota: Observe que os estilos não respondem.

Conclusão

Adicionar melhorias como a tag Leia mais ajudará seus usuários a navegar em seu blog de maneira mais fácil e rápida. Informações organizadas e estruturadas tornarão seu blog mais compreensível. Com a funcionalidade de cotação incorporada ao WordPress, você pode tornar seu conteúdo mais envolvente e fazê-lo rapidamente.