Autor Tema:  Widgets (Sidebar) + Pestañas Agregar mas Reproductores  (Leído 2002 veces)

0 Usuarios y 1 Visitante están viendo este tema.

  • *
  • Mensajes: 114
  • Actividad:
    0%
  • Karma: 98
  • Puntos de Comercio
    1 (100%)
  • Awards ¡Gracias por realizar una donación al foro!
    • Hacks & Tips
    • Awards
Widgets (Sidebar) + Pestañas Agregar mas Reproductores
« en: 05 de Marzo de 2013, 06:28:44 pm »
 :o Buenas! Es mi primer posteo por acá, asi que espero que les sea de utilidad.
Desde que llegue acá hace unos dias me interese mucho por este Theme:

http://www.marcofbb.com.ar/foro/themes/(aporte)-plantilla-moviepress/

Asi que me tomé el trabajo de modificarlo, de manera tal que sea mas agradable para nosotros y para el usuario.

Una de las primeras modificaciones que realicé fue modificar el CSS para que podamos usar sin problemas los Widgets en Sidebar.

Esta fue la parte modificada en /wp-content/themes/moviepress/css/style.css

Código: [Seleccionar]
 /* =Widget Areas-------------------------------------------------------------- */
  .widget-area ul {  list-style: none;  margin-left: 0;}
  .widget-area li {  margin-bottom: 4px; }
  .widget-area ul ul {  list-style: square;  margin-left: 1.3em;}
  .widget-area select {  max-width: 100%;}
  .widget_search #s { width: 60%;}
  .widget_search label {  display: none;}
  .widget-container {  margin: 0 0 18px 0;}
  .widget-title {  color: #222;  font-weight: bold;}
  .widget-area a:link,.widget-area a:visited {   
  color: #333333; text-decoration: none; }
  .widget-area a:active,.widget-area a:hover {  color: #4F4F4F; text-decoration: underline;}
  .widget-area .entry-meta {  font-size: 11px;}


De manera tal que los widgets tengan la misma apariencia que el resto del sidebar, de igual manera como toquetee mucho el codigo y no recuerdo si fue lo unico que cambie adjunto tanto  Style.css y Estilo.css que van en la carpeta: /wp-content/themes/moviepress/css/

Si han hecho alguna modificacion anteriormente a estos archivos les recomiendo revisar las diferencias con algun probrama (les sugiero http://www.pspad.com/es/)




Con respecto a las pestañas, vi un par de temas relacionados pero ninguno me funciona como yo queria o bien no estaban terminados, asi que me decidí a buscar y arme el siguiente.

Ingresamos al archivo single.php del theme y agregamos luego de "<?php get_header(); ?>":

Código: [Seleccionar]
<script language="javascript">
<!--
            $(function (activar_pestanya) {
// llamamos a la función y la nombramos
var tabContainerssup = $('div.contenedor > div');
// Convertimos una ruta en una variable, así la llamada a esa ruta será más fácil
 
    $('div.playercont a').click(function () {
// ahora le estamos diciendo que active la siguiente
// función cada vez que clickamos dentro de los a situados dentro del div tab
 
tabContainerssup.hide().filter(this.hash).show();
// con la variable que hemos creado antes, le decimos que oculte todo su contenido, y que sólo muestre el contenido del anchor que hemos clickado
 
        return false;
// ponemos esta linia para que no se nos desplace al hacer click arriba de la página
 
}).filter(':first').click();
// esta sentencia indica que lo primero que mostrará sera el primer anchor de la lista, si pusiéramos :last en vez de :first mostraría el último en un principio
});
//-->
</script>


Luego buscamos por debajo la etiqueta "<div class="playercont">", seleccionamos todo su contenido hasta la etiqueta "<div id="content" role="main">"  y lo rempalzamos por el siguiente codigo:

Código: [Seleccionar]
<div class="playercont">
<p style="padding-top:4px;">&nbsp;<strong>

<a href="#tab1s">
<span style="color:#fff;">
<?php the_title(); ?>
(<?php $values = get_post_custom_values("Year"); echo ''.$values[0].''; ?>)
</span>
</a>
|
<a href="#tab2s">
<span style="color:#fff;">
<?php $values = get_post_custom_values("segundoreproductoridioma"); echo ''.$values[0].''; ?>
</span>
</a>
</strong></p>


<div class="playerin" style="margin-top:-13px;">

<div class="contenedor">
<div id="tab1s">
    <?php $values = get_post_custom_values("reproductor"); echo $values[0]; ?>
</div>

<div id="tab2s">
<?php $values = get_post_custom_values("segundoreproductor"); echo $values[0]; ?>
</div>
</div>

<div style="margin-top:15px";>
<div class="gdbr-report broken" style="margin-top:1.5%;margin-right:0.7%";>
<style type="text/css"> .wprperrorsform {background:none !important; padding:0px 0px 0px 10px;}</style><a class="wprperrorsform" href="#wprperrors"><img src="<?php bloginfo( 'template_url' ); ?>/css/images/reporte.png" title="Reportar error en el video"></a><?php if(function_exists('ReportPageErrors')){ echo ReportPageErrors(); } ?>
          </div>
</div>
</div>
</div>
</div>
<div id="content" role="main">


De esta manera ya contamos con las pestañas, ahora para agregar los nuevos reproductores vamos editar o crear una nueva entrada.

En la parte superior cliqueamos en Opciones de pantalla y tildamos la opcion "Campos personalizados"

Vamos hasta el final de la pagina y encontramos "Añadir nuevo campo personalizado:"

En nombre ponemos nuevo y agregamos: "segundoreproductor" y presionamos Añadir.
Realizamos lo mismo pero con el nombre: segundoreproductoridioma".

Ahora tendran dos nuevos campos para rellenar, por obviedad en el primero que mencionamos ponemos la segunda opcion de reprocutor, y en el segundo el nombre que queremos que aparezca en la pestaña, como por ejemplo: "Opcion 2".

Si tienen algun problema revisen que el header.php del theme cuente con la linea:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>


Les adjunto todos los archivos modificados y les dejo el ejemplo de mi pagina:

http://estrenosonlinefree.com.ar/los-miserables/peliculas-hd/


Espero que les sea de utilidad. Saludos!

  • *
  • Mensajes: 1512
  • Actividad:
    0%
  • Karma: 207
  • Puntos de Comercio
    3 (100%)
  • Tratando de Ayudar
    • RayZu
    • Awards
Re:Widgets (Sidebar) + Pestañas Agregar mas Reproductores
« Respuesta #1 en: 05 de Marzo de 2013, 07:41:14 pm »
Buen Bueno a mas de uno le va a servir +1
Mi web : www.rayzu.com
Skype: and1_leo
Mi Face : www.facebook.com/leo.arayas
Mi Tiwt  : www.twitter.com/theraidens

  • *
  • Mensajes: 59
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Si hacemos lo mismo, conseguiremos lo mismo
    • Ganar Dinero y Ahorrar
    • Awards
Re:Widgets (Sidebar) + Pestañas Agregar mas Reproductores
« Respuesta #2 en: 26 de Marzo de 2013, 01:33:18 pm »
Hola

Lo he añadido a mi theme, pero no funciona todo correctamente. No veo los widgets, por ejemplo y no queda como la que has puesto de ejemplo. Solo he quitado los reproductores que no los utilizo.

Me podeis ayudar.

Salu2

  • *
  • Mensajes: 1470
  • Actividad:
    0%
  • Karma: 62
  • Puntos de Comercio
    6 (100%)
  • Awards Destacado por denunciar cualquier comportamiento inapropiado
    • pelisxixo
    • Awards
Re:Widgets (Sidebar) + Pestañas Agregar mas Reproductores
« Respuesta #3 en: 26 de Marzo de 2013, 04:06:25 pm »
muchas gracias y como dice raidens a muchos les ira de perlas

 

Temas Similares

  Asunto / Iniciado por Respuestas Último mensaje
4 Respuestas
977 Vistas
Último mensaje 14 de Diciembre de 2012, 01:26:38 am
por garcia
33 Respuestas
3985 Vistas
Último mensaje 30 de Junio de 2014, 09:45:07 am
por loadstone2k12
4 Respuestas
714 Vistas
Último mensaje 14 de Abril de 2013, 12:37:13 am
por Papacho
2 Respuestas
570 Vistas
Último mensaje 29 de Enero de 2014, 04:50:10 am
por Argaith06
3 Respuestas
1009 Vistas
Último mensaje 30 de Julio de 2019, 10:33:39 am
por KageBattousai