Precisa saber como integrar o Google Agenda ao seu site WordPress? Então, vamos dar uma olhada neste tutorial juntos.

Alguns de seus sites se beneficiariam de ter um calendário. Isto é especialmente verdadeiro se você coordena 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 autenticar se necessário. Se tudo correr bem, você deve ter a interface do calendário do Google.

Para dar um exemplo, usaremos calendários públicos disponíveis no Google Agenda. Para fazer isso, clique na alça na frente de outros calendários que está à esquerda da tela. No menu que aparece, escolha Navegue por calendários interessantes.

Na lista de calendários, escolher aquele que mais lhe convier, clicando no link registro 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

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

Tente reduzir a largura da janela do seu navegador para ter uma prévia de como o calendário é exibido em telas menores. Se, em algum momento, a exibição do calendário falhar, 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.

Adicionar CSS para fazer o calendário responsivo

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

Em qualquer caso, seja qual for a opção que você escolher, adicione este pequeno pedaço de CSS ao seu tema WordPress:

iframe {     max-width: 100%; }

Salve suas alterações, recarregue a página de seu artigo e verifique se desta vez a agenda é exibida normalmente nas telinhas.

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

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

Quando você tiver todos os calendários de que precisa, escolha um, qualquer um, clique em sua 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. Em seguida, você será presenteado com uma janela de personalização.

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

Aqui você pode modificar alguns aspectos visuais de sua agenda. Uma coisa importante a fazer é dar um título à sua coleção de calendários, caso contrário, ela terá o título do calendário atual.

No topo desta janela está 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

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

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

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

Como você pode ver, adicionar uma agenda do Google ao seu site não é muito complicado. É mais sobre como copiar o código do aplicativo Google Agenda e colá-lo em uma página ou artigo, é claro, com o editor em modo de texto.

Mas, se não ocupar uma página inteira com seus calendá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

Pages by User Role é um plugin do WordPress que permite adicionar controle de acesso a certos elementos do seu site (artigos, páginas, tipos de postagens personalizadas, etc.)

Este plugin pode permitir que você exclua uma página, um artigo, um tipo personalizado de postagem e outros. nos resultados da pesquisa e no diretório do blog. Isso permitirá que você oculte a página, categorias e outros itens de menu quando os usuários não estiverem logados.

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.

Download | Demo | hospedagem na web

2. Ultimate Affiliate Pro

Vamos começar com o plug-in WordPress Ultimate Affiliate Pro, que é facilmente um dos plug-ins mais robustos do programa de afiliados do WordPress, pois se integra aos plug-ins WooCommerce, Easy Digital Downloads, PayPal e Stripe.

Lá você encontrará todos os tipos de recursos úteis, como: bônus de desempenho e gerenciamento de banner, suporte para um número ilimitado de afiliados e ofertas especiais, classificações e níveis de comissão, referências e ações no redes sociais, suporte para múltiplos gateways de pagamento PayPal, Stripe e muitos mais.

Se tudo isso não foi impressionante o suficiente, você deve saber que ele também tem alguns modelos para página de login, inscrição, conta gratuita e se conecta com os principais provedores de email marketing como MailChimp, Constant Contato e muitos outros.

É um dos melhores plugins afiliados WooCommerce que você encontrará no Envato Market.

Download | 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.

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, da tipografia, dos formulários, das cores do texto e do plano de fundo, do 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.

Download | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

• Como reordenar postagens do WordPress
• Como encontrar o link para a página de login do WordPress
• Como encontrar os arquivos para editar um tema WordPress
• Como apresentar e compartilhar PDFs no WordPress?
• Como criar uma hierarquia com as páginas do WordPress e modelos

Conclusão

Aqui! É isso para este 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.

...