Botão Voltar ao início do WordPress. Opções de instalação

Olá, queridos leitores do site! Apresento a vocês um novo post no qual falarei sobre para que serve o botão “Voltar ao Topo” e como instalá-lo no WordPress. Bem, no começo, como sempre, explicarei por que esse botão é necessário e se vale a pena instalá-lo. Vamos começar!

Para que serve o botão Voltar ao início?

Por exemplo, você escreveu um artigo longo, o usuário leu até o fim e agora quer voltar ao início. Acho que esta é uma situação familiar. Não é verdade? Mas girar a roda do mouse e “puxar” o controle deslizante não é muito conveniente e leva muito tempo.

Por isso foi criado esta função- elevando a página ao topo. E também, se você projetar o botão lindamente, isso será uma vantagem para o design! E se você modificá-lo, ao pressioná-lo, você poderá liberar a página, ou seja, vice-versa. Simples assim.

O aumento da página pode ser feito com ou sem a ajuda de um plugin. Vou explicar ambos agora. Portanto, tenha cuidado.

Instalando um botão com um plugin

A primeira coisa que você precisa fazer é ativá-lo. Depois disso, o botão começará a funcionar. Mas a imagem do botão será padrão. Aconselho você a alterá-lo para o seu próprio. Por esta:

1. Vá para a guia “Opções”
2. -> Role até o topo
3. E escolha a aparência do botão dentre os propostos ou carregue o seu próprio
4. Clique no botão "Opções de atualização"
5. Preparar! O botão voltar ao topo do WordPress está com um novo visual.

Assim. Você também pode configurá-lo, a saber:

• Localização
• Recuos
• Velocidade
• e mais

Botão "Voltar ao topo" sem plugin

Agora veremos como fazer botão voltar ao topo para wordpress sem usar plug-ins de terceiros. Por que nenhum plugin? Mas porque os plugins tornam o site mais lento. Já disse isso mais de uma vez (no artigo - Adicionando vídeos ao WordPress) e direi repetidas vezes.

Para fazer um botão siga as instruções abaixo:

1. Abra o arquivo rodapé.php, que está na pasta de modelos, e cole antes código:

Basta fazer algumas alterações, a saber:

• onde diz your_site.ru - escreva o endereço do seu site

• onde está o caminho para a imagem - insira o caminho para a imagem que será o botão

• onde imagem é o título da imagem. Se não for .jpg, altere-o para o formato definido na imagem.

2. Abra o arquivo estilo.css, que também está localizado na pasta com o modelo, e no final cole o seguinte código:

#toTop (largura: 100px; alinhamento de texto: centro; preenchimento: 5px; posição: fixa; inferior: 10px; direita: 10px; cursor: ponteiro; cor: #666666; decoração de texto: nenhum;)

3. Baixe e extraia. Ele contém um arquivo verx.js, que você precisa adicionar à raiz do seu site.

4. Abra o arquivo funções.php, localizado na pasta com o modelo e digite o código lá:

// inclusão inteligente de jquery if (!is_admin()) ( wp_deregister_script("jquery"); wp_register_script("jquery", ("//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ), falso); wp_enqueue_script("jquery");

5. Bem, isso é tudo! Posso parabenizá-lo, agora seu site tem um botão voltar ao topo para WordPress.

Você acabou de ler o artigo “Botão Voltar ao topo para WordPress” e instalou-o você mesmo. Quais são suas impressões? Escreva nos comentários! Por enquanto é tudo, pessoal.

Atenciosamente, Konstantin Belan.

O botão “voltar ao topo” de um site sempre foi um atributo obrigatório.

Julgue por si mesmo, você está lendo um artigo bastante longo. Terminamos de ler, agora precisamos ir para o topo do site. Você pode fazer isso usando o controle deslizante do navegador, mas, veja bem, é muito mais conveniente clicar com o mouse e ficar no topo com um efeito suave e elegante. Um pouco, claro, mas são precisamente essas pequenas coisas que moldam a atitude em relação ao seu site. E é mais agradável para você conferir um artigo, sim, ou simplesmente admirar seu site. Se for feito com alma, claro.

