OceanWP: o tema WordPress personalizável nº 1

Oceanwp Wordpress theme Imagem do blog
  • Post author:
  • Reading time:28 mins read
  • Post category:Temas Wordpress

O tema OceanWP oferece muitos recursos prontos para uso. Mas suas características também podem ser melhoradas por uma infinidade de extensões gratuitas ou pagas. Não é surpresa, então, que o tema OceanWP tenha se tornado extremamente popular, com mais de 700.000 instalações ativas. Ele também obteve uma pontuação de 4,9/5 no site WordPress.org, por mais de 5.000 avaliações.

Exemplos de demonstrações do OceanWp
OceanWP Demos

Graças ao tema OceanWP, pode-se, sem dúvida, construir um site com aparência profissional. Mas para isso você terá que usar o pacote pago (chamado Core Extension Bundle by OceanWP) para ter todos os modelos e todos os plugins. Também é possível comprar as extensões uma a uma, mas isso não parece muito interessante considerando a baixa diferença de preço se compararmos com o pacote completo.

Exemplos de demonstrações do OceanWp
OceanWP Demos

Há um total de 225 templates (15 gratuitos) e 20 extensões (dos quais 7 são gratuitas).

OceanWP Cloudways
OceanWP Demos

A maioria foi projetada para um propósito específico, como uma loja online ou um site de pequena empresa. Dito isto, todos os modelos podem ser usados ​​para todos os tipos de sites: com OceanWP você pode não apenas alterar cores e fontes, mas também a estrutura geral do seu site.

Exemplos de demonstrações do OceanWp

Os templates (chamados demos pela OceanWP) são divididos em várias categorias: Beleza, Blog, Fotografia, Tecnologia, Bares, Saúde, Restaurantes, Mediação, Coaching, Religião, Portfólio, Negócios, Ecommerce, Serviços, Moda, Esportes, Arte & Design, Meditação…

Exemplos de demonstrações do OceanWp
OceanWP Demos

A integração do WooCommerce é excelente, com muitas mudanças integradas diretamente no seu site WordPress por meio de um pop-up e uma barra flutuante de carrinho de compras. Há também um modo de visualização rápida que permite ao cliente visualizar um produto sem precisar sair da página atual.

Exemplos de demonstrações do OceanWp
OceanWP Demos

Ainda em termos de compatibilidade, o tema OceanWP funciona perfeitamente com os menus e recursos do WPML, o plugin que permite tornar seu site WordPress multilíngue (66 idiomas).

Plugin multilíngue do WPML WordPress - banner
Plugin WordPress WPML

A vantagem do Premium Pack sobre o pacote gratuito é que ele dá acesso a 12 meses de suporte e atualizações, incluindo novos modelos e novas extensões para aparecer no catálogo OceanWP.

Se você quiser conferir alguns modelos de amostra do OceanWP, eles podem ser vistos aqui sem precisar instalá-los.

Em relação aos planos disponíveis, existem três planos de licença. Estes dão-lhe acesso ao mesmo conteúdo, com a diferença no número de sites que podem ser criados: um único site para o plano “Personal“, 3 sites para o plano “Business“, 25 sites para o plano “Agency“. Cada plano pode ser anual ou vitalício.

Instalando um modelo e suas extensões

O tema OceanWP estará disponível para download no WordPress.org ou diretamente na página Temas na seção Aparência do WordPress.

Depois de ativar o OceanWP, você verá uma mensagem recomendando a instalação de três plugins do WordPress: Ocean Extra, Elementor e WP Forms. Na verdade, o Ocean extra é essencial, caso contrário, os recursos essenciais do tema, como, por exemplo, o painel de controle do OceanWP, não serão exibidos se o Ocean Extra não estiver ativado.

Assim que o Ocean Extra for ativado, o menu do painel de temas do OceanWP será exibido no seu menu de administração.

painel de tema oceanwp
Painel de Tema OceanWP

Em seguida, o OceanWP aconselha o usuário a iniciar o assistente de instalação e instalar as extensões necessárias para o modelo escolhido.

Na próxima página, você pode personalizar as configurações essenciais do seu site, como logotipo, título do site e slogan. Esta página também permite que você selecione as cores padrão para o design e os links do seu site.

Também é possível importar demos em um clique graças à parceria da OceanWP com a Cloudways.

Personalizar o OceanWP

Na página principal do painel de temas, você pode ativar e desativar seções do OceanWP Theme Customizer.

painel de tema oceanwp
Painel de Tema OceanWP

Abaixo, você encontrará links para configurações importantes do personalizador, como carregar seu logotipo e alterar seu cabeçalho ou rodapé.

O assistente de configuração também pode ser iniciado novamente nesta página.

Novas abas e opções

