В Wordpress вставляю html файл со своими CSS и Javascript, но html отображается совсем по другому и js тоже не работает?

Question

[Aigerim1108]

Сначала я просто скопировала html код и вставила в WordPress страницу, потом CSS и Javascript файлы скопировала в одну папку текущей темы WordPress и пути тоже вроде правильно написала. Не сработала и потом попробовала с плагином Includeme тоже не сработала. Пожалуйста помогите!

Comments

[Aigerim1108]

Yaha Dev, если сам такой умный тогда ответь на вопрос нормально вместо того чтобы издеваться

Answer 1

[Dima Polos]

Изучите немного как вордпресс работает с темой и шаблонами.

Comments

[Aigerim1108]

Такой совет я тоже могу дать

[Dima Polos]

Aigerim1108, нет, такой совет дать не можете, потому что в моем есть ссылка, если не поленитесь немного промотав посмотреть и понять что и как, то сможете сделать то, что хотите.

Answer 2

[Luchiniel]

поищите на торрентах курс от web-for-myself про wordpress (Кудлай Андрей ведет). Там пошаговая самостоятельная сборка темы wp, на первых уроках в файле function.php как раз объясняется, как подключать скрипты и стили. Не совсем пойму, зачем Вам запихивать html. Если это небольшой кусочек html - можно и в редакторе кода поставить. Если же это прям статичная верстка, которую надо динамически натянуть на wp, то тот курс Вам очень поможет

Comments

[Aigerim1108]

Вот этот код не работает в Вордперссе Пожалуйста помогите

[Aigerim1108]

Не работает в вордпрессе

function getRes() {
    var key = "122021321011421130221141421021421222220201";
     var res = 0;
     for (var i=0; i < (document.forms.length - 1); i++) {
       if (document.forms[i].q[key.charAt(i)].checked) res++;}
     alert("Количество правильных ответов: " + res);}

[Luchiniel]

Сейчас постараюсь вспомнить, как это делается. В папке вашей темы найдите папку, в которой подключаются все скрипты. Там создайте свой файл, например, answer.js. В него закидываете Ваш код скрипта. Потом читаем https://wp-kama.ru/function/wp_enqueue_script#ispo...

add_action( 'wp_enqueue_scripts', 'answer' );// хук, который подключает Ваш скрипт
function answer(){
wp_enqueue_script( 'newscript', get_template_directory_uri() . '/js/answer.js');
}

Либо сбросьте файл function.php, там уже было подключение скриптов, покажу, в какое место вставлять.

[Aigerim1108]

<?php

/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 */

if ( ! defined('MESMERIZE_THEME_REQUIRED_PHP_VERSION')) {
    define('MESMERIZE_THEME_REQUIRED_PHP_VERSION', '5.3.0');
}

add_action('after_switch_theme', 'mesmerize_check_php_version');

function mesmerize_check_php_version()
{
    // Compare versions.
    if (version_compare(phpversion(), MESMERIZE_THEME_REQUIRED_PHP_VERSION, '<')) :
        // Theme not activated info message.
        add_action('admin_notices', 'mesmerize_php_version_notice');
        
        
        // Switch back to previous theme.
        switch_theme(get_option('theme_switched'));
        
        return false;
    endif;
}

function mesmerize_php_version_notice()
{
    ?>
    <div class="notice notice-alt notice-error notice-large">
        <h4><?php _e('Mesmerize theme activation failed!', 'mesmerize'); ?></h4>
        <p>
            <?php _e('You need to update your PHP version to use the <strong>Mesmerize</strong>.', 'mesmerize'); ?> <br/>
            <?php _e('Current php version is:', 'mesmerize') ?> <strong>
                <?php echo phpversion(); ?></strong>, <?php _e('and the minimum required version is ', 'mesmerize') ?>
            <strong><?php echo MESMERIZE_THEME_REQUIRED_PHP_VERSION; ?></strong>
        </p>
    </div>
    <?php
}

