Shortcode not displaying properly in custom theme

  • Resolved mjol

    (@mjol)


    2 years, 3 months ago

    Hello,

    I am trying to move an existing form I had created on another blog to a different one with a custom theme in an attempt to consolidate some of the WordPress driven elements on my website. However, when I use the shortcode, the form does not display, only a small gray box where the form would be.

    I can confirm the form itself works fine in the preview, but the shortcode does not work well with my theme.

    For reference, here are the “header”, “single-page”, and “footer” theme files, which are the only ones it uses.

    Header

    <html xmlns="https://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/mw_v4_reg.dwt" codeOutsideHTMLIsLocked="false" -->
	<head>
	<?php function get_root_url(){
	$path = get_bloginfo('wpurl');
	echo rtrim($path, "3DCG/");
}
?>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="<?php get_root_url(); ?>/css/stylesheet2.css"/>
		<link rel="stylesheet" type="text/css" href="<?php get_root_url(); ?>/css/carousel2.css"/>
		<link rel="stylesheet" type="text/css" href="<?php get_root_url(); ?>/css/effects.css"/>
		<link href="<?php echo get_bloginfo('template_directory'); ?>/style.css" rel="stylesheet">

		<!-- InstanceBeginEditable name="doctitle" -->
		<title>Moleworks: <?php echo get_bloginfo( 'name' ); ?></title>
		<!-- InstanceEndEditable -->
        <link rel="icon" type="image/x-icon" href="<?php get_root_url(); ?>/images/favicon.ico">
		<!-- InstanceBeginEditable name="head" -->
		<!-- InstanceEndEditable -->
	</head>
	<body>
		<div id = "outer">
			<!-- Outer start -->
			<div id = "container" class = "container marble_bg">
				<!-- Container start -->
				<div id = "header">
					<!-- Header start -->
                    <!-- Navbar start -->
					<nav class="nav">
							<!-- Mobile navbar start -->
							<div class="hamburger">
								<span class="line"></span>
								<span class="line"></span>
								<span class="line"></span>
							</div>
							<div class="nav__link hide navFade">
								<a href="<?php get_root_url(); ?>/index.html">Home</a>
								<a href="<?php get_root_url(); ?>/about_moleworks.html">About</a>
								<a href="#">Portfolio</a>
								<a href="<?php get_root_url(); ?>/contact.php">Contact</a>
								<hr />
								<a href="<?php get_root_url(); ?>/abwgmw/index.html">A Bird With Gold-Mended Wings</a>
								<a href="<?php get_root_url(); ?>/duael/index.html">DU?L</a>
								<a href="<?php get_root_url(); ?>/heart/index.html"><3</a>
								<hr />
								<a href="<?php get_root_url(); ?>/3D/downloads.html">Model Downloads</a>
								<a href="<?php get_root_url(); ?>/3D/tou.html">Terms of Use</a>
								<a href="<?php get_root_url(); ?>/3D/3D_commissions.html">Model Commissions</a>
							</div>
						</nav>
                        <!-- Mobile navbar end -->	
						
                        <nav class = "desk_nav">
                        <ul>
						<!-- Horizontal navbar start --> 
						<div class = "logo"><li><img src="<?php get_root_url(); ?>/images/logo.png" width="167" height="80" /></li></div>
						<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
						<li><a href="<?php get_root_url(); ?>/index.html">Home</a></li>
						<li><a href="<?php get_root_url(); ?>/about_moleworks.html">About</a></li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropbtn">Games</a>
							<div class="dropdown-content">
								<a href="<?php get_root_url(); ?>/abwgmw/index.html">A Bird With Gold-Mended Wings</a>
								<a href="<?php get_root_url(); ?>/duael/index.html">DU?L</a>
								<a href="<?php get_root_url(); ?>/heart/index.html"><3</a>
							</div>
						</li>
						<li><a href="<?php get_root_url(); ?>/portfolio/index.php">Portfolio</a></li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropbtn">3D Works</a>
							<div class="dropdown-content">
								<a href="<?php get_root_url(); ?>/3D/downloads.html">Model Downloads</a>
								<a href="<?php get_root_url(); ?>/3D/tou.html">Terms of Use</a>
								<a href="<?php get_root_url(); ?>/3D/3D_commissions.html">Model Commissions</a>
							</div>
						</li>
						<li class="dropdown">
							<a href="javascript:void(0)" class="dropbtn">Contact</a>
							<div class="dropdown-content">
								<a href="<?php get_root_url(); ?>/faq.html">F.A.Q</a>
								<a href="<?php get_root_url(); ?>/contact.php">Contact Me</a>
							</div>
						</li>
					</ul>
                    </nav>
					<!-- Navbar end -->
				</div>
				<!-- Header end -->
				<script src="<?php get_root_url(); ?>/js/hamburger.js"></script>

    Single

    <?php get_header(); ?>

<div id class = "article">
					
					<!-- Article start -->
					<div class = "article5">
					<!-- InstanceBeginEditable name="article" -->

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?> 

                    <!-- InstanceEndEditable -->  
                    </div>
                    <!-- article5 end -->
	
<?php get_footer(); ?>

    Footer

    <div id = "credits">
						<!-- Footer start-->
						<center>
							Copyright Shaynn "Mole" Haugen 2009 - <script>document.write(new Date().getFullYear())</script> ~ <a href="https://www.vecteezy.com/vector-art/2099715-mountain-beautiful-landscape-background-vector-design-illustration">Mountain vector by "Better Your Life" on Vecteezy</a>
						</center>
					</div>
					<!-- Footer end -->
				</div>
				<!-- Article end -->
			</div>
			<!-- Container end -->
		</div>
		<!-- Outer end -->
	</body>

<!-- InstanceEnd --></html>

    Thanks in advance for your help

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Shortcode not displaying properly in custom theme’ is closed to new replies.