Do You know that You can use HTML in your WordPress comment? There are 14 elements You can use to prettify your comments. The elements are a, abbr, acronym, b, blockquote, cite, code, del, em, i, q, s, strike, and strong
. Some of them might also have attribute(s) that can be modified.
<a>
The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link’s destination.
In WordPress comment, this element has 2 attributes that can be used they are href
and title
. Fill the href
attribute with some kind of URL and title
attribute with a related title Specifies extra information about an element (displayed as a tool tip)
.
<abbr> & <acronym>
The <abbr> tag defines an abbreviation or an acronym, like “Mr.”, “Dec.”, “ASAP”, “ATM”.
Tip: An abbreviation and an acronym are both shortened versions of something else. Both are often represented as a series of letters.
Marking up abbreviations can give useful information to browsers, translation systems and search-engines.
The elements have one and only attribute that can be used for the comment and that is title
. This attribute works the same behavior with <a> tag, when You hover it, the tool tip will show You content of the title. Those tags are similar, probably the same, but when You are writing your own HTML page You might want to use only abbr
tag. because…
The <acronym> tag is not supported in HTML5. Use the <abbr> tag instead.
<b>, <strong>, <i> & <em>
These elements are Formatting elements
. <b> similar with <strong>, <i> similar with <em>. <b> means bold, <strong> also bold but with added semantic “strong” importance
. <i> means italic, <em> also italic but with added semantic importance
.
Here is some examples of combination from the elements.
no format
= no format.
<b>bold</b> <strong>strong</strong>
= bold strong.
<i>italic</i> <em>em</em>
= italic em.
This sentence is important but not as important as this
.
<blockquote>, <q> & <cite>
A quotation is the repetition of one expression as part of another one, particularly when the quoted expression is well-known or explicitly attributed by citation to its original source, and it is indicated by (punctuated with) quotation marks.
Paragraph above is quoted from wikipedia. I use a special element to make the appearance different with other section. I use <blockquote>tag. <blockquote> and <q> tag are the same, the difference is <blockquote> used for a long quote, and <quote> for shorter version of quote. I personally use <blockquote> in a self paragraph, and <q> for quoting a sentence inside a paragraph.
Those two tags, has an attribute that can be filled. The attribute is called cite
, it usually has a value of a URL which means Specifies the source of the quotation
. The attribute can be a self tag called <cite>, I haven’t actually use it a lot, I just usually use the quoting tag directly, but for example most of my references is taken from w3schools.com.
<code>
I should love this element the most. This element is me, haha.The <code> tag is a phrase tag. It defines a piece of computer code.
This element make a block of text pretty different, if we take a look at other elements, this is the only element that change the background.
This element has an inline display, so if You want to make the piece of code more visible You might want to add more spaces between before and after block.
<del>, <s> and <strike>
Last but not least, for a strike through decoration text we can use these elements. The only element that has attribute that can be modified is <del> element. The attribute is datetime
, if You want a precise thing for you deletion thing, You can use this element with the attribute datetime even though the format is pretty hard to memorize YYYY-MM-DDThh:mm:ssTZD
.
I don’t use this kind of element so much, but maybe if You are working in a project and need versioning, You can use these element to mark that something has changed. Or, just use it to make your text noticeable in the comments.
So, now is the time to try these elements in the comment. I haven’t tried much
but I might add a comment to this post after.
console.log('JavaScript');
FYI,
If You want to check my other posts You can visit my sites
yuulye.github.io &
yuulye.wordpress.com.
LikeLiked by 2 people
Nice to know that such features can be done in the comments section! I have a question. How can I “in codes” add a gif to my WordPress comment?
LikeLiked by 3 people
I’m afraid that images related comment can’t be done in WordPress, I will try to search though, if not I just research more on how to prettify content, I’ll let You know if I found something about this
gifthingLikeLiked by 3 people
Thank you so much!
LikeLiked by 2 people
Good news! https://en.forums.wordpress.com/topic/insert-picture-in-comments
Just paste image link into comment, there are a lot of things we can embed too, https://en.support.wordpress.com/comments/embeds/
Something like this right? 😁
LikeLiked by 3 people
Ooh! I didn’t know about that,thanks.
LikeLiked by 3 people
Me too, haha
LikeLiked by 3 people
Man!!!! Prettify ahaan….. Hmmm… Kudos to that word 👆
LikeLiked by 3 people
What do you mean by it???
Putting lines into html or beautifying the comment??? 😂😂😂❤😮
LikeLiked by 3 people
I don’t know if you’re serious or not 😂
It will alter the appearances of some blocks by adding some html tags.
Something like bold, italic,
strikeLikeLiked by 2 people
Yeah of course I’m serious 😂😂
LikeLiked by 3 people
So, anymore questions? 🤔😋
LikeLiked by 2 people
No….. I myself code so not an issue 😂😂😂❤
LikeLiked by 3 people
I don’t believe, give me some proofs 😝
LikeLiked by 2 people
Arghhhh!!!… 😂😂 you are such a freak….❤❤❤
LikeLiked by 3 people
But you like it, don’t you 👨🏻🙅🏻♂️😆
LikeLiked by 2 people
Yeah of course I do love freaky people like you 🎭❤😂😮😱
LikeLiked by 3 people
😂😂 don’t know what to say, I’ll come back when I have something freaky to say 😁😝
LikeLiked by 2 people
Do come then 😂😂🌻
LikeLiked by 3 people
Don’t you have school class at this time?
LikeLiked by 2 people
No, it’s 06:11 right now…. How would I go to school that early??? Even though we have preparatory leave for our board exams 😮🎭😱
LikeLiked by 3 people
I hope your exams went well 💯❤️
LikeLiked by 3 people
No they haven’t even started bcoz it’s still the preparatory leaves going on..😂😮.. The pesky boards as one of my friends says…. Will start from 6th March 😂😂😂🐢❤😆
LikeLiked by 3 people
hahaha, now I sound stupid, I still don’t understand your explanation though 😂 okay, the exam is 6th march?
LikeLiked by 2 people
Yup 😂😂😮❤
LikeLiked by 2 people
Agree with I’m being stupid or the exam date? 🤔
LikeLiked by 2 people
Dude..❤❤…. I agree with both….. 😂😂🌻…..just joking….. I agree with the exam date 😂😂😮
LikeLiked by 3 people
😂😂 what time does your class start? you have a class today right? I almost forgot what it feels like 😔
LikeLiked by 2 people
Ohhh….. My classes start from 07:45am and yeah I had school today 😂😂😂❤❤ but from tomorrow onwards I will be at home 😂😂❤😮
LikeLiked by 3 people
Is the school from Monday to Friday? What grade are you? Hahaha 😂🤣
LikeLiked by 2 people
Yeah its from Monday to Friday….. I’m in 10th grade…… And this grade is about to end…. 😂😂❤
LikeLiked by 3 people
Wkwkw, you’re so young 🤣 my school time was 7 am – 2 pm, Monday – Saturday a loooong time ago 😂
LikeLiked by 2 people
Yeah mine is also that much…… But Saturday’s are leaves 😂😂❤🎭
LikeLiked by 3 people
What does leaves mean? Not a free day? It’s getting dark here, probably the battery is dying 🤣
LikeLiked by 2 people
Leaves mean leave not those from trees 😂😂😂❤😮🐣
LikeLiked by 3 people
🤣🤣🤣 you have no respect for the elder, have you? 😾
LikeLiked by 2 people
Ohhh I am sorry sir!!!…. I am very obliged to have found you on wordpress…!!!! Is that what you want sir…. So quoted *respect*😂😂❤😮😆
LikeLiked by 3 people
😂😂😂 enough! Have you read my latest post? 😆
LikeLiked by 2 people
On time machine????? 🌻❤🐢Yeah I was reading but mom took away the phone…😂😂. Wait I will read it right now….. And tell you there 😂😂😂❤😮
LikeLiked by 3 people
I was going to comment about the death but it will be weird if people see it always me on your comment section 😆
Yes yo go mom! Don’t let the kid go wild! 😂
LikeLiked by 2 people
Aaaaawwwwiiieee!!!! Not a problem…… I didn’t want anyone to comment on something like death 😂😂❤😮
LikeLiked by 3 people
Ok then, let’s see 😁
LikeLiked by 3 people
😂😂❤❤❤
LikeLiked by 2 people
But a holiday 😂😂😂
LikeLiked by 3 people
Thank you, I have just been searching for info about this subject for ages and yours is
the best I’ve came upon till now. But, what in regards to the
bottom line? Are you positive about the supply?
LikeLiked by 3 people
I’m afraid there are no bottom line / underline, those 14 tags I found it from checking the WordPress.org source code, it probably won’t work if the blog owner disable html for the comment section
LikeLiked by 2 people
What has html in comment stand for
LikeLiked by 1 person
Read the whole thing but can’t understand a thing . 😦 I guess I’ll really won’t understand coding at all.
LikeLike
try commenting <b>bold</b> here
LikeLike
Erma
LikeLike
Waaahhh! I got it! 😀 I think I’ll try with the rest, too. 😀
LikeLiked by 1 person
It will be more visible when you try from the website not mobile app or reader 😁
LikeLike
Yes, I’m using a pc now. I can see it.
LikeLiked by 1 person
Let me know if you have any questions 😄
LikeLiked by 1 person
I will. Thank you for this. Will learn this more. 🙂
LikeLiked by 1 person
can you see Erma in bold?
LikeLiked by 1 person
Mr
LikeLike
I’m gonna try using this
LikeLiked by 1 person
You can try here, just write whatever, I wouldn’t mind 😁
LikeLike
Something like this … Let me know if this gets styled or not
LikeLiked by 1 person
Testing https://yuulye.files.wordpress.com/2020/08/img_20200805_211338.jpg
LikeLike