Archive | cosas que leí por ahí RSS for this section

Luego de Instalar Fedora 17

Hice algunos cambios en la net de conectar, entre ellos, instalar fedora 17.

Como distribuciòn totalmente libre, no tiene instalados los codecs de mp3 y demás multimedias… tampoco flash 😦

Así que utilicé este post donde estan casi todos los paquetes a instalar en fedora 17:

http://tachiblog.com.mx/?p=352

Preguntar por categoría

Dando vueltas por internet encontré algunas planteos que tiene que ver con saber de que categoría es el post que se quiere mostrar.

Por ejemplo:

  • Mostrar los Post de una cotegoría con un fondo distinto, o algún detalle que lo distinga
  • Mostrar un elemento en el Sidebar distinto dependiendo de la categoría.
  • Etc.

La forma sencilla de hacerlo es:

</div>
<div>

<?php

if ( have_posts() ) { the_post(); rewind_posts(); }
 if ( in_category(numero_de_categoría) ) {
 echo 'si';
 } else {
 echo 'no';
 }
 ?>

</div>
<div>
En el lugar de echo podría ponerse  una imagen o un include.
Si se pretende hacer una página totalmente distinta al resto para mostrar los post de una categoría, se puede hacer de la siguiente manera:
El archivo Single.php (que se encarga de mostrar cada post individualmente) lo renombramos a single-all.php
Creamos un single-micategoria.php (micategoria puede ser el numero para entenderlo luego) con el formato que queremos que tenga esa categoría especial.
Creamos otro archivo Single.php con el síguiente código:
</div>
<div>

<?php
 if ( have_posts() ) { the_post(); rewind_posts(); }
 if ( in_category(micategoria) ) {
 include(TEMPLATEPATH . '/single-micategoria.php');
 } else {
 include(TEMPLATEPATH . '/single-alll.php');
 }
 ?>

</div>
<div>
Infinitas posibilidades….

Crear áreas para widgets

WordPress nos permite manejar widgets con solo arrastrar y soltar desde el panel de administrador. ¿Pero qué sucede si el theme que utilizamos no trae esa función o necesitamos agregar mas sidebars? Aprendamos a generar un área de widgets y a utilizar condicionales para obtenersidebars diferentes para cada sección.

Agregar un área de widgets a nuestra sidebar

Abrimos el archivo functions.php y editamos o, en caso de no tenerlo, creamos un archivo y colocamos lo siguiente dentro:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

Básicamente lo que hacemos es iniciar el widget, colocarle un nombre, indicar si va a tener alguna clase antes y después del elemento, y que etiquetas utilizaremos para el título. En nuestro caso solamente indicaremos que el título del widget irá dentro de tags <h2>.

Ahora en nuestro archivo sidebar.php añadimos:

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->

Ya con este paso podremos ver el área para manejar los widgets en Escritorio Apariencia Widgets.

Crear sidebars diferentes para cada sección

Digamos que están trabajando con dos páginas y una categoría. Utilicemos el mismo archivo sidebar.php y agreguemos condicionales para separar las barras laterales a cargar. La primer porción de la sidebar se mostrará solo si se está mostrando algún contenido dentro de la categoría 3 (pueden ser entradas o subcategorías).

<?php if (in_category(3)) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php } else { ?>
<div id="sidebar">
Blablabla
</div>
<?php } ?>

Lo que hicimos es indicar que si el contenido está dentro de la categoría 3, entonces que muestre el área dewidgets llamada “Sidebar”, si no estamos en dicha categoría entonces que muestre lo que se encuentraentre llaves luego del else.

Ahora debemos agregar las secciones para las dos páginas que mencionamos antes. En esta sección del codex en WordPress.org van a encontrar todos los conditional tags que podrían necesitar para armar sus propios condicionales.

<?php if (in_category(3)) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php elseif (is_page('Contactenos')) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Contactenos") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php elseif (is_page('2')) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Otra sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php } else { ?>
<div id="sidebar">
Blablabla<
</div>
<?php } ?>

