meta box generator by jeremy hixon<\/a>.<\/p>\nAdd this code to your theme functions.php<\/p>\n
function custom_page_heading_get_meta( $value ) {\n global $post;\n\n$field = get_post_meta( $post->ID, $value, true );\n if ( ! empty( $field ) ) {\n return is_array( $field ) ? stripslashes_deep( $field ) : stripslashes( wp_kses_decode_entities( $field ) );\n } else {\n return false;\n }\n}\n\nfunction custom_page_heading_add_meta_box() {\n add_meta_box(\n 'custom_page_heading-custom-page-heading',\n __( 'Custom Page Title', 'custom_page_heading' ),\n 'custom_page_heading_html',\n 'page',\n 'normal',\n 'high'\n );\n}\nadd_action( 'add_meta_boxes', 'custom_page_heading_add_meta_box' );\n\nfunction custom_page_heading_html( $post) {\n wp_nonce_field( '_custom_page_heading_nonce', 'custom_page_heading_nonce' ); ?>\n\n<p>\n <label for=\"custom_page_heading_custom_page_title\"><?php _e( 'Custom Page Title', 'custom_page_heading' ); ?><\/label><br>\n <input type=\"text\" style=\"width:100%;\" name=\"custom_page_heading_custom_page_title\" id=\"custom_page_heading_custom_page_title\" value=\"<?php echo custom_page_heading_get_meta( 'custom_page_heading_custom_page_title' ); ?>\">\n <\/p><?php\n}\n\nfunction custom_page_heading_save( $post_id ) {\n if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;\n if ( ! isset( $_POST['custom_page_heading_nonce'] ) || ! wp_verify_nonce( $_POST['custom_page_heading_nonce'], '_custom_page_heading_nonce' ) ) return;\n if ( ! current_user_can( 'edit_post', $post_id ) ) return;\n\nif ( isset( $_POST['custom_page_heading_custom_page_title'] ) )\n update_post_meta( $post_id, 'custom_page_heading_custom_page_title', esc_attr( $_POST['custom_page_heading_custom_page_title'] ) );\n}\nadd_action( 'save_post', 'custom_page_heading_save' );<\/pre>\nYou’ll now have a nice text box when you edit your page.<\/p>\n
![\"\"](\"https:\/\/ginastricklind.com\/wp-content\/uploads\/2017\/05\/optional-custom-page-title-in-wordpress.png\")
<\/p>\n
Customize the content-page.php<\/h2>\n
Next, we’ll be editing the content-page.php. Copy this file from the parent theme and into your child theme.<\/p>\n
By default, the page title is contained in a header block:<\/p>\n
<?php if ( FLTheme::show_post_header() ) : ?>\n <header class=\"fl-post-header\">\n <h1 class=\"fl-post-title\" itemprop=\"headline\"><?php the_title(); ?><\/h1>\n <?php edit_post_link( _x( 'Edit', 'Edit page link text.', 'fl-automator' ) ); ?>\n <\/header><!-- .fl-post-header -->\n <?php endif; ?><\/pre>\nWe can now use the custom_page_heading_get_meta function we added earlier to set up the meta box to grab the custom title and store it in a variable:<\/p>\n
$custom_page_title = custom_page_heading_get_meta( 'custom_page_heading_custom_page_title' );<\/pre>\nNow it’s just a matter of creating addition conditional statements to show the custom title if the value is not empty, otherwise show the default page title.<\/p>\n
I never use the page title like this on the homepage, so I also created an addition statement that does not allow this entire block to show if this is shown for the homepage:<\/p>\n
if ( !is_front_page() ) :<\/pre>\nOur end result looks like this:<\/p>\n
<header class=\"fl-post-header\">\n <?php\n if ( !is_front_page() ) :\n $custom_page_title = custom_page_heading_get_meta( 'custom_page_heading_custom_page_title' );\n ?>\n\n <h1 class=\"fl-post-title\" itemprop=\"headline\">\n <?php\n if (!empty ($custom_page_title)) :\n echo $custom_page_title;\n else :\n echo $the_title();\n endif;\n ?>\n\n <\/h1>\n <?php\n endif;\n ?>\n <?php edit_post_link( _x( 'Edit', 'Edit page link text.', 'fl-automator' ) ); ?>\n <\/header><!-- .fl-post-header -->\n<\/pre>\n![\"\"](\"https:\/\/ginastricklind.com\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-26-at-2.04.41-PM.png\")
<\/p>\n","protected":false},"excerpt":{"rendered":"
I’m an advocate of modular code and not having to do things twice (or a dozen times). I also actively think about future general changes to a site and a way to do those in as few steps as possible. Beaver Builder is fantastic for speeding up the productivity of site builds and it’s incredibly user friendly compared to other page builders. It’s also developer friendly too! Meaning you can easily create custom modules of your own. You could of course use the […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57,16],"tags":[],"_links":{"self":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/1764"}],"collection":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/comments?post=1764"}],"version-history":[{"count":11,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/1764\/revisions"}],"predecessor-version":[{"id":1786,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/1764\/revisions\/1786"}],"wp:attachment":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/media?parent=1764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/categories?post=1764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/tags?post=1764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}