desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Desarrollo Web - xhtml, css, estándares web, usabilidad, accesibilidad, diseño web, SEO, los blogs y la tecnología para desarrollar la web

Uma das (ainda) grandes limitações da web refere-se à usar qualquer fonte tipográfica em web sites . Una de las (todavía) las principales limitaciones de la Web se refiere a la utilización de cualquier fuente de texto en sitios 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. Por defecto, si la persona no tiene un tipo que ha sido para ser exhibidas, el navegador que hace que uno es el más cercano o secundaria - determinado por el desarrollador. Isso, realmente, é uma limitação, já que não é possível “controlar” inteiramente como será a exibição de tipos nos sites . Esto no es realmente una limitación, ya que no es posible "controlar" será enteramente como el tipo de visualización de sitios web.

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 . Hasta que algo es mejor que no se han aplicado de forma predeterminada, existe la posibilidad de hacer un "gambiarra" para mostrar texto en cualquier fuente de texto. 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. Se trata de técnicas que van desde la aplicación de "la uña" de imágenes y texto, a través de javascript, para cambiar los tipos usando Flash. São tantas as opções e scripts prontos que é como ir a uma loja onde tudo é gratuito: basta escolher e pegar. Por lo tanto, muchas opciones y scripts listos que es como ir a una tienda donde todo es gratuito: sólo seleccionar y elegir.

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 . Si fue "sorprendido" con el título de este artículo, "El uso de cualquier tipo (texto fuente) en su blog Wordpress," leer algunos comentarios sobre su origen, tipo, el tipo y la tipografía.

Trocando os tipos dos títulos do blog com Facelift La sustitución de los tipos de valores blog con la cara

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. Entre las diversas opciones para secuencias de comandos y las maneras de utilizar cualquier tipo (texto fuente) en los sitios web, indicar el lifting Imagen de sustitución que, de acuerdo a las pruebas que hice, es muy fácil de instalar y produce resultados eficientes, cambiando el texto de cualquier Parte del sitio de cualquier tipo que desee.

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 . La cara es su "magia" la creación de imágenes en tiempo real de textos de cualquier parte de una página web que desee (y respeta la CSS especificada para el elemento inclusive), y hace de esta "sustitución de los tipos" utilizando el archivo en de fuentes, tales como. ttf o. OTF. Quer dizer, ele atua - com a licença do trocadilho - “ direto na fonte “!  ;-) Quiero decir, que sirve - con la licencia del juego de palabras - "a la derecha en la fuente"! ;-)

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. Eso sin hablar de su compatibilidad con los marcos jQuery, Prototye, Scriptaculous y MooTools y con la gran ventaja de ser ideal para asegurar la accesibilidad de los blog, desde la pantalla de imágenes está desactivada, el "texto plano" aparece normalmente.

Instalando o Facelift em seu blog Wordpress Instalación de la cara en tu blog de Wordpress

O primeiro passo é acessar a página de downloads do Facelift para baixar sua última versão. El primer paso es visitar la página de descargas de cara a descargar la última versión. Para o caso do Wordpress, você tem duas opções: En el caso de Wordpress, usted tiene dos opciones:

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). Instalar en una carpeta sobre el tema que usted utiliza. Por lo tanto, el guión está vinculada a su número actual, y prácticamente, será parte de esta (si cambia el tema, ya no tienen la cara de funcionamiento).
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). Instalar en una carpeta independiente de temas. Instalación de la cara en una carpeta independiente, que sigue trabajando independientemente de si o no que usted cambie temas (el único "pero" es que algunas líneas de código que debe incluirse si se produce un intercambio).

Então, segundo a abordagem de instalar o Facelift na pasta do próprio tema, sugiro que seja uma pasta “js” ou “javasript”. Entonces, de acuerdo con el enfoque de la instalación de la cara en la carpeta del tema, sugiero que es una carpeta "js" o "javasript." Então, vá lá e crie uma pasta “js” na pasta de seu tema para dar prosseguimento à instalação do Facelift. Así que, ¡por ahí y crear una carpeta "js" en la carpeta de su tema para continuar con la instalación de lifting.

Depois disso, descompacte o Facelift nesta pasta remota “js” que acabou de criar. Después de eso, extraer la pulpa en este remoto lifting "js" que acaba de crear. 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 observación: la carpeta raíz de lifting viene con la estructura "lifting-[version]; personalmente, me gusta a retirar el número de versión para mantener la cosa magra (sólo" lifting "), si no quieres hacer esto, todo bien Pero tenga en cuenta los códigos de la convocatoria de cara que se mostrará más adelante.