No menu principal do WordPress podemos ver que apareceram quatro abas: o menu “Slider de postagens “, o menu “Elementor “se você ainda não tem essa extensão, o menu”Aparência “(que será a mais fornecida em opções) e por fim o menu”ThemePanel “.

Todas as configurações de tema podem ser exportadas para um arquivo “.dat”, o que é útil se você deseja fazer backup de suas configurações, o que pode ser útil antes de instalar outro tema ou extensão.

Você pode desativar certas partes do seu site, como cabeçalho, rodapé e barras laterais. Você também pode alterar o estilo do cabeçalho.

Os códigos de acesso podem ser adicionados antes e depois de partes importantes de suas páginas, e você pode alterar o logotipo e o menu de navegação usados.

Os títulos podem ser completamente alterados. Você pode alterar o título, subtítulo e estilo do título. Você também pode desativá-los completamente.

Na página de scripts e estilos, você pode ativar e desativar dezenas de elementos JavaScript e CSS. Desativar elementos que você não usa ajudará a reduzir o tamanho geral de suas páginas, o que, por sua vez, acelera o tempo de carregamento da página.

painel de tema oceanwp
Scripts e estilos do OceanWP

Esclarecimento importante: qualquer modificação feita a partir do menu “Aparência” pode ser visualizada em tempo real, o que torna a configuração de páginas muito mais agradável do que fechar menus antes de descobrir o resultado.

Personalização do tema OceanWP
Personalização do tema OceanWP

Mas onde você realmente percebe que as possibilidades de personalização deste tema OceanWP são quase infinitas, é quando você vê que as páginas podem, além disso, ser personalizadas de forma independente para computadores desktop, tablets e smartphones! Não é uma simples consulta ou verificação da aparência do site de acordo com o tamanho das telas. Ser capaz de fazer configurações independentes em diferentes tipos de dispositivos torna o OceanWP muito poderoso e permite que você se beneficie de um excelente SEO aos olhos do Google.

O tema OceanWP é responsivo
O tema OceanWP é responsivo

Neste menu “Aparência“, a seção “Opções Gerais” contém 9 submenus e é aqui que você encontra a maioria dos parâmetros básicos para ajustar a aparência do seu site WordPress.

Opções gerais do tema oceanwp
Opções gerais do tema oceanwp

Você pode modificar facilmente:

  1. o estilo do design do seu site (estilo e cores do cabeçalho, cor de fundo ou imagem, cor do link),
  2. o estilo de layout (guia “Configurações gerais“), com opções específicas para a página de pesquisa,
  3. as opções relativas ao título das páginas (visibilidade, tag, estilo, margem interna, cores do texto e de fundo) bem como a trilha de navegação (separador, taxonomia, etc.),
  4. opções de rolagem (estilo, posição, cores),
  5. opções de paginação (alinhamento, fonte, borda, cores),
  6. configurações de formulário (estilos de borda, cores, fontes, etc.),
  7. estilos de botão (margem, borda, cores …),
  8. definir um modelo de página de erro 404 ou seu layout,
  9. os ícones (escolha entre “Ícones de linha simples” e “Ícones de fonte impressionantes”),
  10. algumas configurações relacionadas a SEO (imagens),
  11. Configurações de CSS para acelerar a velocidade de exibição de suas páginas.

A seção “Tipografia” pode ser editada para cada elemento do seu site, incluindo títulos de blog de forma independente.

A seção “cabeçalho” também é fornecida: cores, tamanho, margens e outras opções para seu cabeçalho podem ser alteradas facilmente. Imagens grandes e banners de vídeo podem ser carregados para aparecer no cabeçalho.

Por fim, a seção “rodapé” permite, entre outras opções, definir sua própria mensagem de direitos autorais.

Extensões oferecidas pelo OceanWP

Complementos do OceanWP
Complementos do OceanWP

As extensões gratuitas são: Stick Anything, Modal Window, Posts Slider, Demo import, Custom Sidebar, Product Sharing, Social Sharing, e outros mais importantes, Ocean Extra. Todas essas extensões podem ser baixadas do site wordpress.org ou diretamente da sua área de administração do WordPress.

As extensões são premium: Full Screen, Cookie Notice, Popup Login, White Label, Portfolio, Woo Popup, Sticky Footer, Ocean Hooks, Elementor Widgets, Side Panel, Sticky Header e Footer Callout.

