What I'm trying to figure out is how I can get the content of a page displayed different div's. That means if I add two paragraphs in the editor I would like to display the first paragraph in div section1 and the second in div section2.
page code:
<?php
if( have_posts()):
while( have_posts()): the_post();?>
<?php
// original content display
// the_content();
// split content into array
$content = split_content();
// output first content section in column1
echo '<div id="column1">', array_shift($content), '</div>';
// output remaining content sections in column2
echo '<div id="column2">', implode($content), '</div>';
?>
<?php endwhile;
endif;
?>
and the functions.php:
function split_content() {
global $more;
$more = true;
$content = preg_split('/<span id="more-\d+"><\/span>i/', get_the_content('more'));
for($c = 0, $csize = count($content); $c < $csize; $c++) {
$content[$c] = apply_filters('the_content', $content[$c]);
}
return $content;
}
What I'm trying to figure out is how I can get the content of a page displayed different div's. That means if I add two paragraphs in the editor I would like to display the first paragraph in div section1 and the second in div section2.
page code:
<?php
if( have_posts()):
while( have_posts()): the_post();?>
<?php
// original content display
// the_content();
// split content into array
$content = split_content();
// output first content section in column1
echo '<div id="column1">', array_shift($content), '</div>';
// output remaining content sections in column2
echo '<div id="column2">', implode($content), '</div>';
?>
<?php endwhile;
endif;
?>
and the functions.php:
function split_content() {
global $more;
$more = true;
$content = preg_split('/<span id="more-\d+"><\/span>i/', get_the_content('more'));
for($c = 0, $csize = count($content); $c < $csize; $c++) {
$content[$c] = apply_filters('the_content', $content[$c]);
}
return $content;
}
Don't do that! There are many other options to achieve this that are not hacky and messy. Here is what I would suggest.
First, create a child theme. This will allow you to make edits to your theme without losing them during an update.
Once your child theme is setup, add a custom field to your admin pages. I don't use a ton of plugins but when it comes to adding custom fields I use ACF because its super easy and you can create professional admin layouts in minutes. If you want to add the custom field manually check this out.
Now that you have your custom field added, all that's left is to pull in the data from the custom field into your page template.
This will change a bit depending on your theme but you should get the idea. For this example I will use the Twenty Seventeen theme. In this theme, the content for Pages is coming from /template-parts/page/content-page.php, so I duplicate that in my child theme.
With ACF Plugin (recommended)
Lets say I used ACF to create a new editor section called "more_content". I would just place the following code in my child theme's content-page.php and your done.
<div id="more-content">
<?php
$value = get_field("more_content");
if($value) {
echo $value;
}
?>
</div>
Without ACF Plugin
If you didn't want to use ACF to create the custom field you would need to create the field using code like this...
add_action('add_meta_boxes', function() {
add_meta_box('my_meta_box', 'Meta Box Title', 'my_metabox_function');
});
function my_metabox_function($post) {
$text= get_post_meta($post->ID, 'my_metabox_name' , true );
wp_editor(htmlspecialchars_decode($text), 'meta_box_id', $settings = array('textarea_name'=>'my_input_name') );
}
add_action( 'save_post', function($post_id) {
if (!empty($_POST['my_input_name'])) {
$data=htmlspecialchars($_POST['my_input_name']); //make sanitization more strict !!
update_post_meta($post_id, 'my_metabox_name', $data );
}
});
Then display the data in your page template like...
<?php
$more_content = get_post_meta($post->ID, 'my_metabox_name', true);
echo $more_content;
?>