WP CLI and Very Simple Splash Page

(@katycodes)

Great plugin, love it, but when I have this plugin active the WP CLI doesn’t work it simply prints out a bunch of html/css. I’ve narrowed it down to this plugin alone, even when I’m using 2017 theme it’s still causing this.

luggagecart@ps591560:~/shoptheluggagecart.com$ wp plugin list

<!DOCTYPE html>

<html>

<head>

	<title></title>

	<link rel="stylesheet" href="http://shoptheluggagecart.com/wp-content/themes/storefront-child/style.css"  type="text/css">

	<meta name="viewport" content="width=device-width, initial-scale=1">

<style type="text/css">

html { 

	width: 100%;

}

body:before, body:after {

	position: relative;

}

body {

	background-clip: border-box;

	background-color: rgba(0, 0, 0, 0);

	background-image: url('https://shoptheluggagecart.com/wp-content/uploads/2018/12/PicsArt_04-24-11.29.01.png');

	background-origin: padding-box;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	margin: 0;

	width: 100%;

	height: 100%;

}

.splash-container {

  display: table;

  max-width: 767px;

  margin: 0 auto;

  position: relative;

  text-align: center;

  width: 100%;

}

.splash-content {

  display: table-cell;

  vertical-align: middle;

}

.splash-text {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	line-height: 1;

}

.splash-button-area {

	margin: 30px 0 0;

}

.splash-button {

	color: #000;

	font-size: 14px;

	background: #fff;

	font-weight: bold;

	line-height: 1;

	display: inline-block;

	border-radius: 5px;

	padding: 20px;

}

@media screen and (max-width: 1200px) {

}

</style>

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript" src="http://shoptheluggagecart.com/wp-content/plugins/very-simple-splash-page/assets/js/jquery.vide.js"></script>

</head>

<body >

	<div class="splash-container">

		<div class="splash-content">

			<div class="splash-text">

							</div>

			<div class="splash-button-area">

				<a class="splash-button" href="http://">Enter</a>

			</div>

		</div>

	</div>

	<script type="text/javascript">

		$(document).ready(function(){

			var h = $(window).height();

			$('.splash-container').height(h);

			$(window).resize(function(){

				var h = $(window).height();

				$('.splash-container').height(h);

			})

			$('.splash-button').click(function(e){

				e.preventDefault();

				console.log('clicked');

				 window.location.reload(true);

			})

		});

	</script>

</body>

</html>luggagecart@ps591560:~/shoptheluggagecart.com$ wp theme list

<!DOCTYPE html>

<html>

<head>

	<title></title>

	<link rel="stylesheet" href="http://shoptheluggagecart.com/wp-content/themes/twentyseventeen/style.css"  type="text/css">

	<meta name="viewport" content="width=device-width, initial-scale=1">

<style type="text/css">

html { 

	width: 100%;

}

body:before, body:after {

	position: relative;

}

body {

	background-clip: border-box;

	background-color: rgba(0, 0, 0, 0);

	background-image: url('https://shoptheluggagecart.com/wp-content/uploads/2018/12/PicsArt_04-24-11.29.01.png');

	background-origin: padding-box;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	margin: 0;

	width: 100%;

	height: 100%;

}

.splash-container {

  display: table;

  max-width: 767px;

  margin: 0 auto;

  position: relative;

  text-align: center;

  width: 100%;

}

.splash-content {

  display: table-cell;

  vertical-align: middle;

}

.splash-text {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	line-height: 1;

}

.splash-button-area {

	margin: 30px 0 0;

}

.splash-button {

	color: #000;

	font-size: 14px;

	background: #fff;

	font-weight: bold;

	line-height: 1;

	display: inline-block;

	border-radius: 5px;

	padding: 20px;

}

@media screen and (max-width: 1200px) {

}

</style>

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript" src="http://shoptheluggagecart.com/wp-content/plugins/very-simple-splash-page/assets/js/jquery.vide.js"></script>

</head>

<body >

	<div class="splash-container">

		<div class="splash-content">

			<div class="splash-text">

							</div>

			<div class="splash-button-area">

				<a class="splash-button" href="http://">Enter</a>

			</div>

		</div>

	</div>

	<script type="text/javascript">

		$(document).ready(function(){

			var h = $(window).height();

			$('.splash-container').height(h);

			$(window).resize(function(){

				var h = $(window).height();

				$('.splash-container').height(h);

			})

			$('.splash-button').click(function(e){

				e.preventDefault();

				console.log('clicked');

				 window.location.reload(true);

			})

		});

	</script>

</body>

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

The topic ‘WP CLI and Very Simple Splash Page’ is closed to new replies.

Tags