[ un desarrollo de PATAGONIA CREATIVE ]

Archivos en Categoria: Tutoriales

  • wordpress – Cómo usar los custom fields

    tutoinfectedfx.jpg

    Si buscaban desde hace tiempo información sobre los custom fields ó campos personalizados de wordpress, donde pueden aprender como funcionan y como utilizarlos, InfextedFX (estrenando nuevo diseño), acaba de publicar un fabuloso tutorial sobre cómo usar los custom fields de nuestros posts WordPress. Si aun no conocían como funcionaban, es un buen momento para tomarse unos minutos a leer el tutorial, e indagar en los ejemplos presentados.

    Enlace Cómo usar los custom fields

    4 years old particular more or less gear
    lous vuitton speedy S Dollar Looks Like A Good Short

    The world of fashion and design is constantly evolving
    woolrich parkaMarkus Lupfer 2013 Spring RTW collection

  • Paginar un largo artículo

    pagesingle.jpg

    Puede que en algún momento hayan publicado un tutorial en sus blog, y por lo general siempre que se intenta explicar cada pasó detalladamente, nos lleva a escribir un artículo más largo de lo que pensábamos. Pero con WordPress nada es difícil de solucionar, y una buena idea sería paginar estas entradas individuales o bien “page” independientes del contenido. Como lo lograremos? Muy simple, añadiendo el siguiente texto cada vez que queramos cortar o pausar nuestra entrada.

    pagesingle2.jpg

    Etiqueta requerida en tu plantilla:
    La mayoría de los themes no tienen la etiqueta en el lugar deseado, si la paginación no aparece en la parte inferior de sus artículos o page, deberás editar la plantilla.
    Abrir los archivos single.php y page.php con el editor de texto que usas habitualmente y busque la línea siguiente:

    1. <?php the_content('Leer el resto de esta entrada &raquo;'); ?>

    Reemplazar con:

    1. <?php the_content('Leer el resto de esta entrada &raquo;'); ?>
    2. <?php link_pages('<p>Pages: ', '</p>', 'next', ' &raquo;', '&laquo; '); ?>

    Fuente mywordpressdesign

    japanese people professionals and the style into the future
    woolrich arctic parka Maryland struggles with setback distances

    in order to maintain a friendly environment that is welcoming to all
    chanel espadrillesEp Pro WATER RESISTANT JACKET W

  • Tabs usando jQuery by nettuts

    tabsj.jpg

    Para aquellos que deseaban crear TABS para sus blogs con efectos realmente llamativos gracias a la utilización de bibliotecas como jQuery en ellos, nettuts ha preparado un extraordinario tutorial muy simple de seguir, y con el cual aprenderan a montarlo y conocer como diseñarlos desde cero. También podrán descargar los archivos correspondientes al demo que podremos ver funcionando. No tengo dudas, que les agradara.

    Ver Demo - Descarga - Mas info Create A Tabbed Interface Using jQuery

    As stated earlier
    wandtatoo Ezine and Newletter Marketing Success Secrets Part II

    it is not satisfied
    burberry scarfHow Fashion Styles Affect Our Personality

  • Dar estilo a tus Comentarios WordPress

    commentsestilo.jpg

    Si piensas rediseñar por completo tu blog, no estaría nada mal, dedicar tiempo a elaborar cosas creativas para los comentarios de tu blog. Partiendo de esa idea, encuentro en darrenhoyt, algunos prácticos ejemplos que podrás utilizar como base, donde se incluyen inclusive ejemplos de códigos y la posibilidad de los PSD originales.
    Ampliar info y mas ejemplos Styling Your WordPress Comments
    Lo primero será, editar tu archivo “comments.php” de tu theme wp:

    1. <ol class="commentlist">
    2. <?php foreach ($comments as $comment) : ?>
    3. <li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
    4. <div class="commenttext">
    5. <cite><?php comment_author_link() ?></cite>
    6. <?php comment_text() ?>
    7. <span class="date"><img src="/images/commentlink.gif" alt="" /> <a href="#comment-<?php comment_ID() ?>" title=""><?php comment_time() ?> on <?php comment_date('n/j/y') ?></a></span> <?php edit_comment_link('edit','&nbsp;&nbsp;',''); ?>
    8. </div>
    9. <?php if ($comment->comment_approved == '0') : ?>
    10. <em>Your comment is awaiting moderation.</em>
    11. <?php endif; ?>
    12. </li>
    13. <?php
    14. /* Changes every other comment to a different class */
    15. $oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';?>
    16. <?php endforeach; /* end for each comment */ ?>
    17. </ol>

    Un poco de estilo

    1. ol.commentlist {
    2.     margin:0;
    3.     padding:0;
    4.     }
    5.  
    6. .commentlist li {
    7.     margin-bottom:8px;
    8.     background: #60360b url(http://www.yoursite.com/images/comment_arrows.gif) bottom no-repeat;
    9.     color:#FFF;
    10.     list-style:none;
    11.     width:413px;
    12.     }
    13.  
    14. .commentlist .commenttext {
    15.     background:url(http://www.yoursite.com/images/bg_paint.gif) no-repeat;
    16.     padding:22px 22px 50px 22px;
    17.     }
    18.  
    19. .commentlist cite {
    20.     display:block;
    21.     color:#FFF;
    22.     font-weight:bold;
    23.     text-transform:uppercase;
    24.     font-style:normal;
    25.     background:url(http://www.yoursite.com/images/bg_cite_arrows.gif) bottom repeat-x;
    26.     padding-bottom:12px;
    27.     font-size:1.1em;
    28.     }
    29.  
    30. .commentlist a:link, .commentlist a:visited {
    31.     color:#fff9b9;
    32.     }
    33.  
    34. .commentlist a:hover, .commentlist a:active {
    35.     color:#FFF;
    36.     }
    37.  
    38. .commentlist .date {
    39.     background:#930e27;
    40.     padding:3px;
    41.     }
    42.  
    43. li.alt {
    44.     background:#836241 url(http://www.yoursite.com/images/comment_arrows_alt.gif) bottom no-repeat;
    45.     }
    46.  
    47. li.alt .commenttext {
    48.     background:url(http://www.yoursite.com/images/bg_paint_alt.gif) no-repeat;
    49.     }  
    50.  
    51. li.alt .date {
    52.     background:#67421c;
    53.     padding:3px;
    54.     }

    Descarga PSD original para este ejemplo – Ampliar info y mas ejemplos Styling Your WordPress Comments

    just as if you ordered a regular cap from their site
    woolrich parka European Casual Armani Clothes Still Popular This Autumn 2008

    the likelihood of a relationship lasting is not great
    chanel espadrillesNike Air Jordan 1 High With Aluminum Briefcase

  • Tutoriales

    26 /06 / 2008 - 11:17 pm

    Publicado por Nikko.


    Social Link

    Poner anuncios entre post

    cg-inbetween.jpg

    Creo que este post de infectedfx vendrá muy bien para seguir con el tema del post anterior sobre como adaptar de diferentes maneras los anuncios de Google Adsense en nuestros blog. En el tutorial de infectedfx veremos como insertar los anuncios después del post número “X”, después de cada uno de los post, después del último post o visualizar el anuncio solo al ingresar al post. Y para hacerlo simple se utilizara el plugin CG-Inbetween, que nos permitirá lograr esto de una forma muy fácil.

    Enlace Poner publicidad entre posts

  • 40 consejos y trucos WordPress para dar a tus proyectos aspectos realmente diferentes.

    wpicksk.jpg

    Si suelen buscar agradables consejos y técnicas las cuales luego puedan utilizar para mejorar sus themes wordpress o proyectos online basados en esta plataforma, les recomiendo este agradable articulo de Hongkiat, en el cual recopila los 40 tips y hacks WordPress mas buscados o con los cuales darás a tus proyectos aspectos realmente diferentes.

    Mas info 40+ Most Wanted WordPress Tricks and Hacks

    Algunos de ellos:

    • Mostrar categorías en un menú horizontal desplegable, ver cómo.
    • Agregar Gravatar del autor de cada post, ver cómo.
    • Utilizar una página personalizada cómo página de inicio, ver cómo.
    • Poner la biografía del autor en cada post, ver cómo.
    • Mostrar los posts más recientes de una categoría en específico, ver cómo.
    • Resaltar los comentarios del autor del post, ver cómo.
    • Crear thumbnails (miniaturas) de una imágen de cada post y mostrarla, ver cómo.
    • Crear y mostrar una imagen para una categoría, ver cómo.
    • Dar formato a las imágenes para que se muestren correctamente el los lectores de Feeds, ver cómo.
    • Crear un bonito botón para mostrar la fecha en WordPress, ver cómo.
    • Ocultar anuncios para ciertos posts en particular, ver cómo.
    • Personalizar las páginas de error 404, ver cómo.

    Traduccion carlosleopoldoLeer mas

  • Tutorial 9 – Tutoriales, recursos, PSD, Brushes y mas

    tutorial9.jpg

    Tutorial 9 es un extraordinario blog en el cual podrán encontrar muchos tutoriales sobre Photoshop, Illustrator, Photography y demás. A todo eso sumarle la cantidad de recursos que nos ofrece para descargar de forma totalmente gratuita, archivos PSD, Brushes, etc. Si acostumbran a buscar este tipo de recursos frecuentemente, Tutorial 9 les encantara.

    Enlace Tutorial 9


Pagina 1 de 41234