Otimização de SEO

Botão com Efeito/Animação Hover Líquido | Design de Botões Criativos (SEM ADDON)

   Código CSS para o efeito Hover Líquido do botão (fundo escuro): selector{ –text-hover-color: #000; } selector .elementor-button-wrapper{ position: relative; transition: 0.5s; } selector .elementor-button-wrapper a{ background: #fff; -webkit-mask: url(“https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png”); mask: url(“https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png”); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; -webkit-mask-position: 100% 0; mask-position: 100% 0; color: var(–text-hover-color); } selector.anim .elementor-button-wrapper a{ animation: anim2 0.7s steps(22) forwards; } selector.anim .elementor-button-wrapper a:hover { animation: anim1 0.7s steps(22) forwards; } selector .elementor-button-wrapper .before{ position: absolute; } @keyframes anim1 { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes anim2 { from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 100% 0; mask-position: 100% 0; } }   Código JS do Widget <html> para aplicar efeito ao botão: <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script> <script> var $ = jQuery $(document).ready(function(){ $(‘.liquid-button .elementor-button-wrapper’).each(function(){ var btnText = $(this).find(‘.elementor-button-text’).text().trim() $(this).children(‘span.before’).remove() $(this).prepend(‘<span class=”before elementor-button”>’ + btnText + ‘</span>’) }) $(‘.liquid-button’).hover(function(){ $(this).addClass(‘anim’) }) }) </script>   Código CSS para o efeito Hover Líquido do botão (fundo claro): selector{ –text-hover-color: #fff; } selector .elementor-button-wrapper{ position: relative; transition: 0.5s; } selector .elementor-button-wrapper a{ background: #fff; -webkit-mask: url(“https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png”); mask: url(“https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png”); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; -webkit-mask-position: 100% 0; mask-position: 100% 0; color: var(–text-hover-color); } selector.anim .elementor-button-wrapper a{ animation: anim2 0.7s steps(22) forwards; } selector.anim .elementor-button-wrapper a:hover { animation: anim1 0.7s steps(22) forwards; } selector .elementor-button-wrapper .before{ position: absolute; } @keyframes anim1 { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes anim2 { from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } selector .elementor-button-wrapper, selector .before, selector .elementor-button-text{ filter: invert(1); }    

Botão com Efeito/Animação Hover Líquido | Design de Botões Criativos (SEM ADDON) Read More »

WordPress é pra quem sabe programar?

Depende na verdade. Você consegue até desenvolver pequenos sistemas com o WordPress sem a necessidade de programar, ou se tratando de um site simples, se torna mais fácil a interação sem a necessidade de programar. Mas se você vai atender uma empresa que precisa de um site com e-commerce + automação de marketing + CRM integrados e não tem o plugin adequado, este é um caso que vai exigir de você uma pequena, média ou extensa programação, pois como mencionei, sempre vai depender do projeto em si. Então, a questão não é “saber ou não” programar, e sim “há ou não a necessidade de programar”. Mas na ausência de um plugin que faça o que o seu cliente deseja, é bom ter esse conhecimento para atender bem a sua demanda. Inclusive, a maioria dos programadores de PHP gostam de produzir plugins para o WP. Uma das grandes vantagens do WP, que é uma verdade, é que desenvolver um site com ele é muito mais rápido do que fazendo tudo na mão, e rapidamente o profissional termina o projeto e pode se dedicar a outros trabalhos. O WP, hoje, é a ferramenta que tem o melhor resultado de indexação no Google. Com ele, o desenvolvedor trabalha de maneira mais rápida e eficiente. Sem falar que existem diversos plugins para SEO (Search Engine Optimization) que acompanham as atualizações constantes do buscador. Vale lembrar que um site bonito que ninguém acessa deixa a desejar no rankeamento dos motores de busca. Na hora de alcançar um bom posicionamento, o SEO é um diferencial muito relevante. (fonte hostnet)  

WordPress é pra quem sabe programar? Read More »

Qual a diferença entre o WordPress.com e WordPress.org?

Seja o .com ou o .org têm suas vantagens e desvantagens, e cada uma delas são voltadas a perfis de usuários distintos. Vamos aos detalhes. WordPress.com O WordPress.com é praticamente a versão gratuita da plataforma, ou seja, para quem está começando a utilizar ferramentas de blogs e deseja ganhar experiência e familiaridade antes de partir para uma solução profissional/paga, ou também para quem não deseja gastar nada em um site/blog. Sua principal vantagem é basicamente a única: você pode criar um ou mais blogs, sem pagar nada por isso, e ainda é possível utilizar algumas ferramentas dedicadas e também implementar temas para deixar seu blog com uma aparência minimamente personalizada, ou seja, nada muito além disso. Já as desvantagens são muitas: você não poderá usar um domínio personalizado (será sempre nomedoseublog.wordpress.com), não poderá publicar seus anúncios (converter o valor para si), a menos que atinja um limite mínimo de 25 mil visitas mensais, e além disso o WordPress.com obrigatoriamente exibe anúncios de terceiros em seus blogs. Não há probabilidade de utilizar plugins, nem personalizar os temas (que poderão ser removidos sem aviso), e por fim, seu blog pode ser deletado a qualquer momento, se o WordPress considerar que você violou algum de seus termos de serviço na plataforma. WordPress.org Já o WordPress.org é administrado por uma outra instituição, e esta é a versão profissional da plataforma. A ferramenta é uma das mais versáteis de sua categoria, e é utilizada por uma série de pessoas e empresas das mais diversas áreas e segmentos no mundo inteiro. Com ele, é possível criar desde sites como o meu “reinaldolapola.com.br” e o da RL Soluções Criativas “rlsolucoescriativas.com.br”, até portfólios, que são essenciais para profissionais criativos, sites de negócios, também essenciais para divulgação de empreendimentos e etc, e lojas virtuais, com suporte a certificados e plugins necessários para operações de e-commerce dos mais variados tipos. Entre as muitas vantagens do WordPress.org, destacam-se sua grande capacidade de personalização, permitindo a implementação de plugins e suportando a alteração do visual a gosto do usuário, possibilitando também a personalização de código. O WordPress.org oferece diversos tipos de ferramentas de análise e rastreamento profissionais, permite a total monetização de seu negócio sem limites ou empecilhos, e em tese, também é “gratuito“, neste caso o gasto que você terá, será apenas o de registrar seu domínio personalizado e hospedar o seu conteúdo. Entre as desvantagens está o fato de que o WordPress.org exige a contratação de um serviço de hospedagem, ou seja, que habilitará o uso de um domínio próprio e personalizado, e claro, há um custo envolvido, podendo ser mensal, anual e por aí vai, dependendo da empresa a ser contratada, que aumentará conforme a capacidade do site. O usuário fica também responsável por todos os aspectos referentes à atualização do WordPress, ao bloqueio de spam, e às mensagens dos usuários nos comentários, que dependendo do conteúdo, podem gerar implicações legais.   Sendo assim, qual o melhor, WordPress.com ou WordPress.org? Depende de cada caso de uso. Embora o WordPress.com seja bem limitado, ele pode ser uma boa opção para quem está começando com blogs, e deseja adquirir experiência antes de partir para um projeto mais profissional. Já o WordPress.org, embora exija a contratação de um serviço de hospedagem, pode ser mantido no ar com planos acessíveis de mensalidades, que não costumam ser muito caras.De qualquer forma, o usuário deve ter em mente que o WordPress.com é absurdamente limitado, e para qualquer atividade que exija uma mínima especialização, ou recursos especiais, ele terá que recorrer ao WordPress.org, que é muito mais completo e versátil. No fim das contas, a principal diferença entre o WordPress.com e o WordPress.org é a quantidade de recursos que cada um oferece.

Qual a diferença entre o WordPress.com e WordPress.org? Read More »