Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Frame en sitio Wordpress

Estas en el tema de Frame en sitio Wordpress en el foro de WordPress en Foros del Web. Hola tengo una pagina en wordpress para una radio y quiero agregarle un player para el streaming, el problema es que cuando agrego el player ...
  #1 (permalink)  
Antiguo 14/06/2012, 09:36
 
Fecha de Ingreso: octubre-2005
Ubicación: Argentina
Mensajes: 51
Antigüedad: 19 años, 1 mes
Puntos: 0
Frame en sitio Wordpress

Hola tengo una pagina en wordpress para una radio y quiero agregarle un player para el streaming, el problema es que cuando agrego el player en alguna seccion de la pagina al cambiar de pagina (otro menu, contacto, etc) el player vuelve a cargar y se corta el streaming.

Entonces pense que podria hacerlo agregando un frame superior donde pueda insertar el player asi cuando el el blog cambian las paginas no afecta al player.

Estuve buscando plugins de frames y de contenido ajax para WP pero no encontre nada, tambien en google pero no encontre nada especifico para WP

espero alguien tenga alguna idea de como hacerlo

gracias!
  #2 (permalink)  
Antiguo 14/06/2012, 16:14
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años, 8 meses
Puntos: 656
Respuesta: Frame en sitio Wordpress

Hay un artículo mejor que este que te paso pero no lo encontré...
http://www.designaeon.com/wordpress-ajax-pagination/

Basandote en ese método, podes navegar en toda tu web sin necesidad de recargar el header.php. Fijate si lográs entender el ejercicio y de ser así vas a ver que adaptarlo es simple.
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #3 (permalink)  
Antiguo 16/06/2012, 20:22
 
Fecha de Ingreso: octubre-2005
Ubicación: Argentina
Mensajes: 51
Antigüedad: 19 años, 1 mes
Puntos: 0
Respuesta: Frame en sitio Wordpress

Que bueno parece facil pero tengo un problema nada mas los ejemplos del tutorial no son iguales q mi codigo en el header.php


El script php lo inserto en el header. Y el javascript tambien?


Ademas no encuentro los divs Pagination a y content. Probe cambiando algunos divs pero no puedo saber bien cuales son.

Dejo el codigo del archivos header.php a ver si me puedes decir cuales son los divs de mi codigo que tengo que cambiar por favor.

NOTA: en el codigo de abajo ya agregue el javascript y el codigo php.

Gracias y saludos!

Codigo header.php

