Benutzerdefiniertes Formular wird nicht korrekt auf der Seite angezeigt

Ich habe eine Seite wie folgt:

Are you already a member? Don´t miss your next career opportunity!

[one_half padding="0px 40px 0 20px"][multipage_form][/one_half]

[one_half_last padding="0px 20px 0 20px"]

✔ We'll keep you informed about new opportunities in the digital sector that fit your profile. ✔ We have new opportunities every week in UX, e-commerce, mobile, SEO/SEA, social media, online marketing, big data, ... ✔ PPC, UX, SEO, RTB, ... . We know what you're talking about.

[/one_half_last]

 

Get on board and join the Crew!

und so weiter … . Wie Sie sehen können, gebe ich das Formular multipage_form aus . Ich habe ein benutzerdefiniertes Plugin Multistep Form wo ich ein Formular erstellen. Mein multistep_form.php im Plugin multistep_form sieht folgendermaßen aus:

 <?php // Add shortcode to include form in page // KEY, VALUE add_shortcode('multipage_form','multipage_form'); // Register site styles and scripts is_page( 'about-me' ) /** * @todo: check which page, only check on /subscribe */ add_action('wp_enqueue_scripts','multistep_form_init'); // Create form function multipage_form() { global $wpdb; $this_page = $_SERVER['REQUEST_URI']; $page = $_POST['page']; if ( $page == NULL ) { /** * first name * last name * email address * current job title * // autofill with linkedin // */ // output form echo '
'; } // END PAGE 1 FORM elseif ( $page == 1 ) { // store POST variables $first_name = $_POST['FNAME']; $last_name = $_POST['LNAME']; $email = $_POST['EMAIL']; $current_jobtitle = $_POST['CURRENTJOBTITLE']; // get taxonomy terms $years_experiences = get_taxonomy_terms('job_listing_category'); $job_types = get_taxonomy_terms('job_listing_type'); $job_regions = get_taxonomy_terms('job_listing_region'); $job_tags = get_taxonomy_terms('job_listing_tag'); /** * are you (freelancer, ...) * you live in (brussel, ...) * years of experience * expertise in digital (choose max 2: data science, e-commerce, ...) */ // output form echo '
'; foreach($job_types as $job_type) { echo 'term_id . '">' . $job_type->name . ''; } echo ' '; foreach($job_regions as $job_region) { echo 'term_id . '">' . $job_region->name . ''; } echo ' '; foreach($years_experiences as $years_experience) { echo 'term_id . '">' . $years_experience->name . ''; } echo '

Expertise(s) in digital (choose maximum 2):

'; foreach($job_tags as $job_tag) { echo 'term_id . '">' . $job_tag->name . '
'; } // Hidden value for page echo ' '; } // END PAGE 2 FORM } /** * @param $taxonomy_category * @return array * */ function get_taxonomy_terms($taxonomy_category) { $args = array( 'orderby' => 'count', 'hide_empty' => 0, ); $terms = get_terms($taxonomy_category, $args); return $terms; } function multistep_form_init() { wp_enqueue_script( 'multistep-form-js', plugins_url( '/js/custom.js', __FILE__ )); }

Wenn ich jetzt die Seite überprüfe, auf der mein Formular angezeigt wird, wird das Formular immer oben angezeigt und nicht in

wo es sein sollte …. Mein HTML sieht nach dem Rendern des Formulars so aus:

 

Are you already a member? Don´t miss your next career opportunity!

....

Wie du siehst, ist meine Form oben und ich kann nicht erklären warum …. Was mache ich falsch?

Klicken Sie hier für den Link zu der Seite .

Solutions Collecting From Web of "Benutzerdefiniertes Formular wird nicht korrekt auf der Seite angezeigt"

Wenn Sie mit Shortcode arbeiten, müssen Sie einen Wert zurückgeben und nicht direkt ausgeben. Die unten aufgeführten Änderungen sollten Ihr Positionierungsproblem beheben.

Weitere Informationen finden Sie im Shortcode-API-Codex , speziell im Abschnitt ” Ausgabe “.

 function multipage_form() { global $wpdb; $this_page = $_SERVER['REQUEST_URI']; $page = $_POST['page']; if ( $page == NULL ) { /** * first name * last name * email address * current job title * // autofill with linkedin // */ // output form $my_form = '
'; } // END PAGE 1 FORM elseif ( $page == 1 ) { // store POST variables $first_name = $_POST['FNAME']; $last_name = $_POST['LNAME']; $email = $_POST['EMAIL']; $current_jobtitle = $_POST['CURRENTJOBTITLE']; // get taxonomy terms $years_experiences = get_taxonomy_terms('job_listing_category'); $job_types = get_taxonomy_terms('job_listing_type'); $job_regions = get_taxonomy_terms('job_listing_region'); $job_tags = get_taxonomy_terms('job_listing_tag'); /** * are you (freelancer, ...) * you live in (brussel, ...) * years of experience * expertise in digital (choose max 2: data science, e-commerce, ...) */ // output form $my_form.= '

Expertise(s) in digital (choose maximum 2):

'; foreach($job_tags as $job_tag) { $my_form.= '' . $job_tag->name . '
'; } // Hidden value for page $my_form.= ' '; } // END PAGE 2 FORM return $my_form; }