Fontes, ícones para WordPress parte importante de qualquer site em WordPress. Eles aumentam a velocidade do site e design de páginas.
Eu percebi que existem alguns ícones espalhados no site? Um deles, o ícone “home page” da barra de navegação.
Sim, se você quiser saber mais ícones, como o próprio site atualmente. Sentir e relaxar, porque nós, para ensinar você a fazer exatamente isso.
Conteúdo
- Por Que Usar Ícones No WordPress?
- Fontes, Ícones Grátis
- Maneiras Rápidas De Usar Os Ícones No WordPress
- Resultado
Por Que Usar Ícones No WordPress?
Fontes ícone há uma tipologia, que contêm caracteres especiais e do ícone, e não de letras e símbolos, regularmente. Eles podem ser usados para a exibição de ícones, os mais freqüentemente usam através de pequenas gravuras.
Alguns exemplos de fontes de ícones que você pode encontrar no nosso blog botões de redes sociais. Quando você quer, por exemplo, o compartilhamento do conteúdo de um web site, a sua conta Facebook, basta clicar no botão da rede.
Já fontes, ícones, todos os ícones, páginas da web e slides, desenhos. Imagens não devem ser escaláveis e responsivo, é que o carregamento das páginas será e, lentamente, e, para quebrar o ranking nos motores de busca.
Assim, fontes, ícones veio como alternativa, funciona e é adequado para qualquer tipo de tecido ou de resolução. Além disso, também pesarem, pelo menos, nesta questão de preencher.
Fontes, ícones, vetor, imagem. Portanto, eles são infinitamente escalável.
Eles são um recurso melhor design, responsivos, porque você pode manipular sinais de que será criada de acordo com as suas necessidades. Estão disponíveis muitas opções de tamanho de ícones, cor, rotação, adicionar efeitos e muito mais. Tudo isso pode ser feito com CSS, sem perda de sua qualidade.
E coisas mais interessantes que eles são relativamente simples de implementar. Além disso, fontes, ícones do WordPress que permite que você salvar um monte de personagens dentro de um mesmo arquivo. Isso pode reduzir o número de solicitações HTTP.
Ainda, que existem outras formas mais ícones, fontes, ícones, ainda muito utilizado, porque você pode encontrar opções gratuitas, fácil. Ou até mesmo criar o seu próprio ícone para uso no site.
Fontes, Ícones Grátis
Existem várias opções de tipos de letra, ícones estão disponíveis em seu site WordPress. Alguns deles têm IcoFont, Font Impressionante, We Love Ícone de tipos de Letra e IcoMoon. Eles, inclusive, os mais recomendados.
IcoFont é uma das maiores fontes de ícones grátis on-line fontes. Ele oferece mais de 2 mil ícones, unificada e que é organizado e distribuído de 30 categorias. Ele também dá a oportunidade de criar seus próprios atalhos.
Você pode baixar diretamente do site IcoFont. Você pode colocar o código HTML sinal, ou clicando no botão “download” no site.
Basta olhar o que você escolheu para adicionar a sua coleção e baixá-los. Após o download, você terá acesso a um arquivo .ZIP a partir do CSS, exemplos e fontes. HTML-line ícones baixados glossário, juntamente com Unicode deles na pasta “exemplos”.
Se você quiser usar os ícones diretamente através da internet, você pode selecionar um diretório IcoFont todas as pastas do seu projeto. Mas tenha a certeza de que a referência de lugar, para você icofont.milhares.css do tema.
O outro é conhecido de fonte, a fim de obter fontes de ícones Font Impressionante. O site oferece mais de 1.500 fontes gratuitas e mais de 500 ícones profissionais, que cobrem mais de 70 tipos de ícones em 4 categorias principais – contínuas, lisas, leves e marcas.
We Love Icon Fontes são fontes que permite que você crie seus próprios separadores com o de geração de fontes. Para isso, você só precisa criar o botão Add (adicionar) e obter o código CSS para inserir um ícone no seu site.
Ultimamente, mas é importante, IcoMoon oferece mais de 5,500 vetor de ícones grátis, e mais de 4 mil ícones premium. Você também pode criar seu próprio ícone com IcoMoon e baixar seu arquivo SVG, usando a função de importação.
Maneiras Rápidas De Usar Os Ícones No WordPress
Você pode usar as fontes de ícones do seu site WordPress manualmente remover o código, e a interna, ou usando a opção opções. Considerando os problemas de desempenho através de plugins, e a sua função de integração é a forma mais rápida e fácil de usar guias no WordPress.
Usar um Plug-in de Ícones para WordPress
Usar o plugin, é a maneira mais fácil de adicionar fontes ícone para seu site, WordPŕess sem a necessidade de alterar o código.
Em primeiro lugar, você deve instalar e ativar o plugin Fonte de Alta Integração. Depois de concluir o processo, você já pode adicionar fontes de ícones com o short de [fawesome]. Vamos ver mais abaixo.
Um pequeno número contém 4 atributo:
- objetivo – o que a tag “a”.
- href – link, para usar a tag “a”.
- iclass – classes, para usar a tag de /i/.
- aclass – classes de usar a tag “a”.
Nós criaremos o que o ícone irá apontar para um site WordPress.
Aqui devemos colocar o código para o ícone (f-wordpres) – marca iclass e link http://wordpress.com/ tag ahref:
[fawesome iclass=”fab fa-wordpress” ahref=”https://wordpress.com”]
Note-se que, por exemplo, adicionar o prefixo fab é iclass. Vamos mostrar alguns tipos de alan, e então fornecer a lista de códigos prontos.
Eis como o que é apresentado no bloco de curto WordPress.
Então, visualizar o resultado ou a publicar a mensagem é assim:
12/ / resultado- – -atenciosamente,–um ícone adicionar-é o wordpress.png” alt=” “como resultado o código no ícone adicionar wordpress” width=”705″ height=”408″ />
Quando você clica no ícone do WordPress criado, você será redirecionado para o site, que é mencionado.
Você também pode ir diretamente no diretório de ícones Font Impressionante e o código de verificação no ícone do WordPress que você deseja usar. Para isso, clique no ícone, selecione e cole o código em parte correspondente ao conteúdo de seu site.
Vamos continuar a usar o ícone do WordPress grátis uma Fonte Incrível. E posicionar a sua mensagem, como um exemplo.
Em primeiro lugar, simplesmente copie o código, o ícone do WordPress selecionado Font Impressionante:
Então, coloque esse código no editor do WordPress mensagens na parte do bloco de HTML. Ele parece assim:
E aqui está como ele aparecerá quando você exibir a página da web ou publicar um post em um blog.
Este é um exemplo, você pode alterar o ícone, de acordo com as necessidades de seu projeto. Estas alterações incluem elementos como a cor, o tamanho, o estilo e a т. д.
Por exemplo, o id, alterar um ícone na área de cor e tamanho.
Pré-visualização:
Certifique-se de que os links, anéis de casamento, nós usamos o e para executar o comando. Além disso, o título de cada ícone tem um prefixo de estilo.
Veja como a equipe é determinada por:
Ou,
Aqui está a lista de códigos de comando acima:
O estilo,a Disponibilidade,o Estilo de Prefixo,por ExemploSólidoGrátisfasRegularProfarLeveProfalMarcasGrátisfab
Para o uso de Ícones Dashicons em WordPress
Tendo, fontes, ícones, software de código aberto, disponível na internet, o WordPress, na verdade, DashIcons – padrão do pacote de tipos de letra, ícones WordPress. Ele entrou na versão do WordPress 3.8.
Todos os Dashicons oferecem muitos recursos, fontes, ícones para. Eis alguns deles: o menu de tela, formato de mensagens, multimídia, imagens, editar, a tela de mensagem, organização, produto, ‘ un taksonomisi, widgets, notificações e muito mais.
Esses ícones podem ser usados para personalizar os seus plugins , temas, ícones, tipos de mensagens e outros itens em seu site. Ele já quipado o WordPress, é muito fácil de usar.
Você pode fazer é adicionar o código em um arquivo functions.php, o que leva pouco tempo para ser feito manualmente.
Do contrário, você pode automatizar o processo através de plug-ins, como Trechos de Código para determinar a sua Dashicons sem a necessidade de mexer o arquivo functions.php.
Assim, você pode ir diretamente no site Dashicons e selecionar o ícone do WordPress que você deseja usar. Para integrá-lo em seu site, você só precisa clicar no link de “Copiar HTML” e obter o código. Copie e cole o código em seu WordPress.
Por exemplo, tomemos, por exemplo, os ícones de dashicons-tickets diretório Dashicons e adicioná-lo na entrada do WordPress. Copie, por favor, o código HTML bloco de HTML. O resultado será algo do tipo:
Após clicar em “preview”, você verá o ícone de ” encontram-se:
Para efectuar a Dashicons, você pode usar o CSS.
Resultado
Como você pode ver, fontes, ícones podem ser uma ótima alternativa para substituir a foto usados como ícones, ícones e símbolos-lo on-line.
Fontes de emblemas de lapela, necessários para sites da web, ágil, eles são, para reduzir o tempo de carregamento da página, em virtude de suas pequenas dimensões.
Algumas dicas de sites que você pode encontrar fontes para os ícones no WordPress:
- IcoFont;
- Fonte Impressionante;
- We Love Ícone De Tipos De Letra;
- IcoMoon.
E, em vez de adicionar ícones manualmente, existem dois caminhos, é a experiência e fácil:
- Usar o plug-in, a Fonte de Alta Integração.
- É usado para conectar o WordPress Dashicons o plugin de trechos de código.
Tudo o que você precisa fazer é copiar e colar o código HTML na guia que você deseja usar em uma área específica do seu site.
Nos próximos tutoriais!