if (version_compare(phpversion(), MESMERIZE_THEME_REQUIRED_PHP_VERSION, '>=')) {
    require_once get_template_directory() . "/inc/functions.php";
    
     
    
    if ( ! mesmerize_can_show_cached_value("mesmerize_cached_kirki_style_mesmerize")) {
        
        if ( ! mesmerize_skip_customize_register()) {
            do_action("mesmerize_customize_register_options");
        }
    }
    
} else {
    add_action('admin_notices', 'mesmerize_php_version_notice');
}

[Aigerim1108]

Вот код который я вставила Вордпресс страницу. Не работает функция getRes()

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>index</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://localhost/wordpress/wordpress/wp-content/themes/mesmerize/page-templates/css/style.css">

  <SCRIPT language=JavaScript>
  <!--
    function getRes() {
    var key = "122021321011421130221141421021421222220201";
     var res = 0;
     for (var i=0; i < (document.forms.length - 1); i++) {
       if (document.forms[i].q[key.charAt(i)].checked) res++;}
    alert("Дұрыс жауаптар саны: " + res);}
     function Res() 
    {
    document.location.href = "http://localhost/wordpress/wordpress/99-2/";
    }
  //-->
  </SCRIPT>
  
</head>

<body>
  <body class="align">

  <div class="grid">

    <div class="js-ui-accordion">

      <h3>Accordion 1</h3>
      <div>
        <p style="text-align:justify">1. ЮНКТАД дегеніміз:
<FORM>
  <P class=MsoNormal>
  <INPUT type=radio name=q>А) БҰҰ 
  халықаралық сауда құқығы жөніндегі комиссия
  <BR>
  <INPUT type=radio name=q>В) БҰҰ органы
  <BR>
  <INPUT type=radio name=q>C) Дүниежүзілік кеңес
  <BR> 
  <INPUT type=radio name=q>D) БҰҰ арнайы қор
  <BR>
  <INPUT type=radio name=q value="1">E) БҰҰ саудамен даму жөніндегі конференция
</FORM>
      <HR align=center width="100%" color=#808080 noShade SIZE=2>
      
      <p style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:
justify">2. Консулдық патентті кім береді?
<FORM>
    <INPUT type=radio name=q value="1">А) үкімет
    <BR>
  <INPUT type=radio name=q value="2">B) мемлекет басшысы
  <BR>
  <INPUT type=radio name=q value="3">C) сыртқы істер министрлігі
  <BR> 
  <INPUT type=radio name=q value="4">D) орналасушы&nbsp; мемлекет
  <BR>  
    <INPUT type=radio name=q value="5">E) Төтенше және өкілетті өкіл
</FORM>
    <FORM></FORM>
    <INPUT onclick=answer() type=button value=Тексеру name=check>
    <INPUT onclick=Res() type=button value=Дұрыс_жауаптар name=check>
    </div>

      <h3>Accordion 2</h3>
      <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis at placeat quod nemo aliquam nesciunt distinctio, labore cum eum voluptas voluptate, laborum totam, soluta aspernatur vel quas. Dolores, quisquam quod!</p>
      </div>

      <h3>Accordion 3</h3>
      <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis at placeat quod nemo aliquam nesciunt distinctio, labore cum eum voluptas voluptate, laborum totam, soluta aspernatur vel quas. Dolores, quisquam quod!</p>
      </div>

    </div>

  </div>
</body>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>
    <script  src="http://localhost/wordpress/wordpress/wp-content/themes/mesmerize/page-templates/js/index.js"></script>
</body>
</html>

[Luchiniel]

language=JavaScript - это уберите (либо кавычки нужны после =). Левые символы тоже <!-- надо убрать. После этого, посмотреть, нет ли в консоли ошибок.
Еще, где эта функция вызывается? Например у Res() вызов тут

<INPUT onclick=Res() type=button value=Дұрыс_жауаптар name=check>

. А где у getRes()?