WordPress.org

Ready to get started?Download WordPress

Forums

Instructions on how to use Lightbox please (16 posts)

  1. charles_i
    Member
    Posted 1 year ago #

    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

  2. esmi
    Forum Moderator
    Posted 1 year ago #

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

  3. jkbaseer
    Member
    Posted 1 year ago #

    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.

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  5. jkbaseer
    Member
    Posted 1 year ago #

    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..

  6. charles_i
    Member
    Posted 1 year ago #

    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.

  7. esmi
    Forum Moderator
    Posted 1 year ago #

    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; ?>
  8. jkbaseer
    Member
    Posted 1 year ago #

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

  9. charles_i
    Member
    Posted 1 year ago #

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

  10. esmi
    Forum Moderator
    Posted 1 year ago #

    @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.

  11. jkbaseer
    Member
    Posted 1 year ago #

    @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

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    Glad to hear that it worked out for you. :-)

  13. jkbaseer
    Member
    Posted 1 year ago #

    ya, i got a shock :-) by the by, FB request? pls :-)

  14. charles_i
    Member
    Posted 1 year ago #

    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?

  15. esmi
    Forum Moderator
    Posted 1 year ago #

    @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. ;-)

  16. charles_i
    Member
    Posted 1 year ago #

    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 ;-)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags