The complete guide to customising the default post _type

Posted on 1st October, 2013 522 Comments

Sometimes rather than creating a custom post type with custom taxonomies, we can just edit the default Posts section in WordPress. With that in mind I thought that I’d create a complete “snippets” guide on how to edit the default WordPress post_type “Posts”.

 In this example I’m renaming the “Posts” to “Developments”.

Quick Menu:

Remember to share if you like this post!


Start by renaming the posts admin menu and removing the unused menu items.

Rename the Posts menu items titles, this includes the categories and tags.

Everything on this page belongs in the functions.php!.

/**
 * Rename the Posts to Developments
 *
 */
function edit_post_menu(){
	 global $menu;
	 global $submenu;

	$menu[5][0] = 'Developments'; // Change posts to developments
	$submenu['edit.php'][5][0] = 'All Developments';
	$submenu['edit.php'][10][0] = 'Add a Development';
	$submenu['edit.php'][15][0] = 'Post Codes'; // Rename categories to Post Codes
	$submenu['edit.php'][16][0] = 'Areas'; // Rename tags to Areas

	remove_menu_page('tools.php'); // Remove the unused menu items
	remove_menu_page('edit-comments.php');
	remove_submenu_page('themes.php' , 'nav-menus.php'); //Remove the unused sub-menu items
	remove_submenu_page('plugins.php' , 'plugin-editor.php');
}
add_action( 'admin_menu' , 'edit_post_menu' );

Then lets change the Post Labels

Post labels appear above the edit posts as the titles. As an example when you edit a post it will show Edit Post as the title.

/**
 * Change the post type labels
 */
function change_post_type_labels() {
  global $wp_post_types;

  // Get the post labels
  $postLabels = $wp_post_types['post']->labels;
  $postLabels-> name = 'Developments';
  $postLabels-> singular_name = 'Development';
  $postLabels-> add_new = 'Add New Development';
  $postLabels-> add_new_item = 'Add New Development';
  $postLabels-> edit_item = 'Edit Developments';
  $postLabels-> new_item = 'Developments';
  $postLabels-> view_item = 'View Developments';
  $postLabels-> search_items = 'Search Developments';
  $postLabels-> not_found = 'No Developments found';
  $postLabels-> not_found_in_trash = 'No Developments found in Trash';
}
add_action( 'init', 'change_post_type_labels' );

Amend the “Enter Title Here” text.

This shouldn’t need an explanation, but it is the first box above the text editor.

/**
 * Change the "Enter Title Here" text
 */
 function title_text_input( $title ){
     return $title = 'Enter Development Title';
}
add_filter( 'enter_title_here', 'title_text_input' );

Modify “Add Featured Image” text.

/**
 * Change the "Add Featured Image" text
 */

function development_image_text( $content ) {
    return $content = str_replace( __( 'Set featured image' ), __( 'Set Development Image' ), $content);
}
add_filter( 'admin_post_thumbnail_html', 'development_image_text' );

Rename the Category, Tag and Featured Image headers

These titles appear above the modules whilst you’re editing the post. Each one should be pretty self explanatory.

/**
 * Rename the Category, Tag and Featured Image headers in the edit post page
 */

 // Categories
add_action( 'add_meta_boxes', 'change_cat_meta_box', 0 );
function change_cat_meta_box() {
		global $wp_meta_boxes;

	unset( $wp_meta_boxes['post']['side']['core']['categorydiv'] );
	add_meta_box('categorydiv', //The Meta Parimeter - check here http://codex.wordpress.org/Function_Reference/remove_meta_box
	__('Post Code'), // New Label
	'post_categories_meta_box', // The function - check here http://phpxref.ftwr.co.uk/wordpress/nav.html?_functions/index.html
	'post',
	'side',
	'low');
}
// Tags
 add_action( 'add_meta_boxes', 'change_tag_meta_box', 0 );
function change_tag_meta_box() {
		global $wp_meta_boxes;

	unset( $wp_meta_boxes['post']['side']['core']['tagsdiv-post_tag'] );
	add_meta_box('tagsdiv-post_tag',
	__('Area'),
	'post_tags_meta_box',
	'post',
	'side',
	'low');
}
//Featured Image
add_action( 'add_meta_boxes', 'change_featured_image_meta_box', 0 );
function change_featured_image_meta_box() {
		global $wp_meta_boxes;

	unset( $wp_meta_boxes['post']['side']['core']['postimagediv'] );
	add_meta_box('postimagediv',
	__('Development Image'),
	'post_thumbnail_meta_box',
	'post',
	'side',
	'low');
}

Remove the unused metaboxes

You may not want all the extra metaboxes that appear on the posts admin pages. So let’s remove them completely.

/**
 * Remove the unused metaboxes
 */
 function remove_my_post_metaboxes() {
	remove_meta_box( 'authordiv','post','normal' ); // Author Metabox
	remove_meta_box( 'commentstatusdiv','post','normal' ); // Comments Status Metabox
	remove_meta_box( 'commentsdiv','post','normal' ); // Comments Metabox
	remove_meta_box( 'postcustom','post','normal' ); // Custom Fields Metabox
	remove_meta_box( 'postexcerpt','post','normal' ); // Excerpt Metabox
	remove_meta_box( 'revisionsdiv','post','normal' ); // Revisions Metabox
	remove_meta_box( 'slugdiv','post','normal' ); // Slug Metabox
	remove_meta_box( 'trackbacksdiv','post','normal' ); // Trackback Metabox
}
add_action('admin_menu','remove_my_post_metaboxes');

Add a custom helper content to the help tab

This is handy for giving the user a quick reference guide to adding a new post. For this example I’m going to use an ordered list to show them how to add all the relevant content needed to display the post or in this particular occasion “development”.

/**
 * Include a help menu to the posts/developments
 */
add_action( 'add_meta_boxes' , function () {
   $the_help_tab_content =  '<h3>' . __( 'Adding a New Develpment') . '</h3>'.
   							'<ol>' .
   							'<li>' . __( 'Enter the development name as the main title. &nbsp;&nbsp;&nbsp;<i>ex. Avant Garde</i>') . '</li>'.
   							'<li>' . __( 'Enter the developer in the text editor. &nbsp;&nbsp;&nbsp; <i>ex. Hurford Salvi Carr</i>') . '</li>'.
   							'<li>' . __( 'Select one Post Code on the right') . '</p>'.
   							'<li>' . __( 'Below that add the areas seperated by commas,  &nbsp;&nbsp;&nbsp;<i>ex. Bloomsbury, Clerkenwell, City</i>') . '</li>'.
   							'<li>' . __( 'Custom Fields: Select primary from the dropdown then add the main area for the development. &nbsp;&nbsp;&nbsp; <i>ex. Clerkenwell</i>') . '</li>'.
   							'<li>' . __( 'Upload the development image as the featured image. ') . '</li>'.
   							'<li>' . __( 'Publish the development.') . '</li>'.
							'</ol>' ;
   get_current_screen()->add_help_tab( array(
			'id'      => 'my-help-id',
			'title'   => __( 'The Help Tab' ),
			'content' => $the_help_tab_content,
		) );
}, 10 , 2 );

Disable the Visual editor

Sometimes the visual editor is overcomplicated for what we need so we might need to disable it completely.

add_filter('user_can_richedit' , create_function('' , 'return false;') , 50);

We can also add some custom CSS to the post_type

I’m using css content to replace the titles of the modules and remove the unused buttons from the plain text editor.

/**
 * Quickly change the edit text box height, remove unused buttons from the text editor and add some custom titles to the modules
 */
add_action('admin_head', 'wpt_include_custom_styles');
function wpt_include_custom_styles() {
	echo'<style type="text/css">
			/* Change the height of the text editor */
			#content{ height:100px !important; }
			/* Remove unwanted buttons */
			#qt_content_block, #qt_content_strong, #qt_content_em, #qt_content_link, #qt_content_del,
			#qt_content_ins, #qt_content_img, #qt_content_ul, #qt_content_ol, #qt_content_li,
			#qt_content_code, #qt_content_more, #qt_content_close, #qt_content_hed_tabs,
			#qt_content_tag, #qt_content_fullscreen { display: none !important; }
			/* Add our new titles */
			#ed_toolbar:before {content: "Add the Developer"; font-size: 1.4em; line-height: 2em;}
			#postcustom .hndle > span {	display: none;}
			#postcustom .hndle:before { content: "Select Primary from the dropdown and add the Primary Area. (ex.Clerkenwell)"; font-size: 1em; line-height: 1.2em;	}

		</style>';
}

Add buttons to the visual editor

We may also need to add some buttons with specific functions to the visual editor, this has been widely covered online but is essential part of editing the post_type.

We’re creating an extra dropdown list for all our new styles and removing some of the unwanted style options from the current visual editor:

/**
 * TinyMCE - Remove unwanted options and add some of our own!
 */

function make_mce_awesome( $init ) {
    $init['theme_advanced_blockformats'] = 'h2,h3,h4,p'; /* Include these block formats */
    $init['theme_advanced_disable'] = 'underline,spellchecker,wp_help'; /* Remove these from the editor */
    $init['theme_advanced_text_colors'] = '46a3d5,f9a936,b9b9b9'; /* Add site specific colours */
    $init['theme_advanced_buttons2_add'] = 'styleselect'; /* Include a styles dropdown */
    return $init;
}

add_filter('tiny_mce_before_init', 'make_mce_awesome');
/* Include a custom stylesheet for the visual editor*/
	add_editor_style('new-editor-styles.css'); 

add_filter( 'tiny_mce_before_init', 'my_mce_before_init' );
function my_mce_before_init( $settings ) {
    $style_formats = array(
	array(/*adds a class to an anchor tag*/
    		'title' => 'Lora',
    		'selector' => 'a',
    		'attributes' => array(
					'class'	=>	'lora'
				)
    	),

    	array(/*adds class to an img*/
    		'title' => 'clearfix',
    		'selector' => 'img',
    		'attributes' => array(
					'class'	=>	'clearfix'
				)
    	),

	array(/*adds an attribute to an anchor*/
    		'title' => 'nofollow',
    		'selector' => 'a',
    		'attributes' => array(
					'rel'	=>	'nofollow'
				)
    	),

	array(/*adds a target attribute to an anchor*/
    		'title' => 'target',
    		'selector' => 'a',
    		'attributes' => array(
					'target'	=>	'new'
				)
    	),

    	array(/*add an anchor complete with link, class and attribute*/
    		'title' => 'Demo Button',
    		'inline' => 'a',
				'attributes' => array(
					'href' => 'http://demo.wptricks.co.uk/',
					'class' => 'button',
					'rel' => 'nofollow'
				)
    	),

	array(/*create a span with an attribute*/
    		'title' => '* span',
    		'inline' => 'span',
				'attributes' => array(
					'class' => 'org',
				)
    	),

        array(/*an a span with specific styles*/
        	'title' => 'Bold Lora Text',
        	'inline' => 'span',
        	'styles' => array(
        		'color' => '#666',
        		'fontWeight' => 'bold',
			'fontFamily' => 'Lora'
        	)
        )
    );

    $settings['style_formats'] = json_encode( $style_formats );
    return $settings;
}

Comments

To preserve code added to a comment you can wrap your code in short tags
by using [square brackets]:

  1. PHP use - [php] <?php code here ?> [/php]
  2. CSS use - [css] #code-here {} [/css]
  3. HTML use - [html] <div> code here </div> [/html]
  4. JS use - [js] $(".codeHere") [/js]

JamesVen

21st, Oct, 20

Amalgam oral, this was less a uncontested of 2. [url=https://ciamedusa.com/#]cialis coupon[/url] which is in any case shameless and in usage genetically

viagraviagria.com

01st, Nov, 20

I believe that when young birds land on hard surfaces, that have no give to them such as a table top, the developing leg tendons and muscles can’t handle
the strain, causing a breach in the supporting tissues.
viagraviagria.com
free viagra samples

JamesLinee

05th, Nov, 20

viagra without a doctor prescription canada viagra mail order viagra

KeithThory

11th, Nov, 20

what are the side effects of cialis https://tadalbesafe.com/ real cialis online with paypal
best liquid cialis [url=https://tadalbesafe.com/#]cheap cialis[/url] how much does cialis cost at walmart

DavidBat

12th, Nov, 20

[url=http://metformintop.com/#]metformin 500 mg discount[/url] – 134 metformin 500 mg
[url=https://zithromax10.com/#]zithromax cost uk[/url] – zithromax 1000 mg online
[url=https://propeciafavdr.com/#]finasteride prostate[/url] – finasteride cost

Davidner

12th, Nov, 20

[url=https://edpillscanada24.com/#]buy prescription drugs from canada cheap[/url] – can ed be cured
[url=http://amoxil1000.com/#]amoxicillin script[/url] – can i buy amoxicillin over the counter in australia
[url=https://lasixtop.com/#]furosemide 100mg[/url] – lasix generic

Hubertflili

13th, Nov, 20

ed prescription drugs top ed pills ed medications list [url=https://canadaedwp.com/#]cheap pills online[/url] erectile dysfunction treatments

Hubertflili

15th, Nov, 20

erection pills that work top ed pills erectile dysfunction drug [url=https://canadaedwp.com/#]best ed pills[/url] herbal remedies for ed

https://plus-solar.com.my

08th, Dec, 20

Great beat ! I would like to apprentice at the
same time as you amend your web site, how can i subscribe for a weblog
web site? The account helped me a appropriate deal. I had been a little bit familiar
of this your broadcast offered bright clear concept

sex

18th, Dec, 20

Hi there! Quick question that’s entirely off topic.

Do you know how to make your site mobile friendly? My site looks weird when browsing from my iphone 4.
I’m trying to find a template or plugin that might be able to resolve this issue.
If you have any recommendations, please share.
Thank you!

xxx

18th, Dec, 20

Hey there! Someone in my Facebook group shared
this website with us so I came to look it over. I’m definitely enjoying the information.
I’m book-marking and will be tweeting this to my followers!

Great blog and brilliant design and style.

hey

21st, Dec, 20

Taxi moto line
128 Rue la Boétie
75008 Paris
+33 6 51 612 712  

Taxi moto paris

I’m really loving the theme/design of your web site. Do you ever run into any
web browser compatibility issues? A couple of my blog visitors have complained about
my blog not working correctly in Explorer but looks great in Safari.
Do you have any recommendations to help fix this issue?

https://jac-r.ru/

22nd, Dec, 20

Yesterday, while I was at work, my cousin stole my iphone and tested to
see if it can survive a 30 foot drop, just so she can be a youtube sensation. My iPad is now broken and she has 83 views.
I know this is completely off topic but I had to share it with someone!

Wa.L.R.U.Scv.Kd@www.itkorona.ru

22nd, Dec, 20

Hi there, just became aware of your blog
through Google, and found that it’s truly informative.
I am gonna watch out for brussels. I will be grateful if you continue
this in future. Lots of people will be benefited from your writing.
Cheers!

www.insanebigdicks.com

22nd, Dec, 20

Hi terrific blog! Does running a blog like this require a large amount of work?
I’ve very little understanding of programming but
I had been hoping to start my own blog in the near future.

Anyways, if you have any recommendations or techniques for new
blog owners please share. I know this is off topic however I just had to ask.

Appreciate it!

diskontfoto.ru

22nd, Dec, 20

Fantastic beat ! I would like to apprentice while you amend your website,
how could i subscribe for a blog website? The account aided me a acceptable
deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept

siba-vending.ru

22nd, Dec, 20

Very nice post. I just stumbled upon your weblog and wanted to say that I’ve really enjoyed surfing around
your blog posts. After all I will be subscribing to
your feed and I hope you write again very soon!

vreyrolinomit

23rd, Dec, 20

Hello There. I found your blog using msn. This is a very well written article. I will make sure to bookmark it and come back to read more of your useful info. Thanks for the post. I will definitely return.

Pat Mazza

24th, Dec, 20

Thanks for sharing, this is a fantastic article post.Really looking forward to read more. Really Cool.

Hydrasajtgake

26th, Dec, 20

сайт гидратор представляет из себя маркет, который открыт для магазинов серых покупок и спецуслуг. Подобную услугу нельзя найти в нормальном магазине, так как это нелегально.

Jessika Palamara

03rd, Jan, 21

Useful info. Lucky me I discovered your web site unintentionally, and I’m stunned why this twist of fate did not took place earlier! I bookmarked it.|

vreyrolinomit

08th, Jan, 21

You actually make it seem so easy with your presentation but I find this matter to be actually something that I think I would never understand. It seems too complicated and extremely broad for me. I’m looking forward for your next post, I will try to get the hang of it!

free dating

10th, Jan, 21

free dating,dating sites
open-handed neighbourhood dating sites
[url=”http://datingfreetns.com/?”]free dating[/url]

froleprotrem

11th, Jan, 21

Once I originally commented I clicked the -Notify me when new comments are added- checkbox and now each time a comment is added I get four emails with the same comment. Is there any approach you’ll be able to remove me from that service? Thanks!

free dating

13th, Jan, 21

dating sites free,free online dating websites
unengaged dating sites
[url=”http://datingfreetns.com/?”]free dating online[/url]

Joey Goswick

14th, Jan, 21

Hi. I’m looking for a good site that offers creative writing prompts or creative writing exercises since I heard that anyone who is serious about writing should do creative writing exercises. So does anyone know of a good one?.

James Grassle

16th, Jan, 21

How do I start a blog under a pen-name and maintain my anonymity. How do you then get regular readers?

vreyrolinomit

18th, Jan, 21

F*ckin’ awesome issues here. I’m very satisfied to peer your article. Thanks so much and i’m looking ahead to touch you. Will you please drop me a e-mail?

about

25th, Jan, 21

Just desire to say your article is as amazing.

The clearness in your post is just excellent and i can assume you are an expert on this subject.
Well with your permission allow me to grab your feed
to keep up to date with forthcoming post. Thanks a million and
please continue the gratifying work.

vreyro linomit

25th, Jan, 21

Magnificent goods from you, man. I have understand your stuff previous to and you’re just extremely magnificent. I really like what you have acquired here, certainly like what you are saying and the way in which you say it. You make it entertaining and you still take care of to keep it smart. I cant wait to read far more from you. This is really a great site.

메리트카지노

25th, Jan, 21

Fantastic blog! Do you have any hints for aspiring writers?

I’m hoping to start my own website soon but I’m a little lost on everything.
Would you propose starting with a free platform like WordPress or go for a paid option? There
are so many choices out there that I’m completely
confused .. Any suggestions? Thank you!

KbbtBoth

26th, Jan, 21

cialis no prescription paypal Azulfidine cialisВ® online [url=https://xz-pharmacyonline.com]Enalapril[/url] ’

subwoofers

26th, Jan, 21

The extra discerning movie or music fan will respect the inclusion of tuning modes that
optimize this subwoofer’s sound to taste.

cheap flights

29th, Jan, 21

I must thank you for the efforts you have put
in penning this site. I really hope to check out the same high-grade content from you in the future as well.
In truth, your creative writing abilities has inspired me to get
my own, personal blog now 😉

cheap flights

30th, Jan, 21

Thank you for sharing your thoughts. I truly appreciate your efforts
and I will be waiting for your further post thank you once again.

a

01st, Feb, 21

Admiring the time and effort you put into your website and in depth information you present.
It’s good to come across a blog every once in a while that isn’t the same
out of date rehashed material. Fantastic read! I’ve saved your site and I’m including your RSS feeds to my Google account.

sewa gudang carigin

02nd, Feb, 21

Thank you for the good writeup. It if truth be told was a enjoyment
account it. Look complex to far introduced agreeable from you!
However, how could we communicate?

a

02nd, Feb, 21

It’s hard to come by knowledgeable people for this subject,
however, you seem like you know what you’re talking about!
Thanks

Am Thuc Chay

02nd, Feb, 21

Hey! I realize this is somewhat off-topic however I needed to ask.

Does building a well-established blog like yours require a massive amount work?
I am completely new to blogging however I do write
in my journal daily. I’d like to start a blog so I can share my personal
experience and views online. Please let me know if you have any
kind of recommendations or tips for brand new aspiring bloggers.
Thankyou!

NgscUnobe

02nd, Feb, 21

cost viagra usa viagra cheap viagra online in india [url=http://canadianpharmacy-yy.com/Fitness/how-to-get-a-six-pack.html]cheapest sildenafil online[/url] ’

tinyurl.com

02nd, Feb, 21

Hey There. I found your blog using msn. This is an extremely well written article.
I will be sure to bookmark it and come back to read more of your useful info.
Thanks for the post. I will certainly return.

cheap flights

02nd, Feb, 21

Ahaa, its nice dialogue concerning this post at this place at this webpage, I have read all that, so now
me also commenting here.

gidrasajt4afgake

03rd, Feb, 21

gidrasajt4af.com представляет собой сайт, который придуман для дилеров запрещенных товаров и сервисов. Такую продукцию запрещается достать в обыкновенном магазине, поскольку это противозаконно.

tinyurl.com

03rd, Feb, 21

What’s up to every one, as I am really eager of reading this weblog’s post to be updated on a regular basis.
It consists of good material.

tinyurl.com

12th, Feb, 21

Hi there, You have done a great job. I will definitely digg it and personally recommend to my friends.
I’m confident they’ll be benefited from this website.

alexandria traffic violation lawyers

12th, Feb, 21

I absolutely love your blog and find many of your post’s to
be exactly what I’m looking for. Do you offer guest writers
to write content for you? I wouldn’t mind publishing a
post or elaborating on a lot of the subjects you write regarding here.
Again, awesome site!

Abacroli

12th, Feb, 21

turmeric and high blood pressure – generic viagra Ofgzclo
online cialis canada no prescription
viagra was it a monopoly for pfizer: [url=https://www.withoutbro.com/]cialis online[/url]

vreyro linomit

15th, Feb, 21

I just couldn’t leave your site prior to suggesting that I extremely loved the usual information an individual supply to your visitors? Is going to be back often in order to investigate cross-check new posts

ivermectin for human scabies

15th, Feb, 21

Definitely believe that which you stated. Your favorite reason seemed to be at the net the simplest
thing to keep in mind of. I say to you, I certainly get irked
at the same time as folks think about worries that they just do not know about.
You controlled to hit the nail upon the highest as smartly as outlined out the entire thing without having side effect , folks can take a signal.
Will likely be again to get more. Thank you http://antiibioticsland.com/Stromectol.htm

Charlesneape

16th, Feb, 21

tinder online , tinder dating app
[url=”http://tinderdatingsiteus.com/?”]tinder dating app [/url]

türk takipçi satın al

22nd, Feb, 21

Hi! I know this is kinda off topic nevertheless I’d figured I’d ask.
Would you be interested in trading links or maybe guest writing a blog post or
vice-versa? My website discusses a lot of the same topics as yours and I think we could
greatly benefit from each other. If you happen to be interested feel free to send me
an email. I look forward to hearing from you! Awesome blog by the way!

instagram takipci

23rd, Feb, 21

I’m really impressed along with your writing talents as smartly as with
the format to your weblog. Is that this a paid topic or did you modify it yourself?
Either way stay up the excellent high quality writing, it’s
uncommon to see a nice weblog like this one nowadays..

maximum dose of cialis

23rd, Feb, 21

Today, I went to the beach with my kids. I found a
sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed
the shell to her ear and screamed. There was a hermit crab inside
and it pinched her ear. She never wants to go back!
LoL I know this is entirely off topic but I had
to tell someone! http://cialis.audiovideoninja.com/tadalafil

web site

24th, Feb, 21

Hi mates, how is the whole thing, and what you want to say concerning this piece of writing, in my view its genuinely remarkable in support of me.

web site

ucuz beğeni

01st, Mar, 21

great points altogether, you just won a logo new reader.
What could you suggest about your put up that you just made some days
in the past? Any positive?

jimdofreelom

15th, Apr, 21

The road seemed to stretch on endlessly before us, but Alexis assured me that our journey was near an end. We’d turn before long into thick woods and travel through narrow, winding roads until we reached her family’s cabin. I had no choice but to trust her as GPS had given out nearly 20 minutes ago.

“There’s good wifi and okay reception at the cabin,” she’d told me, “but you can’t get there unless you know the way.”
https://medium.com/@bentyleai415/tales-of-jason-ch-07-3966aa829c39
So here I was, driving alone in the middle of god knows where with a girl who was my student just a couple of weeks ago. Her and her four best friends had been together from first grade all the way through high school and now they had graduated with very different futures ahead of them. They had decided to kick off “the best summer ever” with a week long stay at Alexis’s family cabin. Alexis and I were heading up before everyone else, the four other girls and four guys.

Leave a Comment

To preserve code added to a comment you can wrap your code in short tags
by using [square brackets]:

  1. PHP use - [php] <?php code here ?> [/php]
  2. CSS use - [css] #code-here {} [/css]
  3. HTML use - [html] <div> code here </div> [/html]
  4. JS use - [js] $(".codeHere") [/js]