desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web In via di sviluppo web - XHTML, CSS, standard web, usabilità, l'accessibilità, web design, SEO, blog e della tecnologia per sviluppare il web

Uma das (ainda) grandes limitações da web refere-se à usar qualquer fonte tipográfica em web sites . Uno dei (ancora) grandi limitazioni web si riferisce all'uso font qualsiasi testo su siti web. Por padrão, caso a pessoa não tenha determinado tipo que tenha sido especificado para ser exibido, o navegador renderiza por um que seja o mais próximo ou secundário - determinado pelo próprio desenvolvedor. Per impostazione predefinita, se la persona non sono un tipo che è stato specificato di essere visualizzato, la rende un browser che è il più vicino o secondaria - determinato dagli sviluppatori. Isso, realmente, é uma limitação, já que não é possível “controlar” inteiramente como será a exibição de tipos nos sites . Questo non è veramente una limitazione, dal momento che non è possibile "controllare" sarà interamente come il tipo di visualizzazione dei siti.

Enquanto algo melhor não é implementado por padrão, existe a possibilidade de fazer uma “gambiarra” para se exibir os textos em qualquer fonte tipográfica . Qualcosa di meglio fino a quando non viene attuato per impostazione predefinita, vi è la possibilità di fare un "gambiarra" per visualizzare il testo da qualsiasi fonte è tipogr á. São técnicas que variam desde a implementação “na unha” de imagens com textos, passando por javascript , à mudança de tipos usando Flash. Queste sono le tecniche che vanno dall'obbligo di eseguire il "chiodo" di immagini con testo, tramite javascript, di modificare i tipi con Flash. São tantas as opções e scripts prontos que é como ir a uma loja onde tudo é gratuito: basta escolher e pegar. Tante opzioni e script pronti che è come andare a un negozio dove tutto è gratuito: basta scegliere.

Se você ficou “espantado” com o título deste artigo, “ Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress “, leia algumas considerações sobre fonte, tipo, tipologia e tipografia . Se si era "stupiti" con il titolo di questo articolo, "L'utilizzo di qualsiasi tipo (testo font) nel tuo blog Wordpress," leggere alcuni commenti sulla fonte, tipo, del tipo e della tipografia.

Trocando os tipos dos títulos do blog com Facelift Sostituendo i tipi di valori mobiliari con il blog Facelift

Dentre as diversas opções de scripts e maneiras para usar qualquer tipo (fonte tipográfica) em web sites , indico o Facelift Image Replacement que, segundo diversos testes que fiz, mostra-se muito simples de instalar e produz resultados eficientes, trocando os textos de qualquer parte do site para qualquer tipo que se queira. Tra le varie opzioni per gli script e modi di utilizzare qualsiasi tipo (testo font), su siti web, indicare il Facelift Immagine sostituzione che, in base alle prove che ho fatto, è molto semplice da installare e produce risultati efficienti, cambiando i testi di Parte del sito, di qualsiasi tipo che si desidera.

