如何上传动态HTML页面

WordPress Pages, How to Upload Dynamic HTML Pages

本文关键字：HTML 页面 动态      更新时间：2023-09-26

好的，我刚刚开始编程，到目前为止一个多月了。我从Javascript开始。目前，我的目标是获得一个小的web应用程序在线(而不是只是打开本地文件与浏览器，因为我目前是)。我有自己的域名，托管服务，用Wordpress写博客。

我在Wordpress上阅读codex.wordpress.org/Pages，这似乎表明我可以在我的Wordpress上包含额外的网页。不幸的是，这篇文章和其他的文章都没有让我更接近我的目标。

所以这里有一些关于我和我的工作的具体背景:

    这是我的git到我的web应用程序。这是一个动态测验。
  1. Dreamhost是我的虚拟主机服务，我在那里买了我的域名。
  2. 我的wordpress网站是www.briandavishall.com
我不知道下一步该做什么，我真的不知道从哪里开始。如果你能给我一些指导，告诉我应该做什么，我需要学习什么来实现我的目标，如果有任何资源建议，我将不胜感激。

编辑:以下是我在第一次尝试失败时所做的。

1。将以下代码添加到header.php文件的<head>。

<?php wp_enqueue_script( "DynamicQuizJS" , plugins_url( ~/Documents/Coding/DynamicQuiz/DynamicQuizJS.js);); ?>

2。链接/在我写HTML脚本的页面的<head>中写了这个。正如您在这里看到的，什么也没有发生，没有动态测试:

<script type="text/javascript" src="DynamicQuizJS.js"></script>

3。我仍然不确定如何做CSS文件。我希望它是一个单独的文件，我链接到html脚本，而不是修修补补现有的CSS，我希望我的博客的其余部分遵循。我还没有花足够的时间来解决这个问题，现在我正在做。即将更新

更新2

令人尴尬的是，我仍然不能完成我的目标。我听从了戴夫的建议。我将两行代码添加到我正在使用的主题(2012主题)，并链接到我计算机上的正确本地地址。我还在html代码中使用了通过文本编辑器(不是可视化编辑器)添加到wordpress页面的相同链接。更多细节请参阅下面的注释

不是100%确定你想要完成什么，但如果我理解正确，你想把你的自定义应用程序添加到你的wordpress博客对吗?

嗯，有三个部分。

  1. 创建标记- HTML。只需在Wordpress中添加一个新页面/帖子，并将你的HTML标记添加到编辑器中:确保你切换到'text'，而不是默认的'visual'

  2. 导入CSS -这就像使用wordpress中的样式编辑器一样简单:Appearance>Editor>Style.css或者你可以把css放到根目录，也就是theme文件夹然后style.css

  3. Javascript:添加Javascript同样容易。您可以将JS文件的标记包含到主题的header.php文件中。如果您对此有疑问，请阅读以下帖子:http://codex.wordpress.org/Using_Javascript

更新:

我觉得你把事情弄得太复杂了。

HTML:

你的html被插入到Wordpress文本编辑器(在Wordpress内部，在博客页面/帖子下，你想要你的测验显示)-确保标签上是"文本"而不是"视觉"。

CSS和JS:

你可以在header.php文件 中链接你的CSS和JS文件，而不是将CSS添加到Style.css文件中。

下面是第十二主题的header.php文件:您可以对主题的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(); ?>
/*The Only part I added:Below*/
/************Just add your files here below******************/
<link href="yourstylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="yourJSfile.js"></script>
</head>

确保你的文件路径是正确的…

相关文章：