Ahora agregamos dos sidebars mas, una para la página “Contáctenos” y otra para la página con ID 2. Verán en el codex que pueden referirse a las páginas por nombre, slug (permalink) o ID.

Sin embargo necesitamos declarar estas dos nuevas áreas de widgets en el functions.php para que funcionen:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Contactenos',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Otra sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

Ahora si podemos arrastrar y soltar los widgets en las secciones deseadas. Podemos utilizar cuantas sidebarspersonalizadas querramos y a todas ellas colocarles áreas de widgets.

 

Fuente: SummArg

Texto 3D con CSS

Es un buen efecto que vi en algún momento en internet. Funciona en todos los navegadores modernos menos en el innombrable, aunque no es responsabilidad de su interpretación ya que no hay un estandar al respecto de las sombras.

h1 {
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}

 

Fuente: Diseñoweb

WP: obtener dirección de plantilla

La función get_bloginfo(“template_url”) devuelve la dirección de la plantilla en uso, pero para usarlo en nuestro código es necesario usarlo con echo:

<img src="<?php echo get_bloginfo('template_url'); ?>/images/logo.gif" alt="Logo" />

Lo que hacemos es mostrar un logo dentro de la carpeta de imágenes de la plantilla

 

Otros parámetros de get-bloginfo():

Usage

 <?php $bloginfo = get_bloginfo( $show, $filter ); ?> 

Parameters

$show
(string) (Optional) Keyword naming the information you want.

Default: name
  • name‘ – Returns the ‘Site Title‘ set in Settings > General. This data is retrieved from the ‘blogname‘ record in thewp_options table.
  • description‘ – Returns the ‘Tagline‘ set in Settings > General. This data is retrieved from the ‘blogdescription‘ record in the wp_options table.
  • wpurl‘ – Returns the ‘WordPress address (URL)‘ set in Settings > General. This data is retrieved from the ‘siteurl‘ record in the wp_options table. Consider using site_url() instead.
  • siteurl‘ / ‘home (note this is deprecated! from version 2.2)‘ / ‘url‘ – Returns the ‘Site address (URL)‘ set inSettings > General. This data is retrieved from the ‘home‘ record in the wp_options table. Consider using home_url()instead.
  • admin_email‘ – Returns the ‘E-mail address‘ set in Settings > General. This data is retrieved from the ‘admin_email‘ record in the wp_options table.
  • charset‘ – Returns the ‘Encoding for pages and feeds‘ set in Settings > Reading. This data is retrieved from the ‘blog_charset‘ record in the wp_options table.
  • version‘ – Returns the WordPress Version you use. This data is retrieved from the ‘$wp_version‘ variable set in wp-includes/version.php.
  • html_type‘ – Returns the Content-Type of WordPress HTML pages (default: text/html). This data is retrieved from the ‘html_type‘ record in the wp_options table. Themes and plugins can override the default value using thepre_option_html_type filter.
  • text_direction‘ – Returns the Text Direction of WordPress HTML pages. Consider using is_rtl() instead.
  • language‘ – Returns the language of WordPress.
  • stylesheet_url‘ – Returns the primary CSS (usually style.css) file URL of the active theme. Consider usingget_stylesheet_uri() instead.
  • stylesheet_directory‘ – Returns the stylesheet directory URL of the active theme. (Was a local path in earlier WordPress versions.) Consider using get_stylesheet_directory_uri() instead.
  • template_url‘ / ‘template_directory‘ – URL of the active theme’s directory (‘template_directory‘ was a local path before 2.6; see get_theme_root() and get_template() for hackish alternatives.) Within child themes, both get_bloginfo(‘template_url’) and get_template() will return the parent theme directory. Consider usingget_template_directory_uri() instead (for the parent template directory) or get_stylesheet_directory_uri() (for the child template directory).
  • pingback_url‘ – Returns the Pingback XML-RPC file URL (xmlrpc.php).
  • atom_url‘ – Returns the Atom feed URL (/feed/atom).
  • rdf_url‘ – Returns the RDF/RSS 1.0 feed URL (/feed/rfd).
  • rss_url‘ – Returns the RSS 0.92 feed URL (/feed/rss).
  • rss2_url‘ – Returns the RSS 2.0 feed URL (/feed).
  • comments_atom_url‘ – Returns the comments Atom feed URL (/comments/feed).
  • comments_rss2_url‘ – Returns the comments RSS 2.0 feed URL (/comments/feed).
