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

Mostrar página HTML en PHP

Estas en el tema de Mostrar página HTML en PHP en el foro de WordPress en Foros del Web. Hola amigos de Foros del Web, quisiera saber si hay alguna forma de cargar una página HTML más o menos de esta forma: Código: <?php ...
  #1 (permalink)  
Antiguo 31/10/2012, 14:59
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Mostrar página HTML en PHP

Hola amigos de Foros del Web, quisiera saber si hay alguna forma de cargar una página HTML más o menos de esta forma:

Código:
<?php get_header(); ?>
Estoy trabajando en una plantilla de WordPress. Ese código está en el "index.php" de la plantilla.

Lo que quiero es que así como carga el "header.php" cómo puedo hacer para que cargue una "pagina.html" pero que no afecte al resto del código PHP en cuanto al diseño y al resto del código. Algo así como un iframe pero que no sea iframe. Me habían dado un código pero al mostrar la página html se descuadra el resto y solo interpreta todo el php como html.

Lo que quiero es que me cargue el Fancybox sin problemas. Por que no sé si se pueda incluir Fancybox en PHP. Por eso estoy tratando de incrustar esa página html (que está con el código de Fancybox) en PHP.

Por favor ayúdenme. Gracias.
  #2 (permalink)  
Antiguo 31/10/2012, 15:00
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Por ejemplo cuando pongo este código en el "index.php":

Código:
<?php
include_once("pagina.html")
?>
carga bien la página pero el resto del código PHP se malogra y el "index.php" parece que cargara como si fuera html entonces todo el diseño se descuadra y se malogra.
  #3 (permalink)  
Antiguo 31/10/2012, 15:36
Avatar de arcanisgk122  
Fecha de Ingreso: junio-2010
Mensajes: 755
Antigüedad: 13 años, 9 meses
Puntos: 28
Respuesta: Mostrar página HTML en PHP

mm es algo complejo, podrias concatenar los dos codigos en un solo archivo index.php pero te tomara tiempo, puedes de otra forma codificar en el index.php despues de todo el php lo que quieres en html es valido...
__________________
Cooler Master Gladiator 600 - AMD PHENOM II X4 955 @ 3.5GHZ
GA-MA78GM-US2H - Super Talent 800 2GB x 2 Dual, (Unganged)
PSU Cooler Master eXtreme Power Plus 500W - Saphire R7-260OC-2GB
  #4 (permalink)  
Antiguo 31/10/2012, 15:51
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

entonces que otra opcion me podrias dar?

Mira, es una plantilla de WordPress:

Estoy tratando de modificar el archivo "index.php" de la plantilla

En ese archivo, lo primero que carga es el header (que es otro archivo php: header.php), luego sigue los menus, contenidos, etc.

Yo quiero colocar abajo del menu y antes del contenido una galeria horizontal de imagenes y quiero hacerlo con fancybox.

Para esto hice en una "pagina.html" esa galeria.

Y trate de insertarla con "iframe" en el index.php pero no me gusta que sea iframe porque aparecen los scrooling, aparte que al agrandar la imagen al dar click a las imagenes pequeñas de la galeria horizontal se agranda en el alto del "iframe" y no como deberia ser a lo alto de toda la pagina.

Por favor, tienes alguna opcion diferente a lo que yo pienso hacer?


Tu crees que se podria hacer colocando el codigo html de pagina.html en un archivo php? Y luego llamar desde el index.php a ese nuevo archivo .php?? o tampoco funcionaraa?

Muchas gracias.
  #5 (permalink)  
Antiguo 31/10/2012, 22:13
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 9 meses
Puntos: 641
Respuesta: Mostrar página HTML en PHP

deberías aprender a usar las funciones de wordpress, de este modo podrías crear la galería de dicho CMS directamente en un theme linkeado a la base de datos de tu web.

Si de verdad te urge mucho deberías estudiar bastante rápido, o pagarle a alguien que sepa como hacerlo.

Tu problema no es algo que pueda resolverse en un post como este.
  #6 (permalink)  
Antiguo 31/10/2012, 22:26
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Cita:
Iniciado por memoadian Ver Mensaje
deberías aprender a usar las funciones de wordpress, de este modo podrías crear la galería de dicho CMS directamente en un theme linkeado a la base de datos de tu web.

Si de verdad te urge mucho deberías estudiar bastante rápido, o pagarle a alguien que sepa como hacerlo.

Tu problema no es algo que pueda resolverse en un post como este.
Pero entonces otra opción aparte de lo que pido?

Solo quiero una galería de 4 imágenes horizontalmente, con Fancybox, abajo del menú de la plantilla de WordPress.