Muitos temas modernos já possuem a funcionalidade integrada do botão Voltar ao início. Podem ser setas ou inscrições com texto de sua escolha. Acima de tudo, é claro, uma variedade de flechas. Limpos, elegantes, estão sempre à mão, você pode passar para o topo a qualquer momento.

Existe, no entanto, uma opinião de que, para navegadores modernos Já existem extensões onde você pode instalar esse botão para qualquer site. Sim, essas extensões existem para Chrome e Fox. Mas lembre-se de que pessoas diferentes acessam seu site. Existem muitos fãs do IE; alguns simplesmente não querem instalar extensões adicionais em seus navegadores; outros simplesmente não conhecem essas possibilidades; Resumindo, não vai doer; faz sentido dedicar algum tempo melhorando o desempenho do seu site.

Opções para instalar um botão Voltar ao início para um site desenvolvido com WordPress

Configurando o botão Voltar ao início usando um código.

Aqui tenho a minha opinião, que terei prazer em compartilhar com vocês.

Existem muitas opções diferentes para instalar o botão Superior e muito mais por conta própria. Em princípio, não é difícil escrever algumas linhas de código em arquivos necessários. A única questão é – POR QUÊ?

Há uma opinião de que plugins desnecessários fazem o site funcionar mais e mais devagar. Naturalmente, isso acontece. Mas, se você já decidiu fazer a adição necessária, que diferença faz se você mesmo escreve o código ou se ele será adicionado após a instalação do plugin necessário? O número de comandos aumentará de qualquer maneira; o código do script exigirá, em qualquer caso, alguns recursos para seu processamento. Só que em um caso você adiciona o código manualmente, no outro essa adição é feita por um plugin.

E não se esqueça deste momento. Você pode instalar o código, ele funcionará. Mas, antes de tudo, quão corretamente isso continuará após a atualização do motor? Em segundo lugar, os códigos dos plugins estão sendo constantemente aprimorados. Há uma discussão em andamento, uma busca por bugs e falhas está em andamento. Os desenvolvedores atualizam regularmente seus plug-ins, então é muito mais provável que você tenha um código mais otimizado de um desenvolvedor profissional do que adicioná-lo você mesmo.

Bem, conveniência básica. Você se cansou desta versão do botão Voltar ao topo, desativou o plugin e instalou outro. Gostei, foi ótimo, não, ativaram rapidamente o verificado. Não faz sentido fazer barulho por causa de uma ninharia dessas; agora você precisa se lembrar em seis meses do que escreveu na função.

Não descreverei aqui o método de instalação usando código, se desejar, essas opções podem ser facilmente encontradas na Internet.

Vá até o plugin do botão superior

Este é provavelmente o plugin mais popular para adicionar um botão Voltar ao topo a um site atualmente. Uma espécie de clássico do gênero. Instala e configura de forma fácil e simples.

Vamos para Plug-ins – Adicionar novo, cole na caixa de pesquisa Role até o botão superior. Encontramos, instalamos, ativamos.

Na aba Aparência o item aparece Role até o botão superior, clique e veja as configurações deste plugin:

Existem apenas dois deles. Esquema de cores– escuro ou claro. Tamanho– grande ou pequeno.

Selecionamos os parâmetros necessários e admiramos como no canto inferior direito, após algum movimento para baixo, aparece a seta para cima. Transição suave e suave, em princípio, nada mais é necessário. O plugin é atualizado regularmente, então o código estará sempre atualizado e, a julgar pelos comentários, não terá nenhum efeito na velocidade do site.

Não vamos parar em um plugin, vamos ver o que mais podemos encontrar para o nosso botão Superior.

Plug-in de rolagem para o topo JCWP

Aqui se observa um quadro completamente diferente. Este plugin permite que você altere a aparência do nosso botão de acordo com seu gosto, cor e tamanho. Bem, primeiro as primeiras coisas.

