formado

Entradas con la etiqueta 'PHP y CSS "

En última instancia, esto no es una parte completa de la serie, pero un suplemento.
En el cuarto Parte de ella se ocupó de eran Compartir en Twitter , en sí misma un complemento genial para Twitter, sino también los servicios de marcadores sociales (Plurk, Buzz, Delicious, Digg, Ping, Reddit, Stumble). Numerosas opciones de configuración y una selección de botones de fantasía vuelta a la primera impresión positiva. Desafortunadamente, el mensaje de error

Advertencia: Argumento no válido suministrados para foreach () 358 in / home/web160/klem08/ftproot/www.klemmchen.de/wp/wp-content/plugins/tweet-this/tweet-this.php en línea

Una respuesta a las peticiones no llegaron a materializarse, por lo que he hecho lo que otros han hecho: He desactivado el plugin. Ahora una alternativa que se necesitaba.

Twit Este : Se encarga de sólo a nosotros mismos exclusivamente a la cantante. No es un plugin, pero el código se inserta manualmente:

<!-- Begin TwitThis (http://twitthis.com/) -->
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
<!-- /End -->

Yo he optado por la versión del código, ya que permite realizar ajustes en el diseño sin tener que conectar herumpulen. Así que podría reemplazar. Gif con un archivo de creación propia. PNG, y también en el control de dónde está el lazo a aparecer, el botón se le da de esta manera.

Agregar a favoritos del.icio.us : Porque quería tener también un botón Delicioso tenía que otro complemento. Está un poco anticuado, pero ni siquiera en principio XHTML válido. Por la presente

<?php dbt_the_LinkTag("Bookmark on del.icio.us"); ?>

La pantalla se puede hacer de los botones en el lazo, y yo podría poner un botón al lado en Twitter. He añadido enlaces de texto en lugar de una imagen, pero también podría haber sido más fácil. (Le recomendamos que lea los archivos Léame de vez en cuando. ) Hay numerosos consejos sobre cómo usted puede cambiar la visualización y la colocación. Con este código

<?php dbt_the_LinkTag("<img src='http://www.klemmchen.de/wp/wp-content/themes/environment/images/tt-delicious-micro4.png' alt='add to delicious' />","delicious"); ?>

se inserta bajo el poste una imagen, que también es de nuevo libremente seleccionable. Sin embargo, si los amantes de XHTML propuestas en el archivo readme para por lo menos un fragmento de código alt="" Agregar etiqueta, de lo contrario el validador se queja.

Ambas soluciones funcionan bien! Sin embargo, quiero señalar: El Tweet Esta variante sería más fácil si iban a sobrevivir, porque sin errores.

Hechelbach no puede dejar de - que era un poco jodida tanto en el diseño. En resumen, si usted vuela en la dirección de raíz, hay ahora "sólo" extractos ( <?php the_excerpt(); ?> ) - como de costumbre, un clic abre el título del artículo en el punto de vista individual, sino también un enlace a continuación el fragmento ("leer esta entrada» ') transporta al lector a ella directamente. La misma opinión ha sido seleccionado para el archivo.

Si te gusta, que se ofrece como una descarga. Estamos, sin embargo, depende de la retroalimentación. ¿Cómo te gusta este tipo de pantallas y la navegación?

Aquí está el código de acceso (actualmente en archive.php, search.php y index.php):

<div class="entry">
<?php the_excerpt(); ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php printf(__('Read the rest of this entry &raquo;', 'kubrick')); ?></a>
</div>

Es usted pudo haber notado aquí y allá: No sólo es el título del blog es hacer clic, pero también la descripción. También puede llamar a esta zona de los subtítulos. Usted tiene un visitante no se trata de una funcionalidad adicional real - sólo tiene que ir de allí a la casa de lo que se haga clic en el título del blog. El blogger, al menos cuando se registran, pero desde allí directamente hacia el área de administración. Tal vez este truco es interesante para usted - para llegar al tablero de instrumentos, no debe entonces shimmy a la relación de administración, como la descripción del blog es en realidad la parte superior del encabezado de la página y es por tanto, siempre a su alcance. Nos quedamos aquí mucho tiempo, hasta que el título suave, blog y descripción del nuevo diseño tuvo, para la visualización de lo que hemos abolido el título y la descripción.

Lo bueno es que esto se puede lograr con muy poco código. El lugar donde esto sucede, los header.php. Sólo tienes que buscar <?php bloginfo('name'); ?> y el <?php bloginfo('description');?> . La sección que se ve sobre todo como esto:

<!-- No.1: USUAL WAY. CLICK ON BLOG TITLE LETS YOU RETURN HOME WHILE THE DESCRIPTION IS JUST A DESCRIPTION NOT A CLICKABLE AREA. -->
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div>
</div>
<!-- END of No.1 -->

basta con sustituir este por:

<!-- No.2: THE FOLLOWING COMMENTED PART IMPLEMENTS DIRECT ACCESS TO ADMININSTRATION BY CLICKING ON THE BLOG DESCRIPTION WHILE ANYONE WHO IS NOT LOGGED IN RETURNS BACK HOME -->
<div id="header">
<div id="headerimg">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description">
<a href="<?php
if (current_user_can('level_10'))
echo get_settings('home').'/wp-admin/">';
else
echo get_settings('home').'/">';
bloginfo('description'); ?>
</a>
</div>
</div>
</div>
<!-- END of No.2 -->

¿Cuál es el código? Si bien se puede hacer clic en la opción 1, la cabecera estándar del título, un blog y la descripción se muestra en el encabezado, pero sólo el título y el usuario de vuelta a casa trae ( <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>) , es en la versión 2, que también muestra a la vez consultados haciendo clic en la descripción de la autorización del usuario. current_user_can('level_10') es la máxima autoridad, es decir, los administradores. Que se encuentra justo en frente del ordenador está conectado, mira a tu propio blog y me gustaría ir con urgencia en el salpicadero, así que todo lo que necesita (o ella, por supuesto) haciendo clic en la descripción de este blog. Los usuarios que no están registrados y por lo tanto no tiene los permisos adecuados, sino que simplemente con vigas de su casa.

En teoría (y práctica) la solicitud de autorización para otras funciones tiene sentido que sólo el administrador debe estar disponible. La serie de privilegios que van desde 0 (el usuario registrado) a 1 (los empleados), 2 (el autor del blog) y 7 (el editor) para dar 10 (el administrador). Por supuesto, los bits de permiso son compatibles: Un administrador puede hacer todo (niveles 10 a 0), porque el editor ya está afectada (Nivel 7-0), etc

A menudo, aunque no siempre, artículos personales, un éxito en vista de los hechos y las respuestas se concede. Uno puede tener algunos artículos en particular, pero no todos los visitantes tienen el tiempo o la inclinación para tamizar a través de todo, sólo para descubrir este artículo. Pero la solución es simple: se eliminarán todos los puestos, excepto los que se debe leer de acuerdo a su propia comprensión de los usuarios. Gracias por su atención! Hasta la próxima!

Bueno, tienes razón en que no puede ser la solución! Será diferente. Y, sí, hay una posibilidad. La inspiración para que yo soy autodidacta en algún lugar de la red. (Voy a publicar en cuanto a encontrar de nuevo.)

Si usted escribe un artículo, haga clic debajo de "campo especial". Hay que añadir algo a su gusto, tenemos "favarticle" está seleccionado, también puede el Che Guevara o Mickey Mouse o una frase de su elección para agregar. Lo importante es que usted es una palabra o un guión bajo ( _ ) Seleccione una conexión entre varias palabras. A continuación, se asigna otro valor, en este caso tenemos un número 1 o 2 se utiliza - los candidatos incluidos en la lista 1 se presentará a las 2 de los candidatos. Se extiende también a otorgar sólo un número.

Ahora hay que añadir algo de código. En primer lugar se va a ejecutar el código base functions.php un lugar apropiado. Por supuesto, también puede insertar directamente en el archivo PHP donde usted lo necesita. También se recomienda un intercambio, ya que esto preserva la claridad, y se determinan varios puntos en el tema donde se puede insertar una lista de sus favoritos. Aquí está el código que hemos empujado en el functions.php:

<?php function getFavArticles($count){ global $wpdb; $count = intval($count); $favarticles = $wpdb->get_results("SELECT post_id FROM $wpdb->postmeta WHERE meta_key ='favarticle' ORDER BY meta_value ASC LIMIT 0, $count"); if ($favarticles){ foreach ($favarticles as $favarticle){ $title = wptexturize(get_the_title($favarticle->post_id)); $link = get_permalink($favarticle->post_id); echo '<li><a href="'.$link.'" title="'.$title.'">'.$title.'</a></li>'; } }else{ echo '<li>...</li>'; } } ?>

¿Cuál es el código? Él llama a una función getFavArticles en la que se puede hacer referencia a algún lugar más adelante en el tema. Él está buscando un meta_key ='favarticle' , por lo que la llave. Usted tiene que definir, y se clasifican según el elemento seleccionado con el valor asignado según el orden ascendente. A continuación se presentan los títulos de los artículos como enlaces.

Así pues, ahora usted se ha preparado artículos, la función de PHP - que aún necesita un lugar para ejecutar la función y la lista de sus tesoros en la pantalla. Hemos colocado la lista de favoritos en la barra lateral por defecto, que es, sin embargo, el uso de widgets configurar el contenido a partir de cero. Así que les atornilla (la lista, no ustedes, los lectores), también en single.php. La sola vista se forma en incluso sin la barra lateral, pero con una representación que utiliza el espacio disponible mejor . Tenemos un extra de un color en el resto del sitio también se cayó el cuadro con los principales puntos de navegación instalados, en la actualidad existe también la lista de favoritos. Copiar el código para la barra lateral (que es ligeramente diferente a la vista de producto estructurado):

<?php }?> <?php if (function_exists('getFavArticles')): ?> <li><h3><?php _e('Top posts', 'kubrick'); ?></h3> <ul> <?php getFavArticles(10); ?> </ul> <?php endif; ?> </li>

y adaptado para el cuadro de código:

<?php if (function_exists('getFavArticles')): ?>
<h2><?php _e('Top posts', 'kubrick'); ?></h2>
<ul><li>
<?php getFavArticles(10); ?>
</li></ul>
<?php endif; ?>

Debido a las instrucciones de la lista convertidos ( <ul> como una introducción de una lista (ul = lista desordenada = lista desordenada), <li> como un nuevo elemento de lista dentro de esa lista (li = elemento de la lista list =) por las etiquetas de terminación </li> y </ul> ) y las diferentes rúbricas ( <h3> o <h2> ) es la representación de la lista de favoritos, algo diferente, pero adaptada a la situación particular y el mismo contenido.

Determinado que usted puede pensar en otras aplicaciones! Por último, puede hacer que su artículo sobre los sellos, en las compras de ropa o de su esposa - ¡oh, qué sé yo! - Con este tipo de listas que definir campos especiales, en concreto vendiendo en alguna parte.

Buena luz y Nuck bueno!

Usted probablemente sabe el "por defecto de WordPress" El tema, también conocido como "Kubrick". Este tema se basa generalmente en nuestro "medio ambiente" es el tema, a pesar de que fue modificada de modo que no es inmediatamente perceptible. Muchos consideran que "Kubrick" de ser superado, porque lo has visto con demasiada frecuencia. En principio, esto puede ser cierto, si lo envía a la carrera por completo sin editar. Sin embargo, hemos decidido, debido a las fortalezas de los temas para el uso, establecer el tema de nuevo y ahora lo utilizan para este blog.

La barra lateral, por lo que el bar de al lado con enlaces, palabras clave y categorías, para muchos usuarios una vista familiar, y con frecuencia se trata con los plug-ins adicionales jazzed, utilizamos, por ejemplo, incluyendo el widget de Placa de Flickr para presentar sus propias fotos en Flickr. "Kubrick" se muestra en su estado original, pero no en todas las situaciones, una barra lateral. Muchos sienten que este es un problema. ¿Cómo cambiar las gradas aquí . Inicialmente, se había cambiado también para todo tipo de opiniones, pero por lo menos una visión única de los productos de la barra lateral 0hne tiene un potencial sin explotar. Se podría de hecho aumentar a más de unos pequeños cambios en la hoja de estilos (style.css) es simplemente el área de visualización de la vista de artículo único y el uso como el espacio de la barra lateral de falta de utilidad.

Estamos buscando la siguiente entrada en el style.css

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }

y cambiarlo de la siguiente manera:

.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 70px; width: 600px; }

Por el margin valor de 150px a 70px se redujo, se mueve el borde izquierdo del artículo a la izquierda, existe la frontera libre en el original sin usar ahora para la visualización de la contribución. El Width -valor es ahora de 450px a 600px aumentado, por lo tanto el elemento aparecerá más amplia y por lo tanto, utiliza el espacio de lo contrario la barra lateral ocupado. Especialmente para artículos largos puede ser ventajoso porque el usuario se desplaza no tan a menudo con el fin de alcanzar el final del artículo.

Una desventaja de este método es que el usuario tiene que desplazarse hacia arriba de nuevo para volver a la página principal y por lo tanto, la barra lateral de nuevo a nuestra disposición. El inconveniente, tenemos una caja fijada en el producto final, en el - visual consciente de la pantalla elevando la otra - encontrar los enlaces de navegación principales. Esta caja se utiliza también para otros fines, pero más en un artículo posterior.

Digamos que usted desea permitir a sus visitantes a un comentario de diseño de páginas experiencia personalizada. Estándar, estas cajas incoloros con letras en negro en el nombre de sus visitantes (necesario) "," E-mail (no será publicado) (requerido) "y" Sitio Web "e introduzca el texto del comentario. Desde ahora usted desea agregar un poco de color o incluso una imagen? No hay problema, esto se realiza en unos momentos.