Tan difícil puede ser plasmar algo tan simple? Solo es colocar el código de Fancybox y ya, pero no funciona en PHP. Entonces hay otra opción?

No tengo dinero para pagar a alguien y el tiempo que me tomaría "estudiar mucho" como dices. Por eso pedí ayuda a los que ya saben, y por eso escribo estos mensajes para solicitar AYUDA.

Gracias de todas maneras.
  #7 (permalink)  
Antiguo 31/10/2012, 22:53
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 15 años, 7 meses
Puntos: 103
Respuesta: Mostrar página HTML en PHP

deberias consultar en el foro de wordpress español, ahi seguramente te responderan http://es.forums.wordpress.com/ , y si sabes ingles y lo quieres mas rapido, ve al ingles es mucho mas movido http://en.forums.wordpress.com/

Un saludo y suerte ( es verdad hay que estudia un monton, yo estudie una noche pero no pude sacar mucho provecho )
  #8 (permalink)  
Antiguo 31/10/2012, 22:57
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 9 meses
Puntos: 641
Respuesta: Mostrar página HTML en PHP

¿Como sabes que es simple si no sabes hacerlo?

si quieres algo muy simple, solo haz un div que tenga 4 imagenes en el footer por ejemplo

o en la pagína donde lo quieras.

mete el plugin de Jquery en tu theme y dale una clase a cad auna de las imagenes del div

con eso solo llamas a fancybox

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('.class').fancybox();
  3. });
  #9 (permalink)  
Antiguo 31/10/2012, 23:07
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Cita:
Iniciado por chwc Ver Mensaje
deberias consultar en el foro de wordpress español, ahi seguramente te responderan [url]http://es.forums.wordpress.com/[/url] , y si sabes ingles y lo quieres mas rapido, ve al ingles es mucho mas movido [url]http://en.forums.wordpress.com/[/url]

Un saludo y suerte ( es verdad hay que estudia un monton, yo estudie una noche pero no pude sacar mucho provecho )
Gracias por tu respuesta.

Cita:
Iniciado por memoadian Ver Mensaje
¿Como sabes que es simple si no sabes hacerlo?

si quieres algo muy simple, solo haz un div que tenga 4 imagenes en el footer por ejemplo

o en la pagína donde lo quieras.

mete el plugin de Jquery en tu theme y dale una clase a cad auna de las imagenes del div

con eso solo llamas a fancybox

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('.class').fancybox();
  3. });
No dije que sea fácil, dije "Tan difícil puede ser plasmar algo tan simple?". Es diferente

Probaré cuando llegue a casa. Ahora no estoy allí. Tengo que acabar con esto para máximo mañana en la tarde, es un trabajo para la universidad pero no tengo dinero para contratar a alguien.

Entonces el código jquery lo puedo insertar en el .php? así suelto?