Vamos para plug-ins - Adicionar novo, insira na pesquisa JCWP Rolar para o topo, encontre, instale, ative.

As configurações do plugin já podem ser encontradas em outra aba - Opções — JCWP Rolar para o topo:

Não coloquei todos os parâmetros ajustáveis ​​na imagem;

Quase tudo é personalizável.

• Duração da animação;
• Depois de quantos pixels a rolagem aparece;
• Você pode criar seu próprio identificador para o botão;
• Efeito para aparência de botão;
• Posição do botão;
• Texto no botão;
• Definir a cor de fundo, fonte, tamanho da letra, cor da moldura, arredondamento de cantos;
• Desativar para dispositivos móveis;

Estas são as configurações. Como você pode ver, não teremos uma imagem de botão pronta, ela será formada pelos estilos que especificarmos. Uma solução conveniente, adequada para quase todos os designs, com efeitos interessantes na aparência.

Plug-in de rolagem superior WPFront

Instalação padrão Plug-ins – Adicionar novo —WPFront Rolar para cima . Baixe, instale, ative.

Você pode encontrar as configurações do plugin na guia WPFront – Rolar para cima:

Aqui temos um verdadeiro Klondike para os fãs de botões gráficos. A escolha é realmente decente, para todos os gostos. Existem setas simples, com inscrições, transparentes, escuras e claras. Escolha o que você deseja.

• Você pode ajustar o número de pixels para que o botão apareça;
• Você pode criar seu próprio tamanho de botão;
• Você pode adicionar transparência ao botão;
• Configurações de suavidade para aparência dos botões e para mover para o topo;
• Você pode personalizar a aparência do botão para dispositivos móveis;
• Definir a localização e preenchimento do botão;
• Você pode definir o endereço para o qual o usuário irá após clicar no botão. Uma opção estranha, embora quem sabe talvez seja útil para alguém;

As imagens são muito legais. Existem os rígidos e os alegres, para todos os gostos.

Estes são os plug-ins que o ajudarão a criar facilmente um botão Voltar ao início necessário e útil em seu site. Boa sorte a todos!

Os plug-ins de botão superior do WordPress apresentados neste artigo criam um botão nas páginas do site que, quando clicado, rola suavemente a página até o topo. Todos os plugins possuem configurações. Nas configurações você pode alterar a cor, localização e estilo do botão. Todos os plug-ins de botão superior do WordPress funcionam em sites conectados a qualquer Javascript biblioteca.

Plug-in dinâmico “To Top”

