Support » Fixing WordPress » Instructions on how to use Lightbox please

  • Sorry I can only find very old information on this when I search. I just want a thumbnail photos layout with a Lightbox popup like on your Docs & Demos page – there are so many configurations in settings that it’s difficult to figure this out without instructions. Do I need to include a special shortcode? Do I need to use a second plugin like Fancybox? If so, how do you actually configure them to work together?

    Thanks
    Charles

Viewing 15 replies - 1 through 15 (of 15 total)
  • esmi

    (@esmi)

    Forum Moderator

    First, identify what lightbox plugin you are using and then post in that plugin’s dedicated forum via its page in the Plugin Repository.

    hi esmi,

    I’m searching the wordpress forum to remove the header image only in single page(home page). i have came across many of your answers about editing the header.php for removing the header. As i can’t reach in a direct contact. i’m posting here my problem as this is your latest post wrote before 5minutes. Guess, you would notice and help.

    you advice every ones to add this code

    <?php if( !is_page('10') ) :?>
    div id="banner">
                                                   <!-- Flashfader -->
    	               <?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?>
    	              <!-- /Flashfader -->
    		</div>
    <?php endif;?>

    Where should i add this? Is this code is same for everyone?
    Here is my HEADER.PHP

    <?php
    /**
     * The Header for our theme.
     *
     * Displays all of the <head> section and everything up till <div id="main">
     *
     * @package WordPress
     * @subpackage Twenty_Twelve
     * @since Twenty Twelve 1.0
     */
    ?><!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 7) | !(IE 8)  ]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <![endif]-->
    <?php wp_head(); ?>
    </head>
    
    <div id="page" class="hfeed site">
    	<header id="masthead" class="site-header" role="banner">
    		<hgroup>
    			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    		</hgroup>
    
    		<nav id="site-navigation" class="main-navigation" role="navigation">
    			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
    			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
    			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    		</nav><!-- #site-navigation -->
    
    		<?php $header_image = get_header_image();
    		if ( ! empty( $header_image ) ) : ?>
    			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    		<?php endif; ?>
    	</header><!-- #masthead -->
    
    	<div id="main" class="wrapper">

    Thank you so much for your previous kind answers..
    waiting for your reply.

    esmi

    (@esmi)

    Forum Moderator

    Is this code is same for everyone?

    No. It varies with every theme. But do not edit the Twenty Twelve theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    Thank you for your quick reply.

    i have cloned Twenty twelve theme for my comfortable. So, i guess i can edit in the cloned theme..

    This was posted in WPPA’s forum. The WordPress WP Photo Album Plus photo gallery plugin. I’m using the Responsive theme.

    http://wordpress.org/tags/wppa

    Sorry, but the questions about header image in Twenty Twelve are not relevant to my question.

    esmi

    (@esmi)

    Forum Moderator

    i guess i can edit in the cloned theme..

    Yes you can. Try changing:

    if ( ! empty( $header_image ) ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    <?php endif; ?>

    to:

    if ( ! empty( $header_image ) && !is_front_page() && !is_home() ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    <?php endif; ?>

    Sorry for the late reply.. Thank yu, esmi for your kind reply. I didn’t try it yet. Would try and reply yu soon.

    Can someone direct me to a tutorial on LIGHTBOX? My question was NOT about header.php

    esmi

    (@esmi)

    Forum Moderator

    @charles_i: As per the Forum Welcome, please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your question is completely different from the original poster’s.

    @esmi: I’ve successfully got that code running esmi. Thank you so much for your reply.
    i would love to have friendship with you, this is my fb link
    fb.con/jkbaseer

    esmi

    (@esmi)

    Forum Moderator

    Glad to hear that it worked out for you. 🙂

    ya, i got a shock 🙂 by the by, FB request? pls 🙂

    Yeah, but if you go here it lists this title with this topic in the WPPA forum, correct? I don’t get it. How is it that you are answering a question about header.php when even the title of this post is Instructions on how to use Lightbox please? Am I confused?

    esmi

    (@esmi)

    Forum Moderator

    @charles_i: Please post a new topic via http://wordpress.org/support/plugin/wp-photo-album-plus

    @jkbaseer: Would you believe it but I don’t use FB. Yes – I know. I’m a Luddite. 😉

    Thanks esmi! BTW I don’t use FB either 🙂 All my time is taken up coding and learning about it. No time to be social! We need to start an anti-social social network 😉

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Instructions on how to use Lightbox please’ is closed to new replies.