Categoría: Wordpress

Los botones para compartir de Facebook y Twitter son un buen complemento para compartir. Pero no flota correctamente en el lado izquierdo del poste. Si la pantalla es demasiado pequeña, el botón se superpondrá a cada publicación. A continuación, haré algunos cambios y luego los botones siempre flotan en el lado izquierdo de la publicación.

Editando twitter-facebook-google-plusone-share / tf_display.php:

//$output = '<div id="leftcontainerBox" style="' .$border. $bkcolor. 'position:' .$option['float_position']. '; top:' .$option['bottom_space']. '; left:' .$option['left_space']. ';">';
$output = '<div id="leftcontainerBox" style="' .$border. $bkcolor. 'position:' .$option['float_position']. '; top:' .$option['bottom_space']. '; ">';

#leftcontainerBox {
float:left;
z-index: 1000;
margin-left:-100px;
}

Recientemente, cuando actualizo el complemento de sintaxis wp, muestra el código en un color de fondo alternativo para cada línea. Esto es muy molesto y hace que el código no sea legible. Se parece a lo siguiente:

La solucion es simple. Vaya a Editar el complemento y seleccione wp-syntax / css / wp-syntax.css para editar. Primero comente el siguiente código usando «/ * * /».

 
.wp_syntax td.code{
	background-color: #EEE;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-image: -ms-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-image: -o-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-size : 1px 32px;
	line-height     : normal !important;
	white-space     : normal !important;
	width           : 100% !important;
}

Luego agregue el siguiente CSS:

.wp_syntax td.code { background-image:none; background-color:none; }

Después de eliminar el color de fondo alternativo, el código tiene el siguiente aspecto:

28 de febrero de 2014

Estaba tan cansado del servicio de alojamiento de 1and1, es demasiado lento. Estaba considerando CloudFlare. CloudFlare puede mejorar el rendimiento de los sitios web almacenando en caché las páginas web en varios servidores de todo el mundo y realizando diferentes tipos de optimizaciones. Es posible que desee integrar su sitio web con este servicio como yo.

Revisé el sitio web de la oficina de CloudFlare e intenté comprar el servicio allí. Pero descubrí que 1and1 realmente colabora con CloudFlare.
Si utiliza Servicio de hosting 1and1, puede actualizar el plan para que sea «1 & 1 Unlimited» y luego usar el servicio CloudFlare de forma gratuita. Es más barato que comprar directamente en CloudFlare.

En su panel de control, puede activarlo haciendo clic en los enlaces. Así que considera usar Servicio de hosting 1and1.

Si está ejecutando un blog y utiliza Google Adsense para monetizar su blog. Es posible que sepa que hay muchas formas de mejorar el rendimiento de Adsense. Este artículo demuestra cómo hacer que la fuente del blog sea como la fuente de Google Adsense, de modo que los anuncios parezcan parte del contenido. Supongo que tiene conocimientos básicos de CSS y HTML, y está utilizando WordPress.

Google Adsense ofrece 8 tipos diferentes de familias de fuentes, como Open Sans, Open Sans Light, Roboto Light, Ubuntu Light, Lori, etc. Las he probado todas, Roboto Light funciona mejor para mi sitio. En realidad, es la familia de fuentes predeterminada si se elige «Familia de fuentes predeterminada». A continuación, se mostrará cómo configurar la fuente Roboto para blogs de WordPress.

Paso 1: identificar la familia de fuentes que utiliza Google Adsense

Puede elegir la familia de fuentes en su cuenta de Google Adsense de la siguiente manera:

Además, desea conocer las propiedades de tamaño, interlineado, altura y peso de la fuente. Por lo tanto, es posible que desee instalar el complemento firebug. Está disponible para Chrome y Firefox. Puede inspeccionar el estilo de fuente de los elementos puntiagudos.

Paso 2: obtenga la fuente del sitio web de Google Fonts

Todas las fuentes de Adsense, o fuentes similares, se pueden encontrar en el sitio de fuentes de Google: https://www.google.com/fonts

Vaya al sitio de Google Fonts y busque «Roboto»:

Haga clic en el botón de flecha hacia la derecha para «Uso rápido»:

Elige el estilo aquí:

Copie el código de la fuente Roboto:

Este es el código que necesitará finalmente: (Puede usar esta línea directamente en su blog)

<link href='http://fonts.googleapis.com/css?family=Roboto:300' 
      rel='stylesheet' type='text/css'>

Paso 3: configura la fuente para tu blog

Vaya al editor de temas de WordPress, edite el archivo header.php, coloque el código «» entre «» y «» y guárdelo. Ahora ha incluido la familia de fuentes Roboto.

El último paso es configurar CSS para las etiquetas HTML que desea cambiar. Vaya de nuevo a su editor de temas de wordpress, edite el archivo styles.css.

En mi caso, quiero cambiar la etiqueta , así que inserto el siguiente código en el archivo css.

.entrybody strong, .entrybody strong a:hover, .entrybody strong a  {
	color:#333333;
	font-weight:300;
	line-height:150%;
	text-decoration:none;
        font-faimily: 'Roboto',arial,sans-serif;
	font-size:29px;
	line-height: 34px;
 	letter-spacing:-1px;
}