Autor: Neil Lock

  • O Que Colocar na Parte Superior da Sua Página Inicial – Dicas Para Conteúdo “Above the Fold”

    Tips-For-“Above-the-Fold”-ContentWhat you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.

    This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.

    Antes de mergulhar direto no assunto, é bom saber primeiro como se chama a parte superior da sua página inicial. Há um nome melhor para ela do que a parte-superior-do-seu-site.

    file000153814713_

    “Acima da dobra”

    É chamada de “acima da dobra”. Por quê? Porque, antigamente, quando a humanidade tinha essas coisas chamadas jornais, eles geralmente eram dobrados ao meio para que apenas a parte superior ficasse visível imediatamente. Essa parte superior ou porção “acima da dobra” continha a(s) manchete(s) mais importante(s) do dia; então, ao desdobrá-lo, você via o restante das manchetes menos importantes. De maneira semelhante nos sites, a parte superior do seu site é a primeira coisa que as pessoas veem; depois, quando você rola a página para baixo, vê o restante do site, algo semelhante a desdobrar um jornal.

    Continuando com o exemplo do jornal, digamos que você esteja andando pela rua e veja um jornaleiro. Ao ver o jornal, se a manchete for interessante, você pode acabar comprando o jornal para ler o restante. Isso é essencialmente o mesmo com sites: se os visitantes passarem pelo seu site e acharem o conteúdo acima da dobra interessante, eles podem se interessar e rolar a página ou ver o restante do seu site para saber mais.

    A pesquisa da Nielsen

    Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters

    The average difference in how users treat info above vs. below the fold is 84%.

    If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.

    Isso faz sentido, já que a área superior de um site é a primeira coisa que você vê.

    Então, sabendo como o conteúdo acima da dobra da sua página inicial é importante, o que você deveria colocar no topo do seu site?

    Vá direto ao ponto

    Mostre logo de início do que se trata o seu site. A sua página inicial e a área acima da dobra são o coração de todo o seu site. Se os seus visitantes se sentirem perdidos, eles rapidamente irão embora e fecharão a aba. Se você é um autor de livro estreante, escreva que é um e destaque seu livro mais recente. Se você for um organizador de casamentos, escreva que é um organizador de casamentos que proporcionará ao seu visitante o casamento mais memorável que ele já teve. Ou, se estiver criando um site para a sua pequena pousada, escreva que você é a melhor pousada da cidade. (Usarei mais esses exemplos abaixo.)

    Os seus visitantes não deveriam ter que adivinhar do que se trata o site. Eles devem entender isso de imediato; só então rolarão a página para ver mais detalhes.

    Engaje seus visitantes de forma intencional

    Em seguida, você precisa pensar sobre o verdadeiro propósito do seu site. Qual é o motivo para criar o seu site, antes de mais nada? Seja qual for o motivo, você também precisa colocar isso acima da dobra.

    Vamos pegar os alguns exemplos que mencionei acima. Para um autor de livro estreante, você provavelmente desejará mais visibilidade. Se você tiver um e-book gratuito, poderá colocar um botão para os visitantes baixarem. Para o organizador de casamentos, você vai querer que as pessoas entrem em contato sobre seus serviços; coloque seu número de telefone ou um formulário de contato. Ou, para a pequena pousada, coloque um formulário de reserva junto com seu número de telefone.

    No caso do Page Builder Sandwich, quero que as pessoas conheçam melhor o plugin e, eventualmente, se tornem clientes. Por isso, tenho um botão que permite aos visitantes testar a demonstração na hora e outro botão para comprar o plugin.

    Criando o design acima da dobra

    Agora que sabemos o que colocar, é hora de decidir sobre o design. Pessoalmente, prefiro conteúdo limpo e dividido em seções, daí o fundo sólido na nossa página inicial. Mas também é uma boa ideia acompanhar seu conteúdo acima da dobra com uma imagem ou vídeo para deixá-lo mais dinâmico.

    Screen-Shot-2016-01-29-at-12.11.19-AM_Here’re a few examples of what you can do about your front page.

    Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.

    Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.

    Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.

    Conclusão

    Criar o conteúdo acima da dobra para a sua página inicial não é difícil, mas exige reflexão e testes para acertar. Se você já tem um site e está estabelecido nele, mas tem uma alta taxa de rejeição no seu Google Analytics, incentivo você a tentar repensar seu conteúdo acima da dobra com as dicas acima.

    If you have tips on creating above the fold content, kindly share them in the comments!


    Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content

    Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.

    Saiba Mais Sobre o Page Builder Sandwich

  • Como criar um site do zero por menos de US$ 100

    How-to-Create-a-Website-from-Scratch-for-Under-$100

    Se você quer criar um site do zero, mas tem pouco orçamento e absolutamente nenhum conhecimento técnico, este breve guia é para você.

    Este artigo foi pensado para iniciantes absolutos que apenas querem criar um site sem todos os termos técnicos e complicações. Portanto, se você é proprietário de uma startup e quer apenas um site para o seu escritório exibir aos clientes, ou um apaixonado por gastronomia que deseja publicar avaliações de restaurantes online, ou alguém que prefere fazer tudo por conta própria e só precisa de um site, continue lendo! Vou evitar ao máximo o jargão técnico para manter tudo o mais simples possível.

    Vamos listar o que teremos em mãos quando terminarmos. Ao final deste artigo, você terá:

    1. Your own website that people can visit at http://supermegaawesomewebsite.com,
    2. Optionally have your own email address at [email protected],
    3. A certain zen-like state of mind.

    Do Que Você Precisa

    Certo, antes de começarmos com os passos práticos, vamos precisar do seguinte:

    1. Uma ideia do que será o seu site,
    2. Um cartão de crédito ou uma conta do PayPal com $100 dólares de saldo/limite, e
    3. Um refrigerante ou um copo d’água caso sinta sede; é sempre bom se manter hidratado.

    O Que É um Site?

    Antes de fazermos qualquer coisa, é importante saber o que realmente estamos criando primeiro. Sim, estamos criando o seu próprio site, mas o que ele é de verdade?

    In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.

    Sorta techy terms:

    • bunch of files = web pages
    • special computer = web server
    • special web address = domain name or URL

    As palavras em negrito no parágrafo anterior são as coisas que precisamos obter. Para a nossa sorte, existe um lugar onde podemos conseguir tudo isso de uma só vez.

    Conseguindo um Lugar na Web

    Eu recomendo contratar o Plano Básico de Hospedagem Gerenciada WordPress da GoDaddy. Este plano nos dá tudo o que precisamos para criar nosso site imediatamente com o mínimo de complicações. A melhor parte é que não precisamos nos preocupar com os detalhes técnicos de configurar tudo.

    Se você está se perguntando o que é um plano de “Hospedagem Gerenciada WordPress”, vou explicar detalhadamente:

    • Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
    • WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
    • Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.

    When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

    Como um bônus adicional, você também pode obter endereços de e-mail ao contratar o Plano Básico. O primeiro ano é gratuito, então é uma escolha óbvia se você vai usar o e-mail para conversar com clientes e outras pessoas.

    Confira o link abaixo para mais detalhes sobre os planos deles (e não, eles não estão me pagando para recomendá-los):

    Confira os planos de hospedagem WordPress gerenciada da GoDaddy

    Preencha todos os dados, encontre o nome de domínio que você deseja (você não precisa usar supermegaawesomewebsite.com), prossiga para a finalização da compra e pague por ele.

    I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

    Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

    Total Cost so far: $12.18 – $59.88

    Parabéns, Agora Você Tem um Site em WordPress!

    Depois de ter adquirido a sua hospedagem na GoDaddy, seu site já deve estar funcionando perfeitamente. Você pode começar a acessar o seu domínio http://supermegaawesomewebsite.com e visualizar o seu site.

    A impressão inicial do seu site é que ele pode parecer… vazio… e isso é normal. Não se preocupe, vamos resolver isso!

    Acessando Seu Site

    Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

    A GoDaddy possui seu próprio sistema de “Configuração Rápida” para ajudar iniciantes a personalizarem seus sites. Recomendo passar por esse processo de configuração se você não estiver familiarizado com o funcionamento do WordPress.

    Aprendendo WordPress

    Agora é hora de se familiarizar com o WordPress. Como mencionei anteriormente, o WordPress é a plataforma que você está usando agora para publicar seu conteúdo. Em outras palavras: você faz login no seu site, cria páginas e posts no blog e literalmente clica no botão publicar.

    O próximo passo agora é aprender a usar o WordPress. Se você nunca usou o WordPress antes, o painel pode causar uma sobrecarga de informações ao vê-lo pela primeira vez. Recomendo que explore as diferentes áreas no seu próprio ritmo.

    If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

    They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

    Confira os tutoriais em vídeo do WP101

    Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

    Total Cost so far: $27.18 – $74.88

    Deixando Seu Site Bonito

    The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

    There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

    Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

    There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

    If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

    Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

    Total Cost so far: $27.18 – $144.88

    Adicionando Mais Funcionalidades ao Seu Site

    As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

    As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

    For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

    Plugin Cost: $0

    Total Cost so far: $27.18 – $144.88

    Conclusion

    You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

    So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

    Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

    Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook :)

    Espere! Não Feche a Aba Ainda!

    Espere um pouco! Eu gostaria de mencionar o Page Builder Sandwich antes de você fechar esta aba. Mencionei muitas coisas incríveis acima, mas você ainda não viu o Page Builder Sandwich.

    O Page Builder Sandwich permitirá que você crie o design das páginas do seu novo site facilmente, sem precisar saber nenhuma linha de código. O visual e o funcionamento lembram a edição de um documento em um processador de texto, mas para sites. Com ele, você poderá deixar seu site ainda mais incrível com carrosséis, ícones, botões, imagens de fundo e muito mais, tudo de forma simples.

    You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit :)

    Experimente a demonstração do Page Builder Sandwich

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • O Page Builder Sandwich Lite já está disponível no repositório de plugins do WordPress

    PBS-Lite-Is-Now-Available-In-The-WP-Plugin-RepoNow you can download the Lite version of Page Builder Sandwich from the WordPress.org plugin repository!

    A versão lite é uma versão reduzida do plugin premium, mas ainda é totalmente utilizável. Aqui está uma lista de recursos e ferramentas disponíveis na versão Lite:

    • Edição ao vivo no frontend
    • Edição direta de clicar e digitar sem o incômodo de pop-ups
    • Ferramentas de formatação de texto: cores, negrito, itálico, sublinhado, linha horizontal, alinhamentos, etc., basicamente tudo o que você pode fazer no editor TinyMCE do backend.
    • Imagens e manipulação de imagens usando o Gerenciador de Mídia do WordPress
    • Criação de links usando a caixa de diálogo de criação de links do WordPress
    • Elementos de bloco: títulos, citações em bloco, listas com marcadores e numeradas
    • Renderização e edição de shortcodes em tempo real, além de uma lista completa de todos os shortcodes disponíveis
    • Criação de layouts com linhas & colunas aninháveis
    • Propriedades de linha & coluna: cor de fundo, margens, preenchimentos e bordas
    • Desfazer/refazer funcional
    • E muito mais!

    Baixe a versão Lite agora

    Se você viu a página do plugin e está se perguntando por que o plugin não é novinho em folha, é porque esta não é a primeira iteração do plugin. Um ano atrás, ele era um construtor de páginas no backend , mas eu não gostei e, após meses de reflexão e brainstorming, tomei uma direção completamente diferente e agora é um incrível construtor de páginas no frontend que eu pessoalmente adoro usar.

    Isso funcionará com o meu tema?

    Tecnicamente, isso deve funcionar com todo e qualquer tema. Juntamente com nossos usuários e clientes, usamos o Page Builder Sandwich com sucesso em muitos temas, incluindo temas do repositório de temas do WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes e temas da ThemeForest. Se não funcionar com o seu tema, avise-nos e nós consertaremos.

    Isso funcionará com o meu conteúdo atual?

    O Page Builder Sandwich deve funcionar bem com o seu conteúdo existente. Seu conteúdo deve ser editável imediatamente no frontend!

    Se o seu conteúdo estiver cheio de shortcodes aninhados dentro de shortcodes (por exemplo, se você estiver usando shortcodes de coluna), recomendamos que você primeiro faça uma limpeza e remova esses shortcodes de coluna. O Page Builder Sandwich vem com colunas responsivas, em CSS puro e sem shortcodes. Seria melhor usar essas opções, já que são mais rápidas e robustas.

    Desconto especial de lançamento

    Se você quiser mais recursos, como linhas de largura total, formatação avançada de texto, imagem, linha e coluna, você vai adorar a versão premium. Você também receberá atualizações do plugin e suporte ao cliente.

    For the next few days, we’re offering you a 50% introductory discount. Take advantage of this now!

    If you’re unsure, give the lite version a spin on your own setup first, or check out the live demo from the top menu ?

  • Markdown agora é suportado, além de algumas ferramentas legais de formatação

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-ToolsTenho o prazer de anunciar que, a partir da versão 2.4, agora você pode editar seu conteúdo diretamente no seu frontend usando Markdown!

    Suporte à Sintaxe Markdown

    O que é Markdown? É basicamente como teclas de atalho, mas em vez de pressionar uma combinação de botões, você digita os caracteres e a formatação é aplicada imediatamente. O WordPress também adicionou recentemente o suporte a Markdown, e agora você também pode utilizá-lo dentro do Page Builder Sandwich. Você pode adicionar diferentes títulos, citações em bloco, texto pré-formatado ou código, linhas horizontais, listas com marcadores ou numeradas e links com Markdown.

    Pense nisso como uma alternativa ao uso do mouse para clicar nos botões de formatação. Por exemplo, enquanto escreve uma postagem no blog, você decide que quer outro título; agora basta digitar dois sinais de cerquilha (##) seguidos do texto do seu título. Assim que pressionar Enter, a linha inteira será convertida em uma tag <h2> . Não é incrível?

    Você pode encontrar uma lista de todas as sintaxes Markdown suportadas em nossa página de documentação: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    Você também pode experimentá-lo na demonstração ao vivo

    Algumas Ferramentas e Recursos Legais de Formatação

    Também vale mencionar que agora você tem algumas ferramentas novas à sua disposição:

    • Ferramenta de Botão – Agora você pode criar botões sem shortcodes! Anteriormente, você estava limitado a apenas criar links de âncora, agora não mais! O melhor de tudo é que você pode editar diretamente o rótulo e as cores do botão sem ter que lidar com nenhum popup chato.
    • Ferramenta de Código – Desenvolvedores, alegrem-se: agora vocês podem estilizar textos em linha como código.
    • Ferramenta de Linha Horizontal – Ótima para separar o seu conteúdo. Também há uma sintaxe Markdown para isso, basta digitar um ou mais traços em uma linha e ela será convertida em uma linha horizontal.

    Além disso, há também novos recursos de conveniência:

    • Sempre que você colar um link, ele será automaticamente convertido em uma tag de âncora (a menos que seja uma URL incorporável, como um vídeo do YouTube, caso em que o conteúdo será incorporado).
    • Arrastar uma imagem do seu Finder ou Explorer diretamente para a janela faz o upload da imagem no Gerenciador de Mídia. Isso economiza muito tempo.
  • Atualização de Progresso da Versão 2.2

    Version-2-2-Progress-UpdateNa semana passada lançamos a versão 2.1 que corrigiu vários bugs e adicionou a caixa de diálogo do editor de links do WordPress ao Page Builder Sandwich.

    Agora atendemos aos dois principais recursos solicitados no Page Builder Sandwich:

    1. Uma interface de usuário redesenhada, mais simplificada, mais limpa e mais simples.
    2. A capacidade de adicionar/editar classes e IDs CSS personalizados para elementos, linhas e colunas.

    A interface antiga parecia uma mistura de vários botões. Tecnicamente, é simples, já que há botões e basta clicar neles. Mas, na realidade, não parecia simples e era um pouco intimidadora para novos usuários (obrigado aos nossos apoiadores por apontarem isso). Agora, todas as diferentes ferramentas estão agrupadas em ferramentas semelhantes: formatação de texto, linhas e colunas, etc. E para tornar as coisas menos intimidadoras, apenas os botões mais básicos são mostrados no início. As ferramentas mais “avançadas” podem ser alternadas para a visualização. Isso permite que novos usuários compreendam rapidamente como tudo funciona apenas sendo apresentados ao layout principal e, se se sentirem confortáveis, possam visualizar o restante das ferramentas.

    Fiquei surpreso ao ver quantas solicitações havia para permitir a edição de classes e IDs personalizados por elemento. Pessoalmente, quando uso construtores de páginas raramente uso essas ferramentas, mas isso sou só eu. O desafio ao adicionar classes e IDs personalizados é que isso deve manter a filosofia do Page Builder Sandwich, onde as coisas devem ser sempre o mais simples e intuitivas possível. Portanto, com a versão 2.2, ao selecionar qualquer elemento em sua página, você verá uma área de propriedades no inspetor onde poderá adicionar ou modificar suas classes e IDs CSS personalizados. Isso também funciona para linhas e colunas, para que você possa ajustá-las totalmente ao que precisar.

    Obrigado a todos por apoiarem o desenvolvimento do Page Builder Sandwich! Fiquem ligados para mais atualizações futuras ?

  • Incorporação de vídeo, áudio e outros conteúdos agora suportada

    Embedding-Video-Audio-and-Other-Content-Now-SupportedFeliz Ano Novo a todos!

    Estou animado em compartilhar com vocês que, a partir da versão 2.3, oEmbeds agora são possíveis com o Page Builder Sandwich! Agora você pode incorporar vídeos, imagens, threads e muitos outros conteúdos do YouTube, Vimeo, Twitter, Flickr, Instagram, etc.

    oEmbeds

    Até agora, não havia uma maneira de adicionar vídeos ou qualquer outro tipo de conteúdo incorporável (além de shortcodes) no frontend. Fico feliz em dizer que os oEmbeds agora são totalmente suportados. Basta colar uma URL de oEmbed em qualquer lugar e pressionar enter para que ela seja incorporada.

    oembed_cast
    Colar uma URL em uma única linha a converte em conteúdo incorporado.

    Quais URLs são suportadas? Bem, qualquer uma das URLs de incorporação suportadas pelo WordPress! Além disso, se você tiver um plugin que adiciona provedores de oEmbed (por exemplo, o Jetpack do WordPress.com), elas também serão suportadas.

    Provavelmente a melhor parte desse novo recurso é que a incorporação não polui seu conteúdo. URLs incorporadas no editor backend aparecerão como uma linha única de texto da URL.

    Se você quiser experimentar isso, clique no link da demonstração ao vivo acima e cole algumas URLs lá!

    Outras melhorias e correções de bugs

    • Os botões de ferramentas de tipo de conteúdo (p, h2, h3, etc.) agora serão destacados dependendo do que estiver selecionado.
    • A altura da linha agora é aplicada a todo o elemento, em vez de elementos span menores.
    • Corrigido: Os elementos às vezes recebem estilos inline desnecessários
    • Corrigido: O inspetor pode ficar atrás da barra de administração e não poder ser arrastado
    • Corrigido: Melhor tratamento dos estados dos botões
    • Corrigido: Formatar/remover formatação remove o texto com link
    • Corrigido: Não é possível formatar conteúdo que contenha tags strong, em, i, b
    • Corrigido: Algumas ferramentas de formatação não podem ser usadas dentro de colunas e tabelas
  • Como adicionar e incorporar vídeos, imagens, tweets e outros conteúdos em seu site

    How-to-Add-and-Embed-Videos-Images-Tweets-and-Other-Content-in-Your-SiteThere may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.

    To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

    Links permanentes têm muitos formatos e formas, mas geralmente se parecem com o exemplo abaixo. Este vem do YouTube:

    https://www.youtube.com/watch?v=dQw4w9WgXcQ​

    Você pode colar essas URLs no editor de conteúdo para incorporar o conteúdo. Se for incorporável, você verá que a URL será convertida no vídeo ou conteúdo real. Se não for, isso significa que você não pode inserir conteúdo daquele site.

    Quais sites posso incorporar ao meu site?

    Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

    Instalar plugins pode adicionar mais sites incorporáveis

    If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

    There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

    Outra maneira de adicionar conteúdo – Códigos de incorporação de Iframe

    Se colar apenas a URL não funcionar, há ainda outra maneira de incorporar conteúdo. Tente verificar as opções de compartilhamento do site que deseja incluir; além do link permanente, você também pode receber um pequeno trecho de “código de incorporação”. Os códigos de incorporação se parecem com isto:

    <iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>​

    Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

    Use o Page Builder Sandwich para adicionar conteúdo de outros sites a partir do frontend

    While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

    O Page Builder Sandwich facilita as coisas permitindo que você edite seu site real diretamente pelo frontend. Ao usar o Page Builder Sandwich, você escreve e edita o conteúdo do seu site com facilidade. Incorporar conteúdo de outros sites também fica muito mais simples.

    Com o Page Builder Sandwich, basta colar o link permanente ou o código de incorporação iframe em qualquer lugar na parte frontal do seu site e ele será convertido no conteúdo incorporado imediatamente, sem precisar saber em qual aba você deve colar as coisas.

    Obtenha o Page Builder Sandwich agora.