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 seu artigo e visualize-o. A exibição da agenda em seu site dependerá fortemente de sua tema WordPress. Se for totalmente responsivo, não deverá ter problemas de exibição.
Tente reduzir a largura da janela do navegador para ver a aparência do calendário em telas menores. Se a qualquer momento a exibição do calendário for interrompida, isso 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 mudar o seu tema WordPress, principalmente se você não for o autor, a atualização deverá ser feita de forma tema criança ou WordPress Plugin 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 10 WordPress plugins premium perfeito 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 outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio 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
Páginas por função de usuário é um WordPress Plugin que permite adicionar controle de acesso em determinados elementos do seu site (postagens, páginas, tipos de postagem personalizados, 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.
Descarregar | Demo | hospedagem na web
2. Ultimate Affiliate Pro
Vamos começar com o WordPress Plugin Ultimate Affiliate Pro, que é facilmente um dos WordPress plugins programa de afiliados mais robusto, pois se integra aos plugins 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.
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.
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.
Descarregar | 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.
...