Plug-ins gratuitos do OceanWP

  • Stick Anything é um plugin simples que permite colar um elemento CSS específico em sua página. Pode ser usado para logotipos, formulários…

  • Modal Window pode ser usado para adicionar conteúdo a uma janela modal e exibir o botão onde você quiser.

  • Posts Slider permite que você exiba suas postagens de blog como belos slides. Você tem controle total sobre o tamanho das miniaturas usadas, o número de slides e sua velocidade. Você também pode limitar os slides a artigos de uma única categoria ou, ao contrário, escolher a opção “aleatório”.

  • Demo Import permite a importação de demos, widgets e configurações personalizadas de usuário com um clique. Bastante útil para economizar tempo.

  • As barras laterais podem ser criadas em números ilimitados e totalmente personalizadas graças à extensão Custom Sidebar.

  • O plugin Product Sharing permite que os usuários do WooCommerce exibam botões de compartilhamento de mídia social abaixo dos produtos.

  • Se você deseja adicionar botões de compartilhamento abaixo das postagens do blog, use a extensão Social Sharing. O plugin suporta vários serviços de mídia social, incluindo Twitter, Facebook, LinkedIn, Pinterest, além de Telegram e Vkontakte, entre outros.

  • E finalmente Ocean Extra, que já vimos: essa extensão é necessária para o painel de temas, scripts e estilos, e muito mais.

Plugins Premium do OceanWP

  • A extensão Full Screen permite que você crie um site de rolagem em tela cheia. Você pode ajustar a velocidade de rolagem, adicionar barra de navegação lateral e ajustar a cor da navegação para ajudá-lo a exibir o conteúdo desejado. Você deve ativar o Elementor para usar esta extensão.

  • A extensão Cookie Notice permite que os visitantes exibam o aviso de que o site usa cookies, a fim de cumprir a legislação europeia sobre cookies e o regulamento GDPR. O conteúdo e o botão são totalmente personalizáveis ​​e há dois estilos de mensagem para escolher.

  • A extensão Popup Login permite criar um formulário para criação de conta e login para usuários do site, além de redefinir a senha. Você pode configurar a imagem de fundo, conteúdo, títulos, descrição e estilo do seu formulário.

  • A extensão White Label permite substituir a marca OceanWP por sua própria marca, uma opção útil para desenvolvedores freelance e agências da web. Também é possível adicionar sua própria descrição, sua própria imagem, bem como o nome e a URL do autor.

  • A extensão Portfolio será particularmente bem-vinda para todos aqueles que desejam personalizar ao máximo a exibição de fotos em seu site de apresentação. Também é possível configurar as margens, o preenchimento, as cores, a tipografia.

  • A extensão Woo Popup exibirá uma mensagem para os compradores quando eles clicarem para comprar um item e informará que o produto foi adicionado ao carrinho. Você pode configurar seus próprios textos, bem como as dimensões, preenchimento e bordas de sua mensagem.

  • A extensão Sticky Footer permitirá que você exiba e configure o menu, o texto e as cores do seu rodapé. Você também pode optar por não exibir este rodapé apenas em computadores desktop e não em telas de tablets ou smartphones.

  • A extensão Ocean Hooks permitirá que você exiba conteúdo personalizado nas diferentes áreas de um site sem ter que usar um tema filho, graças a shortcodes simples e códigos PHP. Dessa forma, você pode diferenciar seu conteúdo de acordo com o fato de os visitantes estarem conectados ou não ao seu site. Esses códigos podem ser adicionados em uma página, em uma postagem de blog ou em uma taxonomia.

  • A extensão Elementor Widgets permitirá configurar o layout do site, além da conhecida extensão Elementor. Você terá acesso a uma lista impressionante de Widgets muito úteis: botões, WooCommerce, gerenciamento de senhas, Google Maps, animações, títulos, links, formulários, barras de navegação, …

  • A extensão Side Panel adicionará um painel lateral. Este painel é responsivo: não será exibido em tablets ou smartphones, dependendo das configurações que você definiu. O painel é totalmente personalizável: é possível definir os widgets que farão parte dele, o lado onde será exibido, sua largura, as cores,…

  • A extensão Sticky Header será usada para manter o cabeçalho fixo na parte superior da página, permitindo determinar a altura do cabeçalho e configurações específicas para tablets e smartphones. Ainda é possível adicionar um elemento entre o topo da página e o cabeçalho fixo.

  • A última extensão do catálogo OceanWP, Footer Callout, será usada para exibir uma barra específica acima do rodapé, que pode ser ativada ou desativada dependendo das páginas desejadas.

Concluindo, OceanWP é um tema muito interessante devido ao número de demos disponíveis, suas possibilidades de personalização, sua confiabilidade e sua velocidade de exibição. Este também é o que usei para meu próprio site, na categoria Blog: o modelo Tech.

Exemplos de demonstrações do OceanWp
OceanWP Demos

Você pode consultar este artigo sobre as demos mais recentes, bem como a parceria com a Cloudways para instalar suas demos em 1 clique.

Exemplos de demonstrações do OceanWp
OceanWP Demos

This publication is also available in : English Français Español Italiano Deutsch Svenska Ελληνικά Türkçe

Deixe um comentário