Question

我对网络开发没有太多经验，但我一直在学习。

我在wordpress上创建了一个新网站，我找到了一个漂亮的lil codepen笔，我想在实际网站之前添加为登陆页面。

`https://codepen.io/anon/pen/dZobXy`

我发现插件可以让我创建登陆页面等等，我已经设法将它的HTML部分添加为短代码，但发现很难添加css和js，而且我目前还没经验手动添加代码;除非有人对此有答案或链接到教程。

长话短说，我想在我的实际网站之前添加“笔”作为登陆页面。这是寿司/开关。切换后，我希望它重定向到我页面的实际主页。

这可能/现实吗？

Answer 1

希望你有一个孩子主题。如果没有，请在此tutorial或您在Google上找到的任何其他内容后创建一个

然后你需要3个步骤：

在子主题文件夹中创建一个PHP文件，顶部显示：

<?php
/**
 * Template Name: My Landing Page
 */
 ?>
 Copy paste the HTML block of code pen here as you see it

创建一个包含空内容的新Wordpress页面，并在右侧栏中选择您刚刚创建的模板。

在子主题文件夹中创建一个js文件：

在此处添加codepen的Javascript部分中的代码。然后转到您孩子的functions.php文件并添加以下内容：

function my_landing_page_scripts() {
        wp_enqueue_script('myCustomLandingScript', get_stylesheet_directory_uri() . '/my_js_file_name.js',array('jquery'),1.0, true);
}
add_action('wp_enqueue_scripts','my_landing_page_scripts');

最后，打开您孩子主题的<{1}}文件： 并在此处复制粘贴您在代码笔的CSS部分看到的任何内容。

那就是......现在，着陆页将完全正常运作。

将wordpen pen添加到wordpress作为登陆页面？

1 个答案: