A explosão de plugins gerando códigos de acesso bem projetados chegou tarde. Esses plugins mostram facilmente suas postagens ou páginas, fazendo com que itens como colunas, guias, tabelas de preços, cabeçalhos especiais e muito mais pareçam muito profissionais.

Devido ao aprimoramento tardio desses plug-ins, outros plug-ins que não evoluíram ao longo do tempo foram abandonados. E mesmo que eles tenham adicionado funcionalidade à biblioteca "bootstrap" (Como alguns abaixo), eles não melhoraram em outras áreas.

Neste tutorial, em vez de incluir um monte de plug-ins que não funcionaram muito bem, nos limitaremos aos que funcionaram.

Mas antes de começar, reserve um tempo para dar uma olhada Como instalar um tema WordPressQuantas plugins devo instalar no WordPress.

Então vamos ao trabalho!

1. Códigos de acesso fáceis do Boostrap

Le plug-in Códigos de acesso fáceis de inicialização é muito bom para elementos básicos como colunas, botões, caixas coloridas, barras de progresso, para dar diferentes efeitos às imagens, etc ...

-Fácil-de bootstrap destaque

Uma das melhores coisas sobre este plugin é que ele tem toneladas de ícones que você pode colocar em qualquer lugar - em botões, caixas, cabeçalhos, etc ... você pode facilmente alterar o tamanho e a cor dos ícones para obter exatamente a aparência que deseja. Este plugin possui idealmente os botões do shortcode no editor visual como uma terceira linha.

-Fácil-de bootstrap visual-editor

Quando um desses botões é ativado, você recebe um pop-up com muitas opções (dependendo do botão, é claro). Quando o pedido é apropriado, geralmente há uma grande seleção de ícones atraentes. E você pode até mudar a cor desses ícones.

Aqui está uma visualização parcial no pop-up ao inserir um botão.

Leia também: Como adicionar botões para WordPress sem o uso de códigos de acesso

fácil de bootstrap-popup

Existem todos os tipos de códigos de acesso que você pode inserir. E, claro, você também pode combiná-los.

Aqui está um exemplo rápido de alguns códigos de acesso combinados: uma caixa (fundo azul), um ícone para o título (cor e tamanho que eu queria) e um botão com outro ícone (tão colorido quanto eu queria).

fácil de bootstrap-box

Aqui está uma lista de diferentes códigos de acesso:

  • Acordeão
  • Barras de progresso com rótulos
  • Tabs
  • Ícones
  • Lista
  • Etiquetas
  • Notificação
  • botões
  • popover
  • IconHeading
  • tooltip
  • tabelas
  • Painel
  • Imagem responsiva
  • efeitos de imagem
  • grupo de botões da barra de ferramentas
  • Bem
  • lista Descrição
  • ButtonDropdown
  • Serviço box
  • botão Grupo
  • Controle deslizante responsivo

Aqui está um vídeo dos códigos de acesso em ação fornecido pelo autor do plug-in aqui.

DescarregarDemohospedagem na web

2. Código de acesso final

Le plug-in final shortcode tem uma gama impressionante de códigos de acesso para usar, bem como um número impressionante de ícones para adicionar a diferentes elementos. Além disso, a capacidade de controlar códigos de acesso ou ícones (mudar tamanho, cor, posição etc.) também é impressionante.

shortcode-ultimate-featured

Resumindo, foi o plugin shortcode mais impressionante que já vi. Você começa clicando no botão localizado no editor visual.

shortcode-ultimate-button

Você, então, obter uma lista de códigos de acesso possíveis no pop-up.

Shortcode-últimos-selecções

Como você sem dúvida notará, além de haver vários (51 para ser mais exato), você também pode filtrá-los por tipo no topo da página ou até mesmo pesquisar o que deseja.

Veja também: Como adicionar um estilo visual para o editor WordPress

Além da quantidade de códigos de acesso e controle que você possui, também permite visualizar seu código de acesso antes de inseri-lo.

Outra coisa boa que esse plugin tem é que dá alguns exemplos de códigos de acesso, bem como seu código para aqueles que têm menos experiência.

Aqui está um vídeo dos códigos de acesso em ação fornecido pelo autor do plug-in aqui.

E aqui está uma lista de códigos de acesso disponíveis.

  • Título
  • Divisor
  • Pullquote
  • Lista
  • L
  • Vimeo
  • tabelas
  • Menu
  • Slider
  • imagem manequim
  • Modelo
  • Tabs
  • Espaçador
  • dropcap
  • Botão
  • tooltip
  • Screenr
  • permalink
  • sub-páginas
  • carrossel
  • Animação
  • Aba
  • Realçar
  • quadro
  • Serviço
  • Privado
  • Dailymotion
  • Membros
  • irmãos
  • Galeria
  • meta
  • Spoiler
  • O rótulo
  • Linha
  • Caixa
  • Youtube
  • Audio
  • Os hóspedes
  • ISO
  • POSTAGENS
  • Usuário
  • Acordeão
  • Citar
  • Coluna
  • Importante
  • YouTube avançada
  • Vídeo
  • RSS feed
  • gmap
  • texto fictício
  • Publique

DescarregarDemohospedagem na web

3.Olevmedia

Este plugin é realmente muito básico em comparação com os dois anteriores em muitos elementos. Ao mesmo tempo, ele brilha com alguns elementos que outros plug-ins não possuem.

caracterizou-olevmedia

Por exemplo, este plugin permite que você faça certos estilos para áreas de texto muito bem. Observe o ícone colocado profissionalmente no meio. Nenhum outro plugin que eu vi permite que você faça o mesmo.

Veja também: Como distinguir ligações externas em um blog WordPress

olevmedia-box

Possui um contador animado que começa do zero até o número inserido.

número de balcão

Este plugin também permite que você faça muitos estilos com os botões. Você também pode facilmente adicione postagens recentes ao seu conteúdo e sua lista de preços agradável.

Uma desvantagem deste plugin é que quando ele fornece ícones para usar, ele mostra apenas uma lista de nomes e não as representações gráficas dos ícones. Alguns deles são muito fáceis de adivinhar pelos nomes. E outros não.

Mas mesmo que você possa localizar o ícone pelo nome, isso não significa que vai gostar da aparência dele. Mas você só saberá depois de inserir e salvar o projeto e visualizar a postagem.

Como alguns plug-ins funcionam tão bem, você pode não adotar este como seu plug-in principal; No entanto, nada o impede de usar este além de outro.

Aqui está uma lista dos principais códigos de acesso que oferece.

<

  • Acordeão
  • comutar
  • Tabs
  • Blockquote
  • Caixa
  • botões
  • colunas
  • Contador
  • Divisor
  • Dropcaps
  • Ícones
  • Infobox
  • listas
  • logos
  • Mapa
  • Marcador
  • Publicações Recentes
  • mesa
  • tabelas de preços
  • Vídeo

DescarregarDemohospedagem na web

4. Códigos de acesso do CPO

Este plug-in possui vários códigos de acesso básicos que você pode encontrar, como colunas e caixas.

Dito isso, é um pouco frustrante de se trabalhar. Muitas vezes, insere códigos de acesso em sua postagem sem permitir que você faça qualquer escolha, como escolher uma cor ou um tamanho.

CPO-featured

Como usar códigos de acesso em WordPress widgets é uma leitura obrigatória.

Os próprios códigos de acesso às vezes vêm com espaços para essas coisas, mas não há explicação para tudo isso. Seria muito fácil retirar este plugin da lista; No entanto, ele veio com algumas coisas que o tornam diferente. E então, para esses itens, reserve um tempo para revisá-los.

Um desses elementos é a "seção de plano de fundo" que vai coloque um plano de fundo colorido de sua escolha em toda a página. Observe que se você tiver uma barra lateral, ela também a cobrirá (o que não é agradável, é claro), se você quiser usá-la apenas em exibição completa nas páginas.

