Add custom frontend page without menu item - wordpress

Question

Im trying to do something like this.

I know about adding a wordpress page from admin panel, Pages->Add New, and then link this page to PHP file using the slug. I've already done that. I just want to make this page work without adding it from admin panel, in case if page gets deleted from admin panel it won't work even if exists in the directory.

Please let me know if my question isn't clear enough. Any help is highly appreciated.

Thanks!

Update:

Thanks to @Mike i was able to solve the problem by modifying his code. I just had to add add_rewrite_rule() and its working good now. Don't forget to flush permalinks.

function add_application_endpoint() {
add_rewrite_endpoint( 'view', EP_PERMALINK );
 }

add_action( 'init', 'add_application_endpoint' );

function add_endpoint_queryvar( $query_vars ) {
    $query_vars[] = 'view';
    $query_vars[] = 'ptag';
    $query_vars[] = 'product_cat';

    return $query_vars;
}

add_filter( 'query_vars', 'add_endpoint_queryvar' );
add_rewrite_rule( '^view/([^/]+)/([^/]+)/?$', 'index.php?pagename=custom-product-tags&ptag=$matches[1]&product_cat=$matches[2]', 'top' );

/**
 * Setting up job app template redirect for custom end point rewrite
 */

function job_application_template_redirect() {
    global $wp_query;
    if ( $wp_query->query_vars['name'] != 'custom-product-tags' ) {
        return;
    }

    include dirname( __FILE__ ) . '/page-custom-product-tags.php';

    exit;
}

add_action( 'template_redirect', 'job_application_template_redirect' );

score 1 · Accepted Answer · answered Jan 05 '15 at 22:50

1

You can do it by creating a custom endpoint and setting up a template redirect in your functions.php file.. Here is an example for a job application page. With this code added to my functions.php file, if I visit '/apply' on my site, the page-job_application.php template is rendered.

Hope this works for your needs.

/**
 * Rewrite custom endpoint for job post applications
 */
function add_application_endpoint() {
    add_rewrite_endpoint('apply', EP_PERMALINK);
}
add_action( 'init', 'add_application_endpoint');

/**
 * Register our custom endpoint as a query var
 */
function add_endpoint_queryvar( $query_vars ) {
        $query_vars[] = 'apply';
    return $query_vars;
}
add_filter( 'query_vars', 'add_endpoint_queryvar' );

/**
 * Setting up job app template redirect for custom end point rewrite
 */
function job_application_template_redirect() {
    global $wp_query;
if ( ! isset( $wp_query->query_vars['apply'] ) || ! is_singular() )
    return;
include dirname( __FILE__ ) . '/page-job_application.php';
exit;
}
add_action( 'template_redirect', 'job_application_template_redirect' );

answered Jan 05 '15 at 22:50

Mike Kauffman

276
1
5

Thanks for the code, i managed to make your code work after some modifications, also i had to add add_rewrite_rule() in order to access URL and pass parameters in query-string. There's only one problem, even though page is working fine but in the browser tab its showing "Page not found". Any idea why? – Kevin Jan 06 '15 at 08:31
If I understand you, you're referring to the title that shows in the browser tab itself, but the page is rendering correctly? That title is pulled from your header so the page itself will need to have it's title set dynamically. I think a filter on wp_title would work best: function add_title_to_custom_page() { add_filter( 'wp_title', 'filter_function_name', 10, 2 ) – Mike Kauffman Jan 06 '15 at 17:02
sorry, hit enter by mistake. Here is my comment: I think a filter on `wp_title` in your `functions.php` file would work best: function add_title_to_custom_page($title) { if ( is_page_template( 'page-job_application.php' ) ) { $title = "My Custom Page Title"; } else { $title = $title; } return $title } add_filter( 'wp_title', 'add_title_to_custom_page' ); Hope that works. – Mike Kauffman Jan 06 '15 at 17:12

Add custom frontend page without menu item - wordpress

1 Answers1