Блог

Главная - Вопросы по программированию - HTML-виджеты неправильно отображаются при использовании управляемого GoDaddy WordPress с помощью Elementor

HTML-виджеты неправильно отображаются при использовании управляемого GoDaddy WordPress с помощью Elementor

#javascript #html #wordpress #elementor #godaddy-api

Вопрос:

Пытаюсь обновить веб-сайт нашей компании и добавить пользовательское меню/альбом. Это GoDaddy, размещенный как управляемый сайт WordPress, использующий Elementor для проектирования. Я попытался использовать предоставленные HTML-виджеты и обнаружил, что они работают не так, как ожидалось. Код, однако, работает, когда я использую его извне/локально в обычном html-документе. Я попытался использовать любой из двух виджетов, а также обновил все плагины/элементы управления.

Примечание: У меня было предыдущее изображение, в котором казалось, что wordpress не будет использовать файлы js, на которые ссылаются извне, поэтому я скопировал их локально в нашу файловую структуру и ссылался на них оттуда. Я приношу извинения, если что-то из этого кажется крайне глупым, я не очень опытный программист/дизайнер, и мне более или менее просто передали этот проект как самую короткую соломинку.

Виджеты, которые я использую:

Как это должно выглядеть:

Вот код:

 <html>
  <head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

    <script type="text/javascript" src="https://www.grafico.com/wp-content/plugins/GavinsWidget3/GavinsWidget3_Src/jquery.min.js"></script>

    <link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="https://www.grafico.com/wp-content/plugins/GavinsWidget3/GavinsWidget3_Src/jquery.nanogallery2.min.js"></script>

  </head>
  <body>
<!--MODIFY THE ALBUM GALLERY PREFERENCES HERE-->
    <div ID="ngy4p" data-nanogallery2='{
        "flickrAPIKey": "55bf5b423a3609849b017425cf1e3d88",
        "userID": "193200798@N04",
        "kind": "flickr",
        "thumbnailHeight":  200,
        "thumbnailWidth":   300,
        "allowList": "E T",
        "thumbnailLabel": {
          "position": "overImageOnBottom",
          "align": "left"
        },
        "thumbnailAlignment": "center",
        "thumbnailOpenImage": true
      }'>

    </div>

  </body>
</html>

Ответ №1:

Так что я не совсем уверен, что это было, но если бы мне пришлось угадать, я бы сказал, что есть отставание по некоторым конкретным элементам, связанным с нашим сайтом, поскольку виджеты html теперь правильно отображаются…действительно странно. Другие изменения, похоже, происходят почти мгновенно, однако, поэтому я не совсем уверен, почему это так.

Ответ №2:

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

Метки: