Как создать шаблон темы страницы php в WordPress, используя html или css?

Question

        <?php
        /*
        Template Name: isbn 
        */
        ?>

        <form action="" method="post" name="myForm">
        Filter <input id="isbn" type="text" name="isbn" />
        <input type="submit" name="submit" value="Submit" /></form>

        <?php get_header(); ?>
        <?php 
        if(isset($_POST['submit']))
        {
        global $wpdb;
         $table_name = "isbn";  // change this to your table name
         $field = $_POST['isbn']; // change this to your isbn field $_POST['ISBN'];
        $retrieve_data = $wpdb->get_results( "SELECT * FROM $table_name where isbn = '".$field."'");
        foreach ($retrieve_data as $retrieved_data) {

        echo $retrieved_data->title; 
        // echo $retrieved_data->image;  // for image
         }
        }
       ?>

Это поисковая форма, которую я хочу разработать. Я создал эту форму в шаблоне страницы с именем isbn. Но когда я открываю эту страницу для редактирования, я не могу этого сделать. Я использую тему диви в WordPress. Так что тема divi не позволяет мне редактировать эту страницу. Из-за чего эта страница выглядит очень плохо во взглядах. Может ли кто-нибудь помочь мне в разработке этой страницы, предоставив свои коды или просто предложив свои предложения? Я сталкиваюсь с еще одной проблемой, когда пишу код css в приведенном выше коде, я ничего не получаю. Так что я совершенно не знаю, что делать с этим

Answer 1

Вы вставляете form над функцией get_header();, поэтому она будет вне тега html и снаружи из body тег. Переместите его в body, тогда он должен хотя бы появиться на странице, и вы увидите, что вам нужно делать дальше.

Answer 2

Просто создайте страницу WordPress и добавьте шорткод, который вы добавили в функции. php раньше. Не создавайте шаблон для этой страницы, используйте только свой шорткод.

Answer 3

Сначала вы должны создать страницу, используя тему divi, затем создать шорткод для этой формы в функциях. php и затем использовать этот шорткод на своей странице.