No me podrías por favor hacer un ejemplito? Es que no sé mucho de esto y de verdad es urgente, yo cuando pueda estudiarlo lo haré pero ahora lo necesito urgente :(

Gracias.
  #10 (permalink)  
Antiguo 31/10/2012, 23:12
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 9 meses
Puntos: 641
Respuesta: Mostrar página HTML en PHP

<?php get_header() ?>
<?php get_footer() ?>

ese es el code de wordpress

simplemente abre el archivo de tu theme que dice header.php, get_header() llama a ese archivo, ahí verás todos los js que wordpress usa.

solo mete el script de fancybox entre head y listo.

no puedo ponerte un ejemplo por que no recuerdo bien como esta wordpress.
  #11 (permalink)  
Antiguo 01/11/2012, 01:04
Avatar de arcanisgk122  
Fecha de Ingreso: junio-2010
Mensajes: 755
Antigüedad: 13 años, 9 meses
Puntos: 28
Respuesta: Mostrar página HTML en PHP

primero que nada, nosotros no estamos para hacer tu tarea, segundo tu actitud y tu forma de pensar con respecto al foro es erronea... si fuese tan facil de plasmar ya lo tendrias hecho, es irresponsabilidad de tu parte esperar 2 dias antes de entregar un proyector para hacerlo. y mucho menos a nivel universitario, relativamente no es cuestion.de estudiar mas bien de investigar hay muchos demos codigos y plantillas de donde sacar el script. mas que nada tu quieres que te den tidi mascado solo de tragar...
__________________
Cooler Master Gladiator 600 - AMD PHENOM II X4 955 @ 3.5GHZ
GA-MA78GM-US2H - Super Talent 800 2GB x 2 Dual, (Unganged)
PSU Cooler Master eXtreme Power Plus 500W - Saphire R7-260OC-2GB
  #12 (permalink)  
Antiguo 01/11/2012, 09:37
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Cita:
Iniciado por memoadian Ver Mensaje
<?php get_header() ?>
<?php get_footer() ?>

ese es el code de wordpress

simplemente abre el archivo de tu theme que dice header.php, get_header() llama a ese archivo, ahí verás todos los js que wordpress usa.

solo mete el script de fancybox entre head y listo.

no puedo ponerte un ejemplo por que no recuerdo bien como esta wordpress.
Muchas gracias por tu ayuda. Lo voy a intentar.
Cita:
Iniciado por arcanisgk122 Ver Mensaje
primero que nada, nosotros no estamos para hacer tu tarea, segundo tu actitud y tu forma de pensar con respecto al foro es erronea... si fuese tan facil de plasmar ya lo tendrias hecho, es irresponsabilidad de tu parte esperar 2 dias antes de entregar un proyector para hacerlo. y mucho menos a nivel universitario, relativamente no es cuestion.de estudiar mas bien de investigar hay muchos demos codigos y plantillas de donde sacar el script. mas que nada tu quieres que te den tidi mascado solo de tragar...
Ya dije en mi mensaje anterior que no he dicho que sea fácil, dime en qué parte he dicho que sea facil. No quiero que me hagan la tarea, si no les diría que hagan todo el sitio web de mi proyecto.

No estudio nada de diseño web ni de programación ni áreas relacionadas, la carrera que estudio es ajena a todo esto. Y lo estoy haciendo por mi cuenta porque es para un proyecto, tenemos que tener un sitio web, eso no quiere decir que estudie programación, diseño web, o cosas relacionadas.

¿Tú como sabes que esperé 2 días? Tú no eres yo para saber todo lo que tengo que hacer, cómo pienso, cómo soy. Así que si no vas a ayudar por favor abstente de poner mensajes fuera de lugar.
  #13 (permalink)  
Antiguo 01/11/2012, 10:04
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Cita:
Iniciado por memoadian Ver Mensaje
<?php get_header() ?>
<?php get_footer() ?>

ese es el code de wordpress

simplemente abre el archivo de tu theme que dice header.php, get_header() llama a ese archivo, ahí verás todos los js que wordpress usa.

solo mete el script de fancybox entre head y listo.

no puedo ponerte un ejemplo por que no recuerdo bien como esta wordpress.
Lo que pasa es que solo quiero que la galería se vea en el index y si lo pongo en el header va cargar siempre, solo necesito que se vea en el index.php

El código de fancybox que puse es:

Código HTML:
 <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/lib/jquery-1.8.2.min.js"></script>

	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/source/jquery.fancybox.js?v=2.1.3"></script>
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/source/jquery.fancybox.css?v=2.1.2" media="screen" />

	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Different effects
			 */

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-a").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'none',

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});
		});
	</script>
	<style type="text/css">
		.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
	</style> 
Y para las imágenes esto:

Código HTML:
 <a class="fancybox-effects-a" href="<?php bloginfo('template_directory'); ?>/fancybox/demo/1_b.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="<?php bloginfo('template_directory'); ?>/fancybox/demo/1_s.jpg" alt="" /></a>

		<a class="fancybox-effects-a" href="<?php bloginfo('template_directory'); ?>/fancybox/demo/2_b.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="<?php bloginfo('template_directory'); ?>/fancybox/demo/2_s.jpg" alt="" /></a>

		<a class="fancybox-effects-a" href="<?php bloginfo('template_directory'); ?>/fancybox/demo/3_b.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="<?php bloginfo('template_directory'); ?>/fancybox/demo/3_s.jpg" alt="" /></a>

		<a class="fancybox-effects-a" href="<?php bloginfo('template_directory'); ?>/fancybox/demo/4_b.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="<?php bloginfo('template_directory'); ?>/fancybox/demo/4_s.jpg" alt="" /></a> 
El código del index.php es este:

Código PHP:
<?php get_header(); ?>
[COLOR="Red"][B][ AQUÍ QUIERO PONER LA GALERÍA HORIZONTAL EN FANCYBOX 3 IMÁGENES HORIZONTALES ][/B][/COLOR]
        <div class="span-24" id="contentwrap">
            <div class="span-16">
                <div id="content">    
                <?php if(is_home()) { include (TEMPLATEPATH '/featured.php'); } ?>        
                    <?php if (have_posts()) : ?>    
                        <?php while (have_posts()) : the_post(); ?>
                        
                        <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
                            <?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(260,200), array("class" => "alignleft post_thumbnail")); } ?>
                            <h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                            <div class="postdate"><img src="<?php bloginfo('template_url'); ?>/images/date.png" /> Publicado: <?php the_time('j F, Y'?> <?php if (current_user_can('edit_post'$post->ID)) { ?> <img src="<?php bloginfo('template_url'); ?>/images/edit.png" /> <?php edit_post_link('Editar'''''); } ?></div>
            
                            <div class="entry">
                                <?php the_content('<strong>Leer m&aacute;s &raquo;</strong>'); ?>
                            </div>
                        </div><!--/post-<?php the_ID(); ?>-->
                
                <?php endwhile; ?>
                <div class="navigation">
                    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } else { ?>
                    <div class="alignleft"><?php next_posts_link('&laquo; Entradas anteriores'?></div>
                    <div class="alignright"><?php previous_posts_link('Entradas recientes &raquo;'?></div>
                    <?php ?>
                </div>
                <?php else : ?>
                    <h2 class="center">No se encuentra</h2>
                    <p class="center">Lo sentimos, pero usted est&aacute; buscando algo que no est&aacute; aqu&iacute;.</p>
                    <?php get_search_form(); ?>
            
                <?php endif; ?>
                </div>
            </div>
        
        <?php get_sidebars(); ?>
    </div>
<?php get_footer(); ?>
Entonces, he puesto el código, carga normal el fancybox, pero se malogra toda la plantilla, osea el footer aparece al medio superpuesto en el contenido, las imágenes del blog no tienen orden fijo, osea SE DESCUADRA TODO. Parece como si lo leyera solo como HTML :S

Ya me rendí, no soy bueno para esto por eso pido su ayuda, yo no sé nada de programación, por eso pido su ayuda amigos, disculpen las molestias.

Última edición por liper_not; 01/11/2012 a las 10:27
  #14 (permalink)  
Antiguo 01/11/2012, 13:09
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años
Puntos: 656
Respuesta: Mostrar página HTML en PHP

Lo último que posteaste sobre como resolver tu problema, a grandes rasgos, es correcto. Ahora si se "descuadra" tu galería lo que te está faltando es corregirla vía CSS.
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #15 (permalink)  
Antiguo 01/11/2012, 13:14
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Cita:
Iniciado por Nekko Ver Mensaje
Lo último que posteaste sobre como resolver tu problema, a grandes rasgos, es correcto. Ahora si se "descuadra" tu galería lo que te está faltando es corregirla vía CSS.
Hola. Gracias por tu respuesta. La galería no se descuadra, se muestra correctamente y los efectos de Fancybox también.

Pero cuando ocurre esto, se descuadra el resto de la web: footer, content, sidebar, etc... Parece que leyera la pagina como si fuera HTML solo como si fuera estatico.

Como lo podria corregir via CSS? No afectara en nada al CMS o al codigo para postear normalmente?
  #16 (permalink)  
Antiguo 01/11/2012, 13:17
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años
Puntos: 656
Respuesta: Mostrar página HTML en PHP

Podemos ver online tu problema? Hay herramientas como "Developer Toolbar" que te ayudan a inspeccionar el CSS de una web para ir corrigiendo problemas (incluso tienen modo "editar" para hacer pruebas sobre el mismo sin modificar la plantilla de estilos).

En general todo lo referente al CSS y HTML no altera el contenido de tu DB, y el CMS en si queda "intocable" mientras estés haciendo todo desde el theme.

Saludos!
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #17 (permalink)  
Antiguo 01/11/2012, 13:22
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Cita:
Iniciado por Nekko Ver Mensaje
Podemos ver online tu problema? Hay herramientas como "Developer Toolbar" que te ayudan a inspeccionar el CSS de una web para ir corrigiendo problemas (incluso tienen modo "editar" para hacer pruebas sobre el mismo sin modificar la plantilla de estilos).

En general todo lo referente al CSS y HTML no altera el contenido de tu DB, y el CMS en si queda "intocable" mientras estés haciendo todo desde el theme.

Saludos!
Lo tengo por ahora en localhost. No se si me quieras brindar tu messenger para que entres a ver como esta esto.

Lo que hice fue eso, agregue en header.php el codigo de fancybox, en index.php llame por medio de a class a cada imagen a esa funcion de fancybox. Como digo, se ve bien el fancybox, pero el resto del theme se descuadró, porque el footer aparece al medio, y el contenido esta superpuesto sobre este y todo se ha movido.
  #18 (permalink)  
Antiguo 01/11/2012, 14:02
 
Fecha de Ingreso: octubre-2012
Mensajes: 45
Antigüedad: 11 años, 4 meses
Puntos: 1
Respuesta: Mostrar página HTML en PHP

Bueno ya solucioné esto. Era algo simple y me siento como un idiota xD Solo tenía que instalar un plugin Fancybox para WordPress. Coloqué las imágenes así sin nada, ni funciones ni nada, y automáticamente se ejecuta el Fancybox. Joder. Qué idiotez. Gracias a todos igual.

Etiquetas: html, página, php
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 15:06.