I created a Splash Page here.
It is uses front-page.php (below) in a twentyeleven Child Theme, has a Page named Welcome, which is the ‘home’ page …it uses js to redirect after 10 seconds (to Welcome), provides a simple logo and a button to go right away to site:
<?php
/**
* Template Name: Splash Template
* Description: Custom Splash Page by Seacoast Web Design
*
* @package WordPress
* @subpackage Twenty_Eleven
* @since Twenty Eleven 1.0
*/
?>
<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html id="ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html id="ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php
/*
* Print the <title> tag based on what is being viewed.
*/
global $page, $paged;
wp_title( '|', true, 'right' );
// Add the blog name.
bloginfo( 'name' );
// Add the blog description for the home/front page.
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'twentyeleven' ), max( $paged, $page ) );
?></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="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript">
window.onload=timeout;
function timeout(){
window.setTimeout("redirect()",10000)}
function redirect(){
window.location="/welcome/"
return}
</script>
</head>
<body class="rye_splash" onload="timeout()">
<a href="http://rye-test.seacoastwebservice.com/welcome/">
<img class="rye_logo_splash" alt="Rye Techology Company" src="/images/rtc_splash.jpg" /></a>
<br />
<form>
<input class="rye_button" type="button" value="Go to Home Page Now" onClick="redirect()">
</form>
<div class="foot_splash_rye">
<p>Thank you for visiting <a href="http://rye-test.seacoastwebservice.com/welcome/">RYE TECHNOLOGY COMPANY</a>. We hope you found everything you wanted or were looking for!<br />If not, <a href="http://rye.seacoastwebservice.com/contact-us/">Contact Us</a>. © 2012 RYE TECHNOLOGY COMPANY - All Rights Reserved. <a href="http://rye-test.seacoastwebservice.com/privacy">Privacy Policy</a>
<br />Site Design by <a title ="Seacoast Web Design and Service 349 Central St., Rowley, MA 01969 PH 603-583-3777" href="http://seacoastwebservice.com" target="_blank">Seacoast Web Design and Service</a>.</p>
</div>
</body>
</html>
You can grab the CSS off the site…
Thread Starter
iigor
(@iigor)
Thanks, but i dont have child theme.
First i want to change Home to be mysite.com/home
How to do that?
Thread Starter
iigor
(@iigor)
I made something but it wont work, have no idea how to make this.
Want my splash page to look like this:
SPLASH PAGE
I have 3 picture parts, 2 logos and that horizontal line between them.
And background color.
Logos are clickable images, links.
Can anyone help me to make this?
This level of coding/design is really beyond the scope of the support we are able to provide in the forum, as it requires custom code to be written and tested. If you have a specific question, we may be able to help but we cannot design an entire page for you.
Thread Starter
iigor
(@iigor)
I already made it but its not working.
splash files
DOWNLOAD
When i open splash page in wordpress i get this instead of pics and there is no bg color that i made. 🙁
SPLASH PAGE
But when i load splash.php from my PC in my firefox or chrome, it works. :S
