[ un desarrollo de PATAGONIA CREATIVE ]

Archivos en Categoria: WordPress

  • Themes | WordPress

    13 /09 / 2008 - 1:09 pm

    Publicado por Nikko.

    • 15
    • 4.272

    Social Link

    WP Themes News

    wpthemesnews.jpg

    Este mes se lanzo WPThemesNews una página donde se pueden encontrar todas las últimas noticias referidas a sitios que ofrecen themes free pero sobre todo Premium. Sin duda, una forma práctica de estar al tanto del lanzamiento de los nuevos diseños que ofrecen cada una de las empresas online o diseñadores freelance. Si suelen buscar themes Premium para proyectos un poco más serios, aquí encontraras muchas alternativas y creo que los diseñadores que mejor hacen su trabajo basándose en mi adorable wordpress. Press75, Solostream, Storelicious, WooThemes, son algunas de las empresas que podrán seguir desde aquí.

    Enlace WPThemesNews

    The front of the sweatband should sit underneath any bangs
    burberry schal Mount Jewelry Armoire with Mirror

    sundance golf club airport hotels
    outlet woolrichThe Great Worm of Avebury

  • Añadir iconos de fechas y burbujas con números de comentarios en los link hacia tus post

    tipscomen.jpg

    Date Badges and Comment Bubbles for Your Blog, una atractiva forma para resaltar nuestros últimos artículos, añadiendo icono de fechas y, a continuación, burbujas en el numero de nuestros comentarios. La idea es muy original, y sin duda, ayudara a resaltar aun más el contenido de este tipo de secciones destinadas para este fin.

    Ver demo en Yoast – Mas info css-tricks
    Nuestro estilo

    1. p.date {
    2.     width: 42px;
    3.     height: 10px;
    4.     padding: 18px 0 14px 0;
    5.     text-align: center;
    6. }
    7.  
    8. p.date span { display: none; }
    9.  
    10.  
    11. /************************************************
    12.  
    13. *   iconos para cada mes                                    *
    14.  
    15. ************************************************/
    16.  
    17. .month1 { background: url(images/cal_01.gif) no-repeat 0 0; }
    18. .month2 { background: url(images/cal_02.gif) no-repeat 0 0; }
    19. .month3 { background: url(images/cal_03.gif) no-repeat 0 0; }
    20. .month4 { background: url(images/cal_04.gif) no-repeat 0 0; }
    21. .month5 { background: url(images/cal_05.gif) no-repeat 0 0; }
    22. .month6 { background: url(images/cal_06.gif) no-repeat 0 0; }
    23. .month7 { background: url(images/cal_07.gif) no-repeat 0 0; }
    24. .month8 { background: url(images/cal_08.gif) no-repeat 0 0; }
    25. .month9 { background: url(images/cal_09.gif) no-repeat 0 0; }
    26. .month10 { background: url(images/cal_10.gif) no-repeat 0 0; }
    27. .month11 { background: url(images/cal_11.gif) no-repeat 0 0; }
    28. .month12 { background: url(images/cal_12.gif) no-repeat 0 0; }
    29.  
    30.  
    31.  
    32. /************************************************
    33.  
    34. *   Burbuja con numero de comentarios*
    35.  
    36. ************************************************/
    37. .shield {
    38.     position: relative;
    39. }
    40. .commentscloud {
    41.     position: absolute;
    42.     text-align: center;
    43.     top: -4px;
    44.     left: 22px;
    45.     width: 30px;
    46.     height: 24px;
    47.     padding: 3px 0;
    48.     background: url(images/bubble.png) no-repeat 0 0;
    49. }

    Implementarlo en wordpress

    1. <div class="shield">
    2.     <p class="date month<?php the_time('n'); ?>">
    3.         <span><?php the_time('F'); ?></span>
    4.         <?php the_time('j'); ?>
    5.         <span><?php the_time('S'); ?></span>
    6.     </p>
    7.     <div class="commentscloud">
    8.         <?php comments_number('0', '1', '%'); ?>
    9.     </div>
    10. </div>

    well cut trench that looks and fits better
    hollister uk boreal canada goose parka Europe style wholesale

    scottsdale the us hotels
    burberry scarfShop And Feel Great Sporting Most Up

  • Wppal – WordPress Layout Generator

    wplogo.jpg

    Para todos aquellos que se les suele dificultar o no se atreven a editar themes wordpress, llega otra buena opción para facilitarles dicho trabajo. wppal.com una herramienta que nos permitirá editar nuestro Themes wordpress de manera online de una forma sumamente simple a medida que vamos observando cada cambio realizado en tiempo real. Podremos editar los tonos de nuestro sidebar, header, fuentes, etc. wppal.com por el momento posee 6 themes que podremos editar completamente, pero si tienen algún theme que les gustaría recomendar, pueden hacerlo tranquilamente desde la opción “Suggest a Theme” y luego esperar que sea incluido al sistema. Quizás para algunos, las opciones puedan parecer mínimas, pero aun siendo mínimas, wppal puede ser un recurso extraordinario para otras que poseen pocos conocimientos. De todas formas, quiero creer que en futuro podremos encontrar otro tipo de personalizaciones, ej ancho de sidebar, columnas, etc que hagan a wppal.com aun mucho más interesante, sin duda estarán trabajando en ello.
    Una vez que hemos editado cada una de las secciones a nuestro gusto, basta con dar en la opción SAVE para guardar los cambios y posteriormente pasar a descargar el theme completo en un archivo Zip o bien, tan solo la hoja de estilo generada. Muy simple ¿verdad?

    Enlace wppal.com

    process wisdom
    burberry outlet clothing fads paper dresses and dress in a can

    Not to mention Sirius XM NASDAQ
    valentino outletThe Inflation Trade Is Alive and Kicking

  • 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

  • The Featured Content Gallery – Plugin WP para generar contenido destacado

    featured-content-gallery.jpg

    The Featured Content Gallery, es un agradable plugin wordpress desarrollado por wpelements, el mismo nos permitirá montar en nuestros themes wordpress, de una forma sumamente simple, una galería muy agradable que hemos comentado en alguna oportunidad: SmoothGallery de JonDesigns. Lo genial de esta galería, transformada en plugin wordpress, es que una vez integrada a nuestro theme la podremos actualizar desde nuestro propio administrador wordpress, donde básicamente gestionaremos las 5 imágenes a mostrar, el titulo que llevara cada una de nuestras imágenes, acompañada de una breve descripción, e inclusive nos permite añadir el link hacia un post especifico donde redireccionaremos a nuestros usuarios al hacer clic sobre una imagen en particular. Sin duda, este plugin es una muy buena opción para generar Featured o post destacados en nuestros themes wordpress, sin complicarnos tanto la vida.
    Instalar The Featured Content Gallery Plugin

    • Descargamos el plugin “content-gallery.zip” by wpelements
    • Subimos el plugin a la carpeta /wp-content/plugins/ de tu WordPress ej: p-content/plugins/content-gallery/
    • Activamos el plugin desde el panel de administración WordPresss
    • Añadimos el siguiente código dentro de algún archivo de nuestro theme donde deseamos mostrar la galería. (sidebar, index, etc)
    1. <?php include (ABSPATH . '/wp-content/plugins/content-gallery/gallery.php'); ?>

    Gestionamos
    Nos dirigimos dentro de nuestro Panel administrador Wp a la opción “setting” u opciones generales, una vez allí buscamos la opción “Featured Content Gallery” y comenzamos a gestionar nuestra galería. La cual es muy simple de entender.

    fotoadmingaleria.jpg

    Ajustar el ancho y altura de nuestra galería (Opcional)
    Para modificar el ancho y el alto de la galería, editar el archivo “jd.gallery.css” que se encuentra dentro de la carpeta “css” del plugin de Galería. EJ:

    1. #myGallery, #myGallerySet, #flickrGallery
    2. {
    3. width: 460px; /* this is the width of your gallery */
    4. height: 345px; /* this is the height of your gallery */
    5. z-index:5;
    6. border: 1px solid #000;
    7. }

    Para ampliar Informacion The Featured Content Gallery by wpelements

    Gracias Cesar

  • 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


Pagina 8 de 14« Portada...456789101112...Ultima »