WordPress頁面，如何上傳動態HTML頁面

Question

好的，到目前為止，我才剛剛開始編程。 我從Java語言開始。 目前， 我的目標是使一個小型Web應用程序聯機 （而不是像我目前那樣僅使用瀏覽器打開本地文件）。 我有自己的域名，托管服務，並使用Wordpress撰寫博客。

我在Wordpress上閱讀了codex.wordpress.org/Pages，這似乎表明我可以在Wordpress上添加其他網頁。 不幸的是，這以及其他文章都沒有使我更加接近我的目標。

因此，這是關於我和我的工作的一些具體情況：

這是我的Web應用程序的git。 這是一個動態測驗。
Dreamhost是我的網絡托管服務，也是我通過其購買域名的地方。
我的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，而我希望博客的其余部分都可以使用該CSS。 我還沒有花足夠的時間來解決這個問題，現在正在這樣做。 即將更新

更新2

令人尷尬的是，我仍然無法實現我的目標。 我遵循了戴夫的建議。 我在正在使用的主題（2012年主題）中添加了兩行代碼，並帶有指向計算機上正確的本地地址的鏈接。 我還使用了通過文本編輯器（而非可視化編輯器）添加到wordpress頁面的html代碼中的相同鏈接。 有關更多詳細信息，請參見下面的評論。

Answer 1

不能100％確定您要完成的工作，但是如果我理解正確，您想將自定義應用添加到您的wordpress博客中，對嗎？

好吧，它分為三個部分。

創建標記-HTML。 只需在Wordpress中添加一個新頁面/帖子，然后將HTML標記添加到編輯器中即可：確保切換到“文本”，而不是默認設置，即“視覺”
導入Appearance>Editor>Style.css這就像在wordpress中使用樣式編輯器一樣容易： Appearance>Editor>Style.css或者您可以將CSS放在根目錄中，又是主題文件夾，再放在style.css中
Javascript：添加Javascript同樣簡單。 您可以只將JS文件的標簽包含到主題的header.php文件中。 如果您對此有疑問，請閱讀以下文章： http : //codex.wordpress.org/Using_Javascript

更新：

我認為您使這一過程變得太復雜了。

HTML：

將您的html插入到Wordpress文本編輯器中（在wordpress內部，您要顯示測驗的博客頁面/帖子下）-使suer選項卡位於“文本”而不是“可視”上。

CSS和JS：

無需將CSS添加到Style.css文件中，只需在header.php文件中鏈接CSS和JS文件即可

下面是twentytwelve主題header.php文件：您可以為您的主題header.php文件.. 看到剛剛結束標記上面我的代碼做SAM

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

只要確保您的文件路徑正確無誤...

WordPress頁面，如何上傳動態HTML頁面

問題描述

1 個解決方案

解決方案1
0 已采納 2013-05-20 13:26:28

WordPress頁面，如何上傳動態HTML頁面

問題描述

1 個解決方案

解決方案1 0 已采納 2013-05-20 13:26:28

解決方案1
0 已采納 2013-05-20 13:26:28