0

好的，所以我刚刚开始编程，到目前为止还有一个多月。我从 Javascript 开始。目前，我的目标是让一个小型 Web 应用程序在线（而不是像我现在这样用浏览器打开本地文件）。我有自己的域名、托管服务，并使用 Wordpress 写博客。

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

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

  1. 这是我的 Web 应用程序的 git。这是一个动态测验。
  2. Dreamhost 是我的网络托管服务，也是我购买域名的地方。
  3. 我的 wordpress 网站是 www.briandavishall.com

我对下一步应该做什么感到困惑，我真的不知道从哪里开始。我会很感激一些关于我应该做什么、我需要学习什么来实现我的目标以及任何资源建议（如果存在）的指导。

编辑：这是我第一次尝试失败时所做的。

1.在header.php文件中添加如下代码<head>。

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

<head>2.在我编写 HTML 脚本的页面中链接/写了这个。正如您在此处看到的，没有任何反应，没有动态测验：

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

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

更新 2

令人尴尬的是，我仍然无法实现我的目标。我听从了戴夫的建议。我将两行代码添加到我正在使用的主题（2012 主题）中，并带有指向我计算机上正确本地地址的链接。我还在我的 html 代码中使用了相同的链接，这些链接是通过文本编辑器（而不是可视化编辑器）添加到 wordpress 页面的。有关更多详细信息，请参阅下面的评论

4

1 回答 1

0

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

嗯，它有 3 个部分。

  1. 创建标记 - HTML。只需在 Wordpress 中添加一个新页面/帖子并将您的 HTML 标记添加到编辑器中：确保切换到“文本”，而不是默认的“视觉”

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

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

更新：

我认为你让这太复杂了。

HTML：

您的 html 被插入到 Wordpress 文本编辑器中（在 wordpress 内，在您希望显示测验的博客页面/帖子下） - 使选项卡位于“文本”而不​​是“视觉”上。

CSS 和 JS：

无需将 CSS 添加到 Style.css 文件中，您只需在header.php文件中链接 CSS 和 JS 文件即可

这是第二十二个主题的 header.php 文件：您可以为您的主题 header.php 文件执行 sam .. 看看我的代码就在结束的 head 标签上方

<?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>

只要确保您的文件路径正确...

于 2013-05-20T13:26:28.153 回答