En primer lugar, sólo tiene una idea de lo que debe ser similar. ¿Quieres un color o una imagen? A continuación, se abre el panel de control de Wordpress style.css y buscar frases como estas:

#commentform input o #commentform textarea . (El especial en su caso, también puede contribuir nombres ligeramente diferentes, pero si ves el mismo código, pero usted tiene una idea de lo que debería encontrarse en el lugar apropiado.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Ancho" determina la longitud del campo de entrada, el "relleno" el relleno del contenido hasta el borde y el "margen" a una distancia transparente para el orden del día. Lleno, mientras que el "relleno" con el color o la imagen de su elección, es el "margen" es en realidad transparente, y se parece a su página, donde usted presenta su contenido. (Las referencias de CSS se puede encontrar aquí y aquí ).

En el caso de nuestra mano, hemos querido tener el fondo como en los campos de entrada. En consecuencia, hemos añadido la ruta a este mismo archivo de imagen: background: url('images/kubrickbgcolor.jpg');

Dado que este es bastante oscuro, que tenemos con color: #ffffcc; el color del texto corresponde un interior luminoso. Después de todo, los visitantes pueden leer lo que escriben.

¿Prefiere un color en lugar de una imagen? No reemplace el tema, sólo el background: url de la sección con esto: background: #000000; . El ejemplo se codifica negro, pero también se puede entrar en cualquier otro color.

