[ un desarrollo de PATAGONIA CREATIVE ]

Archivos en Categoria: WordPress

  • FREEmium – Un Bonito Theme WordPress

    freemium.jpg

    Si están en busca de themes muy atractivos para sus blog personales, me atreveré a recomendarles FREEmium WP, un theme WordPress que me ha parecido muy bueno por su estructura y por como ha sido ordenado todo, tan armonicamente en el diseño. Les agradara, ya verán.

    Mas Info FreebiesDock – Ver DemoDescarga

  • WP Framework – Base para tu próximo theme WP

    wpframework.jpg

    WP Framework , un theme WordPress totalmente “blanco” , limpio, sin objetos, que te permitirá crear tus propios themes en poco tiempo. Una buena forma de no comenzar tus proyectos desde “cero”, y tener una base para comenzar a plasmar todas tus ideas y tus estructuras para el próximo Theme de tu blog.
    Ver demoDescarga – Mas Info WP Framework

  • CSS | Diseño Web | WordPress

    30 /11 / 2008 - 11:30 pm

    Publicado por Nikko.

    • 15
    • 4.246

    Social Link

    Tips & hacks WordPress theme

    Hace tiempo que llevo marcado en navegador un artículo que deseaba comentar, Tips and hacks for creating your own WordPress theme, algunos tips básicos y avanzados que ayudaran a personalizar sus diseños basados en WordPress. Algunos de ellos, sin duda sacara algunas de sus dudas. Leer mas tips

    Hacer referencia a las imágenes de su Theme
    Hacer referencia a las imágenes en su hoja de estilos (style.css)

    1. background:url(images/myimage.gif)

    Hacer referencia a las imágenes desde nuestra plantilla

    1. <img src="<?php bloginfo('template_directory'); ?>/images/myimage.gif" alt="" />

    Poner el nombre de la página actual seguido por un guión.

    1.jpg

    1. <?php wp_title(' - ',true,'right');?>Freelance Web Design

    Tags fantasías

    2.jpg

    Configure su lista de etiquetas.

    1. <?php the_tags('<ul class="tags clearfix"><li>', '</li><li>', '</li></ul>'); ?>

    Lograr algo como

    1. <ul class="tags">
    2.     <li><a rel="tag" href="http://www.leemunroe.com/tags/cms/">CMS</a></li>
    3. </ul>

    A continuación, aplicar algunos estilos CSS

    1. ul.tags{
    2. list-style: none;
    3. margin:0;
    4. }
    5. ul.tags li{
    6. display: inline;
    7. }
    8. ul.tags li{
    9. display:block;
    10. float:left;
    11. padding-left:12px;
    12. background:url(images/tag.gif) left no-repeat;
    13. margin:0 5px 5px 0;
    14. }
    15. ul.tags li a{
    16. display:block;
    17. float:left;
    18. height:22px;
    19. padding:3px 12px 0 0;
    20. background:url(images/tag.gif) right no-repeat;
    21. }

    Personalizar leer más

    sin-titulo-4.jpg

    Personalizar el enlace “Leer más” que separa a su post. En su index.php, donde dice:

    1. <?php the_content(); ?>

    Coloque el texto que usted desea para su enlace.

    1. <?php the_content('Read this article'); ?>

    Aplicar algunos estilo CSS para la misma.

    1. .more-link{
    2. padding:10px;
    3. background:#3c3028;
    4. font-weight: bold;
    5. float: right;
    6. }

    Destacar comentarios del autor

    4.jpg

    Añadir Authcomment estilo.

    1. .authcomment{ background:#fff; }

    comments.php tiene una línea como esta:

    1. <li class=”<?php echo $oddcomment; ?>” id=”comment…

    Cambiar por estas lineas:

    1. <li class=”<?php
    2. /* Only use the authcomment class from style.css if the user_id is 1 (admin) */
    3. if (1 == $comment->user_id)
    4. $oddcomment = “authcomment”;
    5. echo $oddcomment;
    6. ?>” id=”comment…

    Puedes encontrar muchos mas tips aqui: Tips and hacks for creating your own WordPress theme

  • 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

  • MailPress – Realizar Newsletter desde tu propia plataforma WordPress

    mailpress.jpg

    Si desean generar para sus usuarios Newsletter un poco mas personalizados, les recomiendo ponga a prueba MailPress, un plugin que les permitirá integrar a sus plataformas WordPress todas las herramientas necesaria para administrar Listas de correo, generar Newsletter (Boletines) con un agradable estilo Hmtl y texto plano, entre varias cosas más. MailPress básicamente cubre todo lo que otros servicios optativos nos suelen brindar (Feedburner), con la diferencia que ahora la gestión completa será administrada desde nuestro propio panel WordPress, y con la ventaja de acceder a ciertos filtros que el plugin nos brinda para poder personalizar aun más el servicio de Boletines que ofreceremos a nuestros usuarios desde nuestros portales web. Entre otras cosas, nos brinda estadísticas detalladas, soporta widget, permite realizar vistas previas antes de enviar la información, cancelar suscripciones, categorizar boletines y demás. MailPress, sin duda se ha ganado que le dediquemos un poco de tiempo para ponerlo a prueba.

    Mas info y Descarga MailPress

    Fuente Carrero

  • Tabbed widgets – Plugin Wp para diseñar tus Tabs

    tabwidgets.jpg

    Si han deseado montar TAB en sus sidebar, pero aun no lo han hecho por no estar familiarizados con el uso de Script y demás, Tabbed widgets Plugin será una opción interesante por dos razones. La primera es que sino acostumbras a usar script con Tabbed widgets Plugin prácticamente no deberás hacer nada, simplemente activar el plugin. Y por el otro lado, si sueles usar con frecuencia los script pero buscas algo práctico para los themes que sueles diseñar, Tabbed widgets también será una buena opción.
    La utilización del plugin es muy simple, solo es necesario alojarlo en nuestro servidor wp, activarlo y configurarlo (algo simple) desde la nueva pestaña (Tabbed Widgets ) que encontraremos en nuestro Administrador. En esa pestaña de configuración podremos selección que cantidad de tabs deseamos generar, el contenido que llevara cada uno, inclusive el estilo que deseamos para ellos. En los estilos las opciones son: Generar Tabs tradicionales o con estilo acordeón. También podremos configurar si deseamos una pestaña activa cada vez que ingresen a nuestro sitio o preferimos hacer rotar estas pestañas en un intervalo de tiempo determinado. En fin, si desean generar TABS de una forma realmente muy simple, basta con que prueben Tabbed Widgets que es muy interesante. Y claro, recuerden que deben tener la opción en sus Themes para la utilización de widgets.

    Descarga – Mas info en wordpress.org – Author Homepage

    Instalar  – Tabbed Widgets Plugin WP

    1. Descargamos el plugin Tabbed Widgets
    2. Subimos el plugin a la carpeta /wp-content/plugins/ de tu WordPress
    3. Activamos el plugin desde el panel de administracion WordPresss
    4. Para crear un widget con pestañas nos dirigimos a la opción Tabbed Widgets

  • Crear menu de navegación de dos niveles para tus secciones

    seccionesdoblefila.jpg

    Si han estado siguiendo algunas de las tendencias en los themes WordPress Premium, probablemente habrán notado que los dos niveles en menú de navegación se han ido convirtiendo en algo muy popular o frecuente de ver, quizás más aun, en aquellos diseños estilo magazine que suelen poseer muchas secciones con información. Este estilo de menú puede utilizarse en infinidad de maneras, pero lo más común es mostrar las paginas principales, donde al posar nuestro ratón sobre uno de los títulos nos mostrara en un segundo nivel todas las subpáginas que contenga dicha sección. Como lograrlo en worpdress? de esta forma:

    1. <ul id="nav">
    2. <?php wp_list_pages('title_li=&depth=1'); ?>
    3. </ul>
    4.  
    5. <?php if($post->post_parent)
    6. $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else
    7. $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
    8. if ($children) { ?>
    9. <ul id="subnav">
    10. <?php echo $children; ?>
    11. </ul>
    12. <?php } else { ?>
    13. <?php } ?>

    un poco de estilo

    1. * {
    2.     margin:0;
    3.     padding:0
    4.     }
    5.  
    6. #nav {
    7.     background:#577da2;
    8.     border-bottom:1px solid #FFF;
    9.     height:32px;
    10.     }
    11.  
    12. #nav li {
    13.     margin-right:25px;
    14.     }
    15.  
    16. #nav li, #subnav li {
    17.     float:left;
    18.     list-style:none
    19.     }
    20.  
    21. #nav a, #nav a:visited {
    22.     color:#FFF;
    23.     text-decoration:none;
    24.     font-weight:bold
    25.     }
    26.  
    27. #nav a:hover, #nav a:active,
    28. li.current_page_parent a,
    29. li.current_page_parent a:visited,
    30. #nav li.current_page_item a,
    31. #nav li.current_page_item a:visited
    32.        {
    33.     background:#295887
    34.     }
    35.  
    36. #subnav {
    37.     background:#e6eef7;
    38.     border-top:2px solid #577da2;
    39.     border-bottom:2px solid #cad8e6;
    40.     height:28px;
    41.     }
    42.  
    43. #subnav li {
    44.     border-right:1px solid #295887;
    45.     padding:0 7px;
    46.     }  
    47.  
    48. #subnav a, #subnav a:visited {
    49.     color:#295887;
    50.     text-decoration:none;
    51.     font-weight:bold
    52.     }
    53.  
    54. #subnav a:hover, #subnav a:active,
    55. #subnav li.current_page_item a,
    56. #subnav li.current_page_item a:visited {
    57.     text-decoration:underline
    58.     }

    Mas informacion darrenhoyt


Pagina 7 de 14« Portada...34567891011...Ultima »