Configurando o Facelift para usar qualquer tipo em seu blog Wordpress Configuración de cara a la utilización de cualquier tipo en tu blog de Wordpress

Coloque na pasta “ fonts ” o arquivo do tipo que você vai usar. Poner en la carpeta "fonts" el tipo de archivo que vai utilizar. Então, configure o arquivo config-flir.php . A continuación, configure el archivo config-flir.php. Vá, lá, e altere o que for necessário - o arquivo é bem comentado, não se preocupe. Vaya, vaya, y cambiar lo que sea necesario - el fichero está bien examinados, no se preocupe.

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 ! Una vez debidamente instalado y configurado, es momento de sacar los archivos necesarios para el funcionamiento de cara y utilizar cualquier fuente de texto en el blog! O primeiro passo é “chamar” o corretamente para que se possa usufruir de seus benefícios. El primer paso consiste en "sacar" el orden correcto para disfrutar de sus beneficios.

É possível inserir chamadas a javascript no head ou body de documentos web . Puede insertar javascript llamadas en la cabeza o cuerpo de documentos 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. El indicador es que antes de cerrar la etiqueta </ body>, por lo tanto, evita "detener" la carga de la página y el script se pide sólo cuando todos los demás elementos de la página ya se han cargado. 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. Entonces, vamos a llamar al javascript levantar la cara antes de cerrar el cuerpo del documento (</ body>), que probablemente será en los archivos de su footer.php 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() . El "macete" javascript está llamando a través de PHP (especificando el lugar donde la carpeta raíz de la secuencia de comandos como se indica en la documentación oficial de la cara), ya que será necesario identificar el directorio donde se está utilizando get_bloginfo ().

 <?php <? PHP 
 echo '<script type="text/javascript" src="' .  get_bloginfo ( 'template_directory' ) . '/js/facelift/flir.js">;</script>' ; 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. Entonces tenemos que empezar Facelifit y especificar a qué elementos va a haber sustitución de los tipos. Uma grande vantagem é que é possível utilizar a sintaxe do jQuery, devido à compatibilidade nativa que tanto Facelift quanto Wordpress têm do framework ! Una gran ventaja es que puede utilizar la sintaxis de jQuery, debido a que tanto la compatibilidad nativa cara como Wordpress tiene el marco! 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). Luego, a sabiendas e identificar los elementos de la página que la costumbre tipos, basta con que especifique que el código (como la generación se inició con PHP, vamos a seguir).

O código final fica assim (no exemplo, altero os títulos secundários da barra lateral): El último código es así (en el ejemplo, cambiar los valores lado de la barra lateral):

 <?php <? PHP 
 echo ' echo ' 
     <script type="text/javascript" src="' .  get_bloginfo ( 'template_directory' ) . '/js/facelift/flir.js"></script> <script type="text/javascript" src="'. get_bloginfo ('template_directory').'/js/facelift/flir.js"> </ script> 
     <script type="text/javascript"> <script type="text/javascript"> 
     FLIR.init({path:"' .  get_bloginfo ( 'template_directory' ) . '/js/facelift/"}); FLIR.init ((path: " '. Get_bloginfo (' template_directory ')'. / Js / lifting /"}); 
     $("#sidebar h2").each( function() { FLIR.replace(this); } ); $ ( "# Barra lateral h2). Cada uno (function () (FLIR.replace (este );)); 
     </script> </ Script> 
 ' ; '; 
 ?> > 

E pronto! Eso es todo! Agora seu blog Wordpress pode usar qualquer fonte tipográfica, em qualquer local que você queira! Ahora su blog Wordpress puede utilizar cualquier fuente de texto, donde quieras!

Importantes observações sobre a troca de tipos com o Facelift Importantes comentarios sobre el intercambio de tipos con la cara

Na verdade, o Facelift pode ser usado em qualquer tipo de site ou blog , seja Wordpress ou não. De hecho, la cara puede ser utilizado en cualquier tipo de sitio o blog, o no 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. Sin embargo, en función del peso de las imágenes - incluso más generados en tiempo real - y el rendimiento del blog / sitio, en general, es conveniente modificar sólo los tipos de valores y / o zonas de alta funcionalidad.

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 nota de que, como se trata de la inserción de imágenes, si una imagen estrapole el ancho para el elemento que fue "sustituido" por ella, puede romper su diseño y / o imagen de ser un medio-oculto por la prevención de los lectores de la visualización de 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. Por lo tanto, si el uso de artículos con el título corto y / o tiene un espacio útil para los títulos considerable, el uso y abuso de tipos personalizado en tu blog o sitio; el contrario, se limitan a utilizar los tipos de costumbre sólo en áres prominente o textos que contienen pocas y pequeñas palabras.