Aqui está uma prévia de um item com fundo azul.

CPO-fundo

Ele também tem um código curto para uma seção de membros da equipe. Basicamente, permite que você colocar uma foto, um nome, um título, algum texto que pode ser vinculado às redes sociais.

CPO-team-membros

Ele também inclui a bonita grade de preços.

CPO-pricing

DescarregarDemohospedagem na web

visão global

  • Ultimate Shortcode: 5/5
  • Códigos de acesso do Easy Boostrap: 4/5
  • Olevmedia: 3,5 / 5
  • Códigos de acesso do CPO: 2,5 / 5

Na minha opinião, o plugin Ultimate Shortcode foi o melhor que eu tinha em minhas mãos. Embora alguns dos outros plugins tenham sido muito bons, ele realmente vai e volta pelo que oferece.

No entanto, se eu estivesse procurando códigos de acesso combinados com o Shortcode Ultimate, optaria por instalar o Olevmedia como o plugin complementar.

Leia também Por WordPress e seu nome de domínio deve ser separada

A única coisa que você precisa observar ao instalar dois plug-ins é certificar-se de que os dois não estejam usando os mesmos nomes de código curto.

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

O plug-in tPlayer responsivo do WordPress ajuda a integrar um reprodutor de áudio e rádio em seu site. É muito funcional e oferece muitas possibilidades de personalização. Ele também pode exibir detalhes sobre o fluxo de áudio e rádio, bem como estatísticas sobre os hábitos de escuta de áudio dos usuários.

Plugins Wordpress premium do Player de Áudio tPlaye adicionar reprodutor de áudio

Este plugin suporta listas de reprodução ilimitadas e um número ilimitado de faixas em cada lista de reprodução. Você terá a possibilidade de recuperar suas músicas de sistemas de armazenamento externos como Google Drive, Amazon S3, etc ...

Leia também nosso artigo sobre 10 WordPress plugins para proteger seu blog

Há também o recurso de reprodução automática que iniciará a rádio ou um determinado arquivo de áudio assim que um visitante visitar uma página ou post. Também oferece outras opções de personalização para ajudar a mudar a aparência do reprodutor de áudio.

Descarregar | Demo | hospedagem na web

2. Xili-language

xili-language é um poderoso plugin de tradução para WordPress disponível no diretório oficial de plugins do WordPress. Para poder usar o idioma xili com sucesso, você deve usar um tema WordPress pronto para ser traduzido em seu site.

linguagem xili

Como nem todos os temas do WordPress oferecem suporte a vários idiomas, é altamente recomendável que você verifique se o seu oferece suporte a esse recurso antes de instalar este plugin.

Leia também nosso artigo sobre Como traduzir seu blog WordPress para vários idiomas

O idioma Xili não só permite criar conteúdo multilíngue, mas também alterar os arquivos de idioma do seu tema WordPress de acordo com o idioma do conteúdo. É amigável ao desenvolvedor e vem com uma lista de pontos de ancoragem e APIs que permitem personalizar o comportamento do seu site.

Descarregar Demo | hospedagem na web

3. WooCommerce Table Rate Shipping Plugin

Le plug-in Tabela envio Taxa de WooCommerce tem a capacidade de adicionar várias taxas para um determinado cliente com base em uma variedade de condições definidas pelo administrador. Isso pode incluir destino de envio, subtotal do carrinho, categoria do item sendo enviado, preço, peso e muito mais.

Tabela de taxas de envio para WooCommerce 2

Este plugin do WordPress adicionará um novo método de envio diretamente nas configurações do WooCommerce.

Descubra também 7 WordPress plugins para melhorar o seu sistema de entrega

Il é útil para quem precisa calcular os custos de envio em relação ao destino, peso e / ou todo o carrinho.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

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

Conclusão

Aqui ! É isso para este tutorial, espero que permita que você melhore o design de seus posts WordPress com esses códigos de acesso gratuitos. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

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

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

... 

2 ações
ação
chilrear
Enregistrer2