Página oficial Plug-in dinâmico “To Top” ( https://wordpress.org/extend/plugins/dynamic-to-top/). O plugin coloca um botão “Voltar ao topo” no site. O plug-in está instalado. O idioma do plugin é o inglês.

As configurações dinâmicas do plugin “To Top” incluem:

• 4 posições do botão “Voltar ao Topo” no site;
• Configurações aparência(cor, sombra, borda);
• Seleção de velocidade ascendente;
• É possível desabilitar a versão mobile;
• Capacidade de adicionar texto a um botão.

Capturas de tela do plug-in dinâmico “To Top”

Plug-in Rolar para o topo

Página oficial do plugin Scroll To Top ( https://wordpress.org/extend/plugins/scrollto-top/). Plugin para colocar um botão “Voltar ao topo” em um site. padrão. Idioma Inglês.

Nas configurações

• 9 Posições do botão “Voltar ao Topo” no site;
• 4 estilos de botão;
• Capacidade de definir sua própria imagem para o botão;
• Substituindo um botão por um link de texto com configurações de cores.

Observação: Irmã do plugin Scroll To Top, o plugin do botão “Down” é chamado Rolar para baixo. Página oficial do plugin: https://wordpress.org/extend/plugins/scrollto-bottom.

Plug-in de aplicativo Skysa Scroll-to-Top

Página oficial do plugin Skysa Scroll-to-Top Add (https://wordpress.org/extend/plugins/skysa-scroll-to-top-app/). Plugin para instalação do painel Skysa na parte inferior das páginas do site. EM versão gratuita Apenas a seta “Top” com uma etiqueta personalizada está instalada no painel.

A versão gratuita do plugin praticamente não possui configurações. Apenas uma barra com uma seta e uma inscrição personalizada. Antes de comprar versões profissionais Eles dão um período de 15 dias para testes.

Capturas de tela do plugin Skysa Scroll-to-Top App

Adição

A solução mais simples para o botão voltar ao topo, não há solução mais simples

Se você NÃO precisa de botões “Voltar ao topo” bonitos e “sofisticados”, mas uma inscrição simples é suficiente, basta inserir o seguinte código em qualquer lugar do modelo do seu site (por exemplo, footer.php) onde deseja mostrar o “ Inscrição Voltar ao Início” ou qualquer entrada que seja compreensível para o usuário:

Topo ou qualquer outro texto

Todos! Você não precisa fazer mais nada.

Esta inscrição “Voltar ao topo” não entra em conflito com plug-ins; ela pode ser usada como; botão adicional"Lá em cima."

Outros plug-ins de botão voltar ao topo do WordPress

Para complementar as informações, irei fornecer uma lista com mais 5 plugins para implementação do botão “Voltar ao Topo” no site. O suporte e atualizações para plugins estão em constante mudança, por isso só podemos falar sobre eles na hora do uso.

• Role até o botão superior (https://ru.wordpress.org/plugins/scroll-to-top-button/)
• Rolagem suave para cima (https://ru.wordpress.org/plugins/smooth-scroll-up/)
• LB Voltar ao início (https://ru.wordpress.org/plugins/backtop/)
• Rolagem superior do WPFront (https://ru.wordpress.org/plugins/wpfront-scroll-top/)
• M7 vai para o topo (https://wordpress.org/plugins/m7-go-top/)

(Última atualização: 03.05.2019)

Olá a todos! Você tem isso em seu site? botão para cima WordPress para rolagem suave da página? Ainda não instalado. Não vamos adiar a instalação do botão mágico para mais tarde, pois o botão para cima do site é muito prático, principalmente para os visitantes. Está tudo bem sem ele, só me enfurece quando não está no site. Você tem que girar a roda para retornar ao topo da página. Ruim, muito ruim sem botão. Os webmasters precisam se preocupar mais com seus visitantes.

Botões para rolagem suave no WordPress

Senhoras e senhores, estejam mais atentos aos seus leitores, caso contrário vocês os perderão para sempre.

Hoje vou te apresentar os melhores plug-ins com os quais você pode instalar um botão Voltar ao topo (Scroll To Top) em seu site ou blog. selecionado com base no maior número de downloads de módulos por usuários da plataforma WP. Deixe-me lembrá-lo que todos os plugins podem ser instalados da maneira padrão, a partir do painel de administração, através da pesquisa e do carregador de plugins. Não há necessidade de baixar nada. Instalado, ativado, configurado e pronto.

Como criar um botão de up em um site. Plugins - Button Up para WordPress

Nós iremos primeiro simples Plug-in jQuery Rolagem Suave

Plug-in de rolagem suave jQuery

Este plugin adiciona automaticamente um botão para cima após instalar e ativar o módulo. O botão para cima aparecerá no canto inferior direito do site. Como se costuma dizer, configure e esqueça. O plugin já foi instalado mais de 50.700 vezes. E é assim que nosso botão se parece:

Botão para cima no site WP

Plugin leve Smooth Scroll Up - rolagem suave para cima

Plug-in leve e suave para rolar para cima

Smooth Scroll Up é um plugin leve que cria um recurso de rolagem para cima personalizável em seu site WordPress. O plugin Smooth Scroll Up possui configurações mínimas. Selecione de vários tipos Elementos de rolagem para cima - imagem, ícone, link de texto, etc.

Opções para configurar o plugin Smooth Scroll Up

O plugin está em russo, então você não terá problemas com as configurações do botão para cima.

Plug-in de rolagem superior WPFront

Adicionando um botão de rolagem para cima

O módulo WPFront Scroll Top permite ao visitante rolar facilmente de volta ao topo da página com opções e imagens totalmente personalizáveis. Este plugin possui mais configurações e, o mais importante, uma seleção muito grande de ícones (imagens) do próprio botão. Você também pode ficar sem foto:

Configurando o plugin WPFront Scroll Top

E as próprias imagens dos botões têm muito por onde escolher. Mesmo que nenhuma das imagens de botão acima seja adequada para você, você pode fornecer um link para a imagem do botão:

Seleção do botão para cima

Concordo, este é um conjunto bastante decente de imagens para um botão mágico. É verdade, o plugin é Inglês, mas o Google irá traduzir. E aqui está um exemplo de botão instalado no site:

Botão para cima

Rolar de volta ao topo do plugin - botão para cima

Plug-in Rolar de volta ao topo

O módulo Scroll Back To Top também possui uma série de configurações e opções de aparência do botão no topo:

Exemplo de botões para cima em um site

Provavelmente é tudo. Na minha opinião, existem plug-ins suficientes com os quais você pode instalar um botão em um site WordPress. A escolha é sua, queridos amigos. Espero que você goste desta revisão. Boa sorte e até mais.

O botão superior agora está presente em muitos sites e ajuda os usuários a retornar rapidamente ao topo da página. Isso é bastante conveniente se o site exibir muitas informações. Portanto, para não ter que rolar a página da web sempre para o início do artigo ou para o menu, os desenvolvedores aconselham adicionar um botão para cima. Geralmente está localizado no canto inferior direito e aparece conforme você se aproxima do final da página. A opção é bastante interessante e não tão difícil de implementar.

Você pode, em princípio, criar um botão na parte superior usando determinados scripts e editando o modelo do WordPress, mas há uma opção mais fácil - plug-ins. É ideal para quem tem preguiça de entender o código ou para quem tem pouco conhecimento em questões de desenvolvimento web. Além disso, os módulos possuem diferentes configurações para implementação de certos recursos interessantes. E isso, você vê, também é muito útil. Dos 10 plugins encontrados para a função Voltar ao topo, considerarei apenas 4 que possuem número suficiente de downloads e respondem versões atuais Sistemas WordPress.

Rolagem suave para cima

Um plugin leve e personalizável, Smooth Scroll Up permite adicionar um botão superior a qualquer postagem/página no WordPress. O módulo foi baixado mais de 40 mil vezes. As versões WP 3.2 a 4.1 são suportadas. A última atualização foi recentemente. Traduções disponíveis para idiomas diferentes(Russo e Ucraniano ainda não estão disponíveis).

Principais recursos do Smooth Scroll Up:

• Selecionando diferentes elementos para o botão para cima: texto, imagem, botão.
• Selecionando uma posição para o elemento Voltar ao topo: esquerda, direita, centro.
• Capacidade de especificar qualquer texto para o botão superior.
• Especifica a distância do topo da página após a qual o botão aparece.
• Animação ao rolar (rolar, escurecer).
• Mostrar/ocultar ativado página inicial e dispositivos móveis.
• Adicionando um evento de clique.

Aqui estão os parâmetros para o botão Voltar ao topo (cor, borda, plano de fundo, transparência) e a configuração da localização do elemento Voltar ao topo e o uso de imagens ou texto para ele, além de opções de animação ao rolar, etc. As versões suportadas do WordPress vão de 3.0 a 3.9.2, o módulo foi baixado mais de 18 mil vezes.

Desses quatro plug-ins para o botão voltar ao topo, aconselho você a escolher. A ordem deles na resenha não é uma classificação, ou seja, não significa que considerei os melhores no início ou no final do artigo, eles vão conforme vou conhecendo. Tudo depende basicamente das suas necessidades. Se você está longe do desenvolvimento e do WordPress, a maneira mais fácil é instalar o Smooth Scroll Up e esquecê-lo. Para quem quer mexer nas configurações, os dois últimos plugins são adequados. O primeiro é o mais novo em no momento. Em geral, há muito por onde escolher.