• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 275
  • Last Modified:

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.

http://i43.tinypic.com/oaxj0g.jpg
No title page view

http://i40.tinypic.com/2vdln3a.jpg
No title Page Edit

http://i39.tinypic.com/raqib8.jpg
No title page list

http://i41.tinypic.com/dq3m9x.jpg
Normal title page view

http://i42.tinypic.com/2jbpnch.jpg
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?
0
smuralisankar
Asked:
smuralisankar
  • 4
  • 2
4 Solutions
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Disable Page Title..(http://www.wordpressmax.com/wordpress-guide/remove-wordpress-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.


Regards,
Abhijit
0
 
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?
0
 
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

Regards,
Abhijit


html-editor2.png
0
Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

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

.post-title
{
display: none !important;
}

Regards,
Abhijit
0
 
smuralisankarAuthor Commented:
Thanks.

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

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

for eg add css like this

.normaltitle{
font-size:20px;
text-align:center;
font-family: Georgia, serif;
text-shadow:  2px 2px 1px #ec40F1;
color:#108041;
}

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

Regards,
Abhijit
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now