Ir para o conteúdo principal

Como integrar um calendário do Google ao seu site WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Alguns de seus sites se beneficiariam de ter um calendário. Isto é especialmente verdade se você coordenar a atividade de uma equipe ou comunidade ou se você gerenciar um site de eventos.

Assim, seus visitantes ou usuários podem ver o que há de novo ou a ser feito, talvez por quem, mas especialmente quando.

Neste artigo, mostrarei como integrar um Google Agenda responsivo ao seu site WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog

Então, voltemos ao porquê de estarmos aqui.

Ir para um calendário do Google

Se você já possui calendários do Google, torne-os públicos e pule esta etapa. Caso contrário, no seu navegador, visite Google Calendars e autentique se necessário. Se tudo correr bem, você deve ter a interface do Google Agenda.

google-calendário de interface

Para dar o exemplo, usaremos agendas públicas disponíveis no Google Agenda. Para isso, clique na alça na frente de outros calendários que fica à esquerda da sua tela. No menu exibido, escolha Navegue por calendários interessantes.

Na lista de calendários, escolher aquele que mais lhe convier, clicando no link registrar que está localizado em frente. Para este artigo eu escolhi Feriados na França. Você deverá ver o que você selecionou abaixo outros calendários.

Incorporar o seu Calendário Google em uma página ou item

Clique na alça na frente de Feriado na França (Ou sua agenda pública) e escolha Configurações da agenda. Na seção Integrar este calendário, copie o código HTML contido na caixa de texto e cole-o no seu editor WYSIWYG, que você inseriu anteriormente no modo de texto.

Descubra pela maneira como nossa seleção de editores de código 10 para desenvolvedores do WordPress

Code-inlay-calendário

Salve seu artigo e visualize-o. A exibição do calendário no seu site dependerá muito do seu tema WordPress. Se for totalmente responsivo, não deverá ter problemas de exibição.

Tente limitar a largura da janela do navegador para visualizar como o calendário aparece em telas menores. Se em algum momento a exibição do calendário for interrompida, significa que você precisará adicionar uma pequena linha de CSS ao seu tema WordPress.

Vá além descobrindo Como adicionar um CSS personalizado para seu blog WordPress

Não se assuste, não é nada complicado.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Adicionar CSS para fazer o calendário responsivo

Para modificar o tema do WordPress, especialmente se você não for o autor, a atualização deste deve ser feita em um tema criança ou um plug-in do WordPress que permite adicionar CSS personalizado.

De qualquer forma, qualquer que seja a opção escolhida, adicione ao seu tema WordPress este pequeno pedaço de CSS:

iframe {     max-width: 100%; }

Salve suas alterações, recarregue a página do seu artigo e verifique se desta vez o calendário normalmente é exibido em telas pequenas.

Incorporar vários calendários em um post ou página

Para começar, assine outras agendas públicas, como fizemos acima (Outras agendas> Procurar agendas interessantes) ou crie seus próprios calendários e torne-os públicos.

Quando você tiver todos os calendários necessários, escolha um, qualquer um, clique na alça e escolha Configurações da agenda. Desta vez, na seção integrar esta agenda, clique no link Personalize cor, tamanho e outras opções. Você será apresentado a uma janela de personalização.

Vá além com o noções básicas de personalização de um site WordPress

Aqui você poderá modificar alguns aspectos visuais da sua agenda. Uma coisa importante a ser feita é atribuir um título à sua coleção de calendários, caso contrário, ele conterá o do calendário atual.

Múltiplo agenda personalizada

No topo desta janela, há uma caixa de texto com um botão Atualizar código HTML. Use-o para visualizar seu calendário.

Também recomendamos que você verifique nosso Plugins WordPress 10 premium perfeitos para integrar um calendário ao seu site

Use este botão também tem o efeito de atualizar o código HTML na caixa de texto. Quando você estiver satisfeito com suas alterações, é esse código que você copiará em seu artigo. Salve e recarregue a página.

Descubra também Como colocar seu site WordPress no modo Manutenção

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Como você já inseriu o código CSS anteriormente, o calendário se comportará perfeitamente em todas as telas.

Como você deve ter notado, adicionar um calendário do Google ao seu site não é muito complicado. É mais sobre copiar código do aplicativo Google Agenda e colá-lo em uma página ou artigo, é claro, com o editor de texto.

Mas, ao não ocupar uma página inteira com seus diários, você também pode adicionar um Google widgets de calendário Calendário.

Descubra também alguns plugins premium do WordPress

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Páginas por função do usuário

A função Pages by User é um plugin do WordPress que permite adicionar controle de acesso a certos elementos do seu site (artigos, páginas, tipos de publicações personalizadas, etc ...)

Páginas por função do usuário para WordPress

Este plug-in pode remover uma página, um artigo, um tipo personalizado de publicação e outros. nos resultados da pesquisa e no diretório do blog. Isso ocultará a página, as categorias e outros itens de menu quando os usuários não estiverem conectados.

Você também pode definir um redirecionamento de URL específico para usuários que não possuem a função de usuário necessária.

Descarregar | Demo | hospedagem na web

Vamos começar com o plugin WordPress Ultimate Affiliate Pro, que é facilmente um dos plugins WordPress mais robustos do programa para afiliados, pois ele se integra aos plugins WooCommerce, Easy Digital Downloads, PayPal e Stripe.

Ultimate Affiliate Pro Plugin WordPress

Você encontrará todos os tipos de recursos úteis, como: bônus de desempenho e gerenciamento de banners, suporte para afiliados ilimitados e ofertas especiais, classificações e níveis de comissão, referências e compartilhamentos redes sociais, suporte para vários gateways de pagamento do PayPal, Stripe e muito mais.

Se tudo isso não foi impressionante o suficiente, você deve saber que ele também incorpora alguns modelos de login, registro, modelo de conta gratuito e se conecta com os melhores provedores de email marketing, como MailChimp, Constant Contato e muitos outros.

Este é um dos melhores plugins de afiliados WooCommerce que você encontrará no Envato Market.

Descarregar | Demo | hospedagem na web

3. Material

O Material Admin é um dos plugins WordPress mais avançados e elegantes do mercado para personalizar o painel do WordPress.

Tema de administração WordPress de etiqueta branca de material

Este plug-in do WordPress vem com temas elegantes do 100 e permite que você crie seu próprio tema. Você poderá controlar a aparência completa do menu do painel, da barra superior, dos botões, tipografia, formulários, cores de texto e plano de fundo, logotipo etc.

O Administrador de materiais também possui mais de 20 Widgets de painel de instrumentos personalizado para o seu site e exibe estatísticas para os visitantes.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados que o acompanharão na criação e gerenciamento de seu site.

Conclusão

Aqui! É isso neste tutorial dedicado a integrar um calendário do Google ao seu site WordPress. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
15 ações
ação10
chilrear2
Enregistrer3