Del mismo modo, complementar la gama #commentform textarea de la misma manera.

Nuestros resultados se pueden ver debajo de este artículo, por ejemplo, si usted lo lee en el punto de vista único.

Buena luz y Nuck bueno!

Todos ustedes saben el patrón habitual de un blog: En la parte superior de la página aparecerá el nombre del blog <?php bloginfo('name') ?> y la descripción <?php bloginfo('description'); ?>. Haga clic en el nombre del blog lleva el los usuarios de nuevo en el directorio principal. Pero si usted quiere - como artificio - sólo tiene que especificar qué tipo de letra que aparecen en la imagen de cabecera, es difícil, solo, simplemente porque la fuente que acaba de crear, no se acaba de instalar en cualquier computadora - y puede ser utilizado sólo para ellos. En la nueva novela de Arial o Times no es ciertamente un problema, pero ya se sabe, por ejemplo, o incluso pequeñas pinzas Haettenschweiler? Ver - el requisito de diseño están sujetos a fuertes restricciones. Con unos pocos fragmentos de código, pero eso no es problema.

<h1><a xhref="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1> <div class="description"><?php bloginfo('description'); ?></div>


Encontramos este pasaje en los header.php. Elimínelos o comentar a cabo. Comentando? Todo lo que entre <!-- y --> se trata, se pasa por encima, y por lo tanto no existe para el software que traduce los garabatos en un lado de la línea visible. Siempre comentar mucho, por lo menos si no se renueva el uso de los códigos utilizados ahora no es imposible - para los cambios posteriores en el código, tienes que escribir por lo menos. En cualquier caso, el pasaje anterior está ahora fuera de la carrera. Wordpress Alemania ofrece ahora dos formas . Ambos funcionan a la perfección, pero cada uno asociado con ciertas limitaciones. Cuando la cabeza está codificada, insertar un

<div id="header" onclick="location.href='<?php bloginfo('url') ?>';" style="cursor: pointer;">...</div>

una. La desventaja es que los motores de búsqueda tienen problemas para leer un texto escrito - puede ver desde tu blog, cargado en la forma más amorosa, con artículos y fotografías maravillosas, no se encuentran. (Y eso sería desagradable.) También deben inclinan lector en su navegador para habilitar JavaScript, el onclick pasaje indica. Muchos a su vez activar pero por razones de seguridad (en resumen: JS), porque JS también puede estar provisto de un código defectuoso. Si tu cabeza Cascading Style Sheets imagen a través de: han incluido (abreviado CSS), entonces es mejor tomar este código.

<div id="header"> <a href="<?php bloginfo('url') ?>/" style="display:block; width:100%; height:100%;"> <span style="visibility:hidden"><?php bloginfo('name') ?></span> </a> </div>

La funciona de forma fiable, y su sitio cumple con la validación XHTML continúa. Esto no es una plataforma para la presentación de tu blog sin importancia. (No es que este blog es el Validieruung cumplido, por la forma en que el plug-in de Flickr.) ¿Cómo se puede reconocer si su imagen de cabecera con CSS está involucrado? Bueno, se escabullen en sus tiempos stylesheet.css y buscar un pasaje similar a éste:

#header { background: #352726 url('images/kubrickheader.jpg') no-repeat bottom center; } #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }

Aquí está el color de fondo que se muestra cuando la imagen no aparece, especifique la ruta al archivo de imagen (por lo general pero no siempre en las imágenes \) y las dimensiones generales (las dimensiones) de la imagen. Por lo tanto, ahora usted sabe que

Buena luz y Nuck bueno!

Hechelfeld