How to display code in WordPress manually?

1
How to display code in WordPress manually?
www.server.firm.in
2
WordPress An open-source website creation tool
is written in PHP. Its probably the simplest and
most powerful blogging and website content
management system today. Uses In case you are
working with WordPress to publish on the web, it
proves that you are in good company youre in
good company. Several familiar blogs, news
outlets, music sites, Fortune 500 companies, and
celebrities are working with WordPress. The
famous users of WordPress are Mashable and
TechCrunch and the News outlets like The New York
Times blogs and CNNs on-air personality blogs.
3
Working of WordPress It is an accomplished
website foundation for different websites. It is
a skilled CMS from blogging to e-commerce to
business and portfolio websites. Few websites
built with WordPress Blog E-commerce Business
News Photography Music Membership Adapting
WordPress To customize or to adopt a WordPress
website the possibilities are endless. Themes and
plugins of WordPress can add new design options
and insert purpose.
4
Reasons for using WordPres s There are six
reasons for using WordPress          WordPress
is Free as in Freedom          It is Easy to
Customize with Themes and Plugins          It is
SEO Friendly          Easy To Manage         
Safe and Secure          Can Handle Different
Media Types Ways to use WordPress         
Start a Blog          Make a business
website          Start an online store         
Build a membership website          Sell online
courses
5
How to display code in WordPress manually? There
are three methods to display code manually. They
are          Display Code Using The Default
Editor in WordPress          Display Code in
WordPress Using a Plugin          Display Code
in WordPress Manually Method 1. Display Code
Using The Default Editor in WordPress         
This is suitable for beginners and users who
dont need to display code very often.         
At first, if you want to display the code, you
have to edit that particular blog post.         
Add a new code block which is displayed on the
post edit screen          In the text area, type
the code fragment.          Now save your blog
post and preview it to see the code block in
action.          Based on the theme of
WordPress, the code block may be varied.
6
Method 2. Display Code in WordPress Using a
Plugin Here we are using a plugin to display
code. This is for users who often display code in
their articles. Advantages It permits to
display any code in any programming language in
an easy manner.          It shows the code with
syntax highlighting and line numbers          At
first, install and activate the SyntaxHighlighter
Evolved plugin.
7
1.   Insert the SyntaxHighlighter Code block to
your post displayed on the post edit
screen. 2.   Now the new code block is displayed
on the post edit screen. add the code and select
the block settings from the right column. 3.  
Initially select the language for your code. Then
turn off line numbers, provide first line number,
highlight any line you want, and turn off the
feature to make links clickable. 4.   Once it
gets finished, save your post and click on the
preview button to see it in action. 5.   The
plugin consists of several color schemes and
themes. If you want to change the color theme,
 visit Settings SyntaxHighlighter page. 6.  
From the settings page, choose a color theme and
modify SyntaxHighlighter settings. Now save your
settings to see a preview of the code block at
the bottom of the page.
8
Using SyntaxHighlighter with Classic Editor This
is used to add code to your WordPress blog
posts. Just coat the code around square brackets
with the language name. For example, if you are
going to add PHP code, then do this below
method. phplt?php private function
get_time_tags() time get_the_time(d M,
Y) return time ?gt /php Likely, to add an
HTML code, then wrap it around the HTML shortcode
like this html lta hrefexample.comgtA sample
linklt/agt /html Method 3. Display Code in
WordPress Manually This advanced method because
it needs more work and does not always work as
intended. It is suitable for users with the old
classic editor and wants to display the code
without using a plugin. Initially pass the code
through an online HTML creature encoder tool. It
will modify code markup to HTML entities, which
will permit you to insert the code and bypass the
WordPress cleanup filters.
9
In the text editor copy and paste code and wrap
it around ltpregt and ltcodegt tags. And the code
seems to be ltpregtltcodegt ltpgtlta
hrefquot/home.htmlquotgtThis is a sample
linklt/agtlt/pgt lt/pregtlt/codegt Save the
post and preview the code in action. Finally, the
browser will convert the HTML entities and users
will be able to see and copy the correct
code.   We hope that this article will be helpful
to the display the code manually. For more
information, like us on social media such as
Facebook and Twitter. For video tutorials,
subscribe to our YouTube channel Server Firm
India.
10
Server Firm Provide Dedicated server unmanaged at
lowest price in India Dedicated Server unmanaged
at Lowest price. Cheap Dedicated server. Best
Dedicated server at lowest price. Unmanaged
Dedicated server with excellent features at
lowest cost. Our Dedicated Servers come made to
measure to ensure you get the best results for
your business. Provision them with a wide choice
of RAM, SSD /HDD hard drives and bandwidth
options. High performance, Reliable, affordable
dedicated servers. High bandwidth dedicated
servers at lowest price. 24X7 supports. Best
dedicated server provider. Contact Us at -
www.server.firm.in IT Monteur, B-71, Shalimar
Garden Extn-2, Ghaziabad, UP, India-201005 Phone
 91-9582907788 91-96540164840120-2631048 
Mail sales_at_itmonteur.in