O Facelift faz sua “mágica” criando imagens em tempo real de textos de qualquer lugar de uma página web que você queira (e respeita o CSS especificado para o elemento, inclusive); e faz esta “reposição de tipos” utilizando o arquivo no formato de fontes, como . ttf ou .otf . Facelift è il loro "magia" la creazione di immagini in tempo reale di testi di qualsiasi punto di una pagina Web che si desidera (e rispetta il codice CSS specificato per l'elemento compreso), e rende questo "sostituzione tipi di" usando il file in di fonti, ad esempio. ttf o. OTF. Quer dizer, ele atua - com a licença do trocadilho - “ direto na fonte “!  ;-) Voglio dire, egli serve - con la licenza del il gioco di parole - "a destra alla fonte"! ;-)

Isso sem falar em sua compatibilidade com os frameworks jQuery , Prototye , Scriptaculous e MooTools e com a grande vantagem de ser ideal para garantir a acessibilidade do blog , já que, se a exibição de imagens estiver desabilitada, o “texto puro” aparece normalmente. Che senza parlare la sua compatibilità con il quadro jQuery, Prototye, Scriptaculous e MooTools e con il grande vantaggio di essere l'ideale per garantire l'accessibilità del blog, dal momento che, se la visualizzazione delle immagini sono disattivate, il "testo normale" appare normalmente.

Instalando o Facelift em seu blog Wordpress L'installazione del Facelift nel tuo blog Wordpress

O primeiro passo é acessar a página de downloads do Facelift para baixar sua última versão. Il primo passo è quello di visitare la pagina Download di Facelift per scaricare l'ultima versione. Para o caso do Wordpress, você tem duas opções: Nel caso di Wordpress, avete due opzioni:

1. Instalar em uma pasta no tema que você usa. Dessa forma, o script fica vinculado a seu atual tema e, praticamente, fará parte deste (se você mudar o tema, não mais terá o Facelift funcionando). Installare in una cartella sul tema che si usa. Così, lo script è vincolato alla sua attuale problema, e praticamente, farà parte di questo (se si cambia il tema, non hanno più la Facelift esecuzione).
2. Instalar em uma pasta independente de temas. Instalando o Facelift em uma pasta independente, ele continua funcionando independentemente de você alterar temas ou não (o único “porém” é para algumas linhas de código que devem ser inseridas, caso haja a troca). Installare in una cartella indipendente di argomenti. Installare il Facelift in una cartella indipendente, egli continua di lavoro indipendentemente dal fatto che o non si cambia temi (l'unico ", ma" è di alcune linee di codice che devono essere incluse se vi è uno scambio).

Então, segundo a abordagem de instalar o Facelift na pasta do próprio tema, sugiro que seja uma pasta “js” ou “javasript”. Quindi, secondo l'approccio di installazione del Facelift nella cartella del tema, propongo che è una cartella "js" o "javasript". Então, vá lá e crie uma pasta “js” na pasta de seu tema para dar prosseguimento à instalação do Facelift. Così andare là fuori e creare una cartella "js" nella cartella del vostro argomento per continuare l'installazione di Facelift.

Depois disso, descompacte o Facelift nesta pasta remota “js” que acabou de criar. Dopo di che, estrarre la polpa in questa remota Facelift "js" che si è creata. Uma observação: a pasta raiz do Facelift vem com a estrutura “ facelift-[versão] “; pessoalmente, gosto de retirar o número da versão para manter a coisa enxuta (somente “facelift”); se você não quiser fazer isso, tudo bem, mas fique atento aos códigos de chamada ao Facelift que serão mostrados posteriormente. Una osservazione: la cartella principale di Facelift viene fornito con la struttura "lifting-[versione]; personalmente, mi piace di ritirare il numero di versione per tenere la cosa magra (solo" lifting "), se non si vuole fare questo, tutto bene Ma essere consapevoli dei codici invito a Facelift che verrà mostrato in seguito.

Configurando o Facelift para usar qualquer tipo em seu blog Wordpress Impostazione del Facelift di utilizzare qualsiasi tipo nel tuo blog Wordpress

Coloque na pasta “ fonts ” o arquivo do tipo que você vai usar. Mettere nella cartella "font" il tipo di file si utilizza vai. Então, configure o arquivo config-flir.php . Quindi, impostare il file di configurazione-flir.php. Vá, lá, e altere o que for necessário - o arquivo é bem comentado, não se preocupe. Vai, vai, e cambiare ciò che è necessario - il file è ben esaminato, non preoccuparti.

Depois de devidamente instalado e configurado, é hora de chamar os arquivos necessários ao funcionamento do Facelift e usar qualquer fonte tipográfica no blog ! Dopo aver installato e configurato, è il momento di trarre i file necessari per il funzionamento del Facelift e usare qualsiasi font di testo sul blog! O primeiro passo é “chamar” o corretamente para que se possa usufruir de seus benefícios. Il primo passo è quello di "disegnare" la fine di godere dei suoi vantaggi.

É possível inserir chamadas a javascript no head ou body de documentos web . È possibile inserire le chiamate javascript nella testa o corpo di documenti web. O indicado é antes de se fechar a tag </body> , pois evita “travar” o carregamento da página eo script só é requisitado quando todos os outros elementos da página já foram carregados. L'indicatore è, prima di chiudere il tag </ body> quindi evita di "bloccare" il caricamento della pagina e lo script è richiesta solo quando tutti gli altri elementi della pagina sono già stati caricati. Então, vamos chamar o javascript do face lift antes de fechar o corpo do documento ( </body> ), o que, provavelmente, deve estar no arquivo footer.php de seu tema Wordpress. Poi, ci chiama il javascript il volto ascensore prima di chiudere il corpo del documento (</ body>), che probabilmente sarà il file footer.php del vostro Wordpress tema.

O “macete” é chamar o javascript através de PHP (especificando o local em que se encontra a pasta raiz do script , segundo indicado na documentação oficial do Facelift ), já que será preciso identificar o diretório onde ele se encontra utilizando get_bloginfo() . Il "macete" è chiamata javascript tramite PHP (specificando il luogo in cui la cartella principale dello script, come indicato nella documentazione ufficiale di Facelift), in quanto sarà necessario per identificare la directory dove si sta utilizzando get_bloginfo ().

 <?php echo '<script type="text/javascript" src="' . get_bloginfo ( 'template_directory' ) . '/js/facelift/flir.js">;</script>' ; ?> <? Php echo '<script type="text/javascript" src="'. get_bloginfo ('template_directory').'/js/facelift/flir.js">; </ script >';?> 

Depois, é preciso iniciar o Facelifit e especificar para quais elementos haverá substituição de tipos. Poi dobbiamo iniziare a Facelifit e specificare a quali elementi sarà alcuna sostituzione di tipi. Uma grande vantagem é que é possível utilizar a sintaxe do jQuery, devido à compatibilidade nativa que tanto Facelift quanto Wordpress têm do framework ! Un grande vantaggio è che è possibile utilizzare la sintassi di jQuery, a causa di compatibilità che sia nativo Facelift come Wordpress avere il quadro! Então, sabendo e identificando os elementos da página que terão tipos personalizados, basta especificar isso no código (como começamos gerando com PHP, vamos continuar). Quindi, conoscere e individuare gli elementi della pagina che tipi personalizzati, è sufficiente specificare che il codice (ad esempio, iniziato con la generazione di PHP, continueremo).

O código final fica assim (no exemplo, altero os títulos secundários da barra lateral): Il finale è ben codice (nel esempio, il cambiamento dei valori mobiliari lato della barra laterale):

 <?php echo '     <script type="text/javascript" src="' . get_bloginfo ( 'template_directory' ) . '/js/facelift/flir.js"></script>     <script type="text/javascript">     FLIR.init({path:"' . get_bloginfo ( 'template_directory' ) . '/js/facelift/"});     $("#sidebar h2").each( function() { FLIR.replace(this); } );     </script> ' ; ?> <? Php echo '<script type="text/javascript" src="'. get_bloginfo ('template_directory').'/js/facelift/flir.js"> </ script> <script type = "text / javascript" > FLIR.init ((percorso: " '. Get_bloginfo (' template_directory ').' / JS / lifting /"}); $ (" # sidebar h2). Ogni (function () (FLIR.replace (questo); )); </ Script> ';?> 

E pronto! Questo è tutto! Agora seu blog Wordpress pode usar qualquer fonte tipográfica, em qualquer local que você queira! Ora il tuo blog Wordpress può usare qualsiasi font di testo, ovunque si desidera!

Importantes observações sobre a troca de tipos com o Facelift Importanti osservazioni sullo scambio di tipi con il Facelift

Na verdade, o Facelift pode ser usado em qualquer tipo de site ou blog , seja Wordpress ou não. Infatti, il Facelift può essere utilizzato in qualsiasi tipo di sito o blog, anche se non Wordpress. Entretanto, em função do peso de imagens - ainda mais geradas em tempo real - e performance do blog / site , em geral, é conveniente que se altere os tipos somente dos títulos e/ou áreas de destaque. Tuttavia, a seconda del peso di immagini - ancora più generato in tempo reale - e le prestazioni del blog / sito, in generale, è opportuno modificare solo i tipi di titoli e / o aree di attività.

Importante notar que, como se trata de inserção de imagens, caso uma imagem estrapole a largura destinada ao elemento que foi “substituído” por ela, seu layout pode quebrar e/ou a imagem ficar semi-oculta , impedindo os leitores de a visualizarem por completo. Importante notare che, in quanto questo è l'inserimento di immagini, se un'immagine estrapole la larghezza per l'elemento che è stato "sostituito" da essa, può spezzare il tuo layout e / o di immagini, essere un mezzo-nascosto da prevenire i lettori di visualizzazione di completa.

Portanto, se você utiliza artigos com título curto e/ou tem um espaço útil para os títulos considerável, use e abuse de tipos personalizados em seu blog / site ; do contrário, limite-se a usar os tipos personalizados somente em áres de destaque ou textos que contenham poucas e pequenas palavras. Quindi, se si utilizza articoli con titolo breve e / o ha un utile spazio per i titoli considerevole, l'uso e abuso di tipi personalizzati nel tuo blog / sito; al contrario, si limitano a usare la tipi personalizzati solo in áres visibile o testi che contengono poche e piccole parole.