Page/Post Title Customization

When I want to  enter a title for a page that is not part of a title box. I don’t want the title that I entered in the title box to be the real title on the page.

Take a look at the following Images and you will understand.
No title page view
No title Page Edit
No title page list
Normal title page view
Normal title page edit

1. How to add a title in the title box so that I can see it in the post edit page and post list page but it does not appear live on the site?
2. How do I add my own title (with formatting) that appears on the live post/page. I want it to be different than what I entered on the title box of the post?
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Abhijeet RananawareWeb & Mobile DeveloperCommented:
Disable Page Title..(

Manually add Page Title in content Using <div class="normaltitle">TITLE</div>

<div class="notitle">TITLE</div>..etc

add css for each class in your template css file.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
smuralisankarAuthor Commented:
I don't think editing the page.php file or the page template code is a good idea.
I just want this for a few pages and not for everything.

so, where exactly should I make the changes if it is just for one page or a few select pages/posts?
Abhijeet RananawareWeb & Mobile DeveloperCommented:
I am not telling you to edit page.php...

I am telling you to Manually add div above class via HTML editor in backend.

Check attachment for HTML editor


JavaScript Best Practices

Save hours in development time and avoid common mistakes by learning the best practices to use for JavaScript.

Abhijeet RananawareWeb & Mobile DeveloperCommented:
P.S...Disable page title via css

display: none !important;

smuralisankarAuthor Commented:

And for formatting the newly entered page title (through the code)?

like centering it, changing the font, size and styling?
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Use CSS for formatting.

for eg add css like this

font-family: Georgia, serif;
text-shadow:  2px 2px 1px #ec40F1;

Above css is just an example..change colors according to your need

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.