Hugo Conversation Dialog
Hello everyone.. do you see conversation dialog strip above from Optimus Prime? Well, it my new Hugo features and I really like this kind of dialog stuff. It kinda cool and nostalgic too…
While browsing internet today, I found Christine Dodrill (Xe) website and some of her (I hope i get correct pronouns) posts are using some kind of “dialog” and I as reader, I found this is wonderful and it likely some magic conversation happen in my mind while reading.
So I create this so called “conversation-dialog” as Hugo shortcode.
Create a shortcodes file called as
conversation.html inside you theme or root
Now if you notice, I use inline CSS styling which is maybe you don’t like it. Feel free to modify and create own CSS classes.
Another thing is, I highlighted on line number 2, this part you need to replace the default image to what ever default image you want, you also can load remote URL from there.
To use this Hugo shortcode, it is super easy. I have prepared 4 different use cases (take look the differences)
Fantastic, that all the thing you have to do. Have fun with your Hugo dialog!