Código:
<?php
/**
 * @package WordPress
 * @subpackage Fast_Blog_Theme
 * @since Fast Blog 1.0
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

  <!-- BEGIN HEAD -->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="Description" content="<?php bloginfo( 'description' ); ?>" />
    <?php get_template_part( 'og', 'header' ); ?>
    <title><?php wp_title( '&laquo;', TRUE, 'right' ); ?><?php bloginfo( 'name' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_directory' ); ?>/schemes/<?php fastblog_option( 'scheme' ); ?>/style.css" />
    <!--[if lt IE 8]>
    <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_directory' ); ?>/ie7.css" type="text/css" media="screen" />
    <![endif]-->
    <?php get_template_part( 'style', 'header' ); ?>
    <?php if ( $favicon = fastblog_get_option( 'favicon' ) ): ?>
      <link rel="icon" type="image/png" href="<?php echo $favicon; ?>" />
    <?php else: ?>
      <link rel="icon" type="image/png" href="<?php bloginfo( 'stylesheet_directory' ); ?>/schemes/<?php fastblog_option( 'scheme' ); ?>/images/favicon.png" />
    <?php endif; ?>
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php
      get_template_part( 'script', 'header' );
      $template_dir = get_bloginfo( 'template_directory' );
      $fonts = array_unique( tb_array_content( array_values( fastblog_get_option( 'typography/fonts' ) ) ) );
      wp_enqueue_script( 'jquery' );
      if (FASTBLOG_DEV_VERSION)
      {
        wp_enqueue_script( 'cufon',    $template_dir.'/js/cufon-yui.js' );
        wp_enqueue_script( 'fancybox', $template_dir.'/js/jquery.fancybox-1.3.4.pack.js' );
      }
      else
      {
        wp_enqueue_script( '3thpart', $template_dir.'/js/3thpart.min.js' );
      }
      foreach ( $fonts as $font )
      {
        list( $filename, $fontfamily ) = explode( '|', $font, 2 );
        wp_enqueue_script( tb_code_name( $fontfamily ), $template_dir.'/js/fonts/'.$filename );
      }
      wp_enqueue_script( 'fastblog', $template_dir.'/js/fastblog'.( ! FASTBLOG_DEV_VERSION ? '.min' : '').'.js' );
      wp_localize_script( 'fastblog', 'fastblog', array
      (
        'templateDirectory' => get_bloginfo( 'template_directory' ),
        'search' => __( 'search', 'fastblog' )
      ) );
      fastblog_wp_head();
    ?>
    <?php wp_enqueue_script("jquery"); ?>
  </head>
  <!-- END HEAD -->

  <!-- 0CC1099409F2EFFA3E09912CDA637023 -->

  <!-- BEGIN BODY -->
  <body <?php body_class( FASTBLOG_TUMBLOG ? 'tumblog' : NULL ); ?>>

    <!-- BEGIN BROWSER NOTIFICATION -->
<div class="browser-notification ie6">
      <div class="text">
        <?php _e( 'Your browser (Internet Explorer 6) is <strong>out of date</strong>. It has known <strong>security flaws</strong> and may <strong>not display all features</strong> of this and other websites. <a href="http://www.browser-update.org/update.html">Learn how to update your browser</a>.', 'fastblog' ); ?>
      </div>
      <div class="close">X</div>
    </div>
    <!-- END BROWSER NOTIFICATION -->

    <!-- BEGIN WRAPPER -->
    <div id="wrapper">

      <!-- BEGIN INNER WRAPPER -->
      <div id="wrapper-inner">

        <!-- BEGIN HEADER -->
        <div id="header" class="container">

          <!-- BEGIN LOGO -->
          <h1 id="logo">
            <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" rel="home">
              <?php if ( preg_match( '#^https?://.+\.(png|jpg|jpeg|gif|bmp)$#i', $logo = fastblog_get_option( 'header/logo' ) ) ): ?>
                <img src="<?php echo $logo; ?>" alt="" />
              <?php elseif ( ! $logo ): ?>
                <img src="<?php bloginfo( 'stylesheet_directory' ); ?>/schemes/<?php fastblog_option( 'scheme' ); ?>/images/logo.png" alt="" />
              <?php else: ?>
                <span><?php echo $logo; ?></span>
              <?php endif; ?>
            </a>          </h1>
          <!-- END LOGO -->

          <?php if ( fastblog_get_option( 'tagline' ) ): ?>
            <!-- BEGIN TAGLINE -->
            <p id="tagline"><?php bloginfo( 'description' ); ?></p>
            <!-- END TAGLINE -->
          <?php endif; ?>

          <!-- BEGIN CONTACT -->
          <div id="contact">
            <div><?php echo tb_newlines_html( fastblog_get_option( 'header/contact' ) ); ?></div>
          </div>
          <!-- END CONTACT -->

        </div>
        <!-- END HEADER -->

        <div class="line full"></div>

        <!-- BEGIN MENU -->
        <div id="menu" class="container">
          <?php if ( fastblog_get_option( 'search' ) ): ?>
            <form action="<?php echo home_url( '/' ); ?>" method="get">
              <div id="search" class="input">
                <input type="text" name="s" value="<?php _e( 'search', 'fastblog' ); ?>" />
                <input type="submit" value="" />
              </div>
            </form>
          <?php endif; ?>
          <?php wp_nav_menu( array
          (
            'theme_location' => 'nav-menu-main',
            'container' => '',
            'menu_class' => '',
            'fallback_cb' => create_function( '', 'fastblog_nav_menu("'.fastblog_get_option( 'menu/content/main' ).'");' )
          ) ); ?>

        </div>
        <!-- END MENU -->

        <div class="line full"></div>

        <!-- BEGIN MAIN -->
        <div id="main" class="container"></body></html>
<script type="text/javascript">
 jQuery('#Pagination a').live('click', function(e){ //check when pagination link is clicked and stop its action.
 e.preventDefault();
 var link = jQuery(this).attr('href'); //Get the href attribute
 jQuery('#content').fadeOut(500, function(){ //fade out the content area
jQuery("#loader").show(); // show the loader animation
 }).load(link + ' #content', function(){ jQuery('#content').fadeIn(500, function(){ //load data from the content area from paginator link page that we just get from the top
jQuery("#loader").hide(); //hide the loader
 }); });
 });
 </script>
  #4 (permalink)  
Antiguo 21/06/2012, 18:41
 
Fecha de Ingreso: octubre-2005
Ubicación: Argentina
Mensajes: 51
Antigüedad: 19 años, 1 mes
Puntos: 0
Respuesta: Frame en sitio Wordpress

Encontre otro codigo de ajax pagination y lo pude implementar pero igualmente el minimo cambio de pagina o entrada hace que el reproductor vuelva a cargarse.

No pense que podia ser tan complicado agregar un frame superior a un theme de wordpress
  #5 (permalink)  
Antiguo 22/06/2012, 05:46
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 13 años, 3 meses
Puntos: 297
Respuesta: Frame en sitio Wordpress

Yo actualmente tengo un cliente que necesita un reproductor que siga reproduciendo independientemente de si el usuario desea cambiar la página.

Lo que hice fue hacerlo por Ajax y re/cargar la sección central de la web (donde aparecen las noticias). Eso sí evitando volver a cargar los archivos header.php y footer.php para que no reaparecieran las cabeza y pie de la página duplicado.

Etiquetas: frames, marcos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:43.