$filter
(string) (Optional) Keyword specifying how to filter what is retrivied.

Default: raw
  • Display‘ – Passes the value of ‘$show‘ through wptexturize() function before returning it to caller.
  • raw‘ – Returns the value of ‘$show‘ as is.

Examples

Default Usage

The default usage assigns your blog’s title to the variable $blog_title.

 <?php $blog_title = get_bloginfo(); ?>

Blog Title

This example assign your blog’s title to the variable $blog_title. This returns the same result as the default usage.

 <?php $blog_title = get_bloginfo('name'); ?>

Blog Tagline

Using this example:

 <?php echo 'Your Blog Tagline is: ' . get_bloginfo ( 'description' );  ?><br />

results in this being displayed on your blog:

 Your Blog Tagline is: All things WordPress

Template Directory

Returns template directory URL to the active theme.

Example output

From version 2.7. On host example, the Blog address (URL) is shown at http://www.example.com/home, and the WordPress address (URL) is installed at http://www.example.com/home/wp.

Note that directory URLs are missing trailing slashes.

admin_email          = admin@example.com
atom_url             = http://www.example.com/home/feed/atom
charset              = UTF-8
comments_atom_url    = http://www.example.com/home/comments/feed/atom
comments_rss2_url    = http://www.example.com/home/comments/feed
description          = Just another WordPress blog
home                 = http://www.example.com/home
html_type            = text/html
language             = en-US
name                 = Testpilot
pingback_url         = http://www.example.com/home/wp/xmlrpc.php
rdf_url              = http://www.example.com/home/feed/rdf
rss2_url             = http://www.example.com/home/feed
rss_url              = http://www.example.com/home/feed/rss
siteurl              = http://www.example.com/home
stylesheet_directory = http://www.example.com/home/wp/wp-content/themes/largo
stylesheet_url       = http://www.example.com/home/wp/wp-content/themes/largo/style.css
template_directory   = http://www.example.com/home/wp/wp-content/themes/largo
template_url         = http://www.example.com/home/wp/wp-content/themes/largo
text_direction       = ltr
url                  = http://www.example.com/home
version              = 2.7
wpurl                = http://www.example.com/home/wp

Source File

get_bloginfo() is located in wp-includes/general-template.php.

WP: listar las últimas entradas de determinada categoría

Donde dice photoshop en (‘category_name’) deberemos suplantarlo por el nombre de la sección que queremos listar.

<pre><div>
<?php query_posts('category_name=photoshop&showposts=5');?>
<?php if (have_posts()) : while (have_posts()) : the_post();?>
     <ul>
         <li>
             <h2><a href="<?php the_permalink();?> title="<?php the_title_attribute();?>"><?php the_title();?></a></h2>
         </li>
     <ul>
<?php endwhile; endif;?>
</div></pre>

WP: listar las últimos post

La función: (‘showposts=5′) nos indica cuantos posts se van a mostrar, si queremos que nos muestre más que 5, lo que deberemos hacer es cambiarlo por el que queramos.

<pre><div>
<?php query_posts('showposts=5');?>
<?php if (have_posts()) : while (have_posts()) : the_post();?>
     <ul>
         <li>
             <h2><a href="<?php the_permalink();?> title="<?php the_title_attribute();?>"><?php the_title();?></a></h2>
         </li>
     <ul>
<?php endwhile; endif;?>
</div></pre>