You could try something like this. When you write your posts, every time you’d like a person to be able to hear the pronunciation of a word, write it like this:
I like <a href="pie.mp3">pie</a>.
Obviously, you would link to an MP3 file containing the pronunciation. Then, in your stylesheet, put this:
a[href$=".mp3"]:after {
content: url( 'path/to/image' );
}
That rule means that any hyperlink that links to a file that ends in .mp3 should display your chosen image after it, while leaving other hyperlinks unaffected.
Oh… stephencottontail! 🙂
Thanks for your time!
I tried… I copied and pasted the code on my CSS stylesheet (I use jetpack, dunno if it makes any difference…) and then I created a test post: http://english-pills.com.br/test/
But it didnt work… it redirects to the audio page… and there is a broken image… 🙁
I believe I did something wrong!
Thanks a lot for ur help!
Ok, I may have been unclear. In the CSS rule I suggested, you were supposed to substitute the path of the image you wanted to use in place of /path/to/image.
Oh God! 😛
I really dont know much about codes and stuf, sorry!
Well I changed… 🙂
Image is OK, but it still redirects to the page where the audio is… is there a way to click and stays on the same page?
http://english-pills.com.br/test/
Thanks again!
To be honest, I’m not sure how the Cambridge online dictionary does it. Sorry I couldn’t be more helpful in that regard, but hopefully someone else will.
You might want to post this question in the general “How To” forum, since the enhancement to your site you’re trying to do isn’t something specific to the Fictive theme.
You could also research audio-related plugins and experiment to see if there’s one that does what you’re looking for:
http://wordpress.org/plugins/search.php?q=audio
Adding a simple audio player below the word might be an easy way to accomplish what you’re after.
I hope this helps point you in the right direction. It sounds like a cool feature for your site and I wish you luck with it!
Oh guys! 😀
Thank you very very much… stephencottontail you helped me a lot with the things u know and u were undoubtedly helpful 🙂
Kathryn is always helping me too hehehehe… thank you thank you…
Last night I had an insight and started looking for some “text-to-speech” plugins and I found one that is simply amazing for what I need… It’s called “gspeech”… I can define myself what I want to be pronounced or the users can double click the words that are in english or even the sentences and they will be able to hear them <3 And it’s simple to use!
The blog is now “alive” with voice hehehehe… 🙂
Thanks Kathryn for the link, I’ll be checking the things there too. It’s always good to know a bit more, maybe I can help someone too one day with all these tips! 😀
The blog is now “alive” with voice hehehehe… 🙂
That’s awesome! Searching for “text-to-speech” was very clever. 🙂
Hi Roberto,
Your website looks really great! Can I ask you how you got these social media bar on the right? I would like to have that on my website as well.
Thank you in advance.
Your website looks really great! Can I ask you how you got these social media bar on the right? I would like to have that on my website as well.
Looks like the Add to Any plugin. 🙂
https://wordpress.org/plugins/add-to-any/
Thank you Kathryn, I have implemented it on my website (www.365ayo.com)
Can I however ask you question: Do you know how I can get rid of these supid ‘date’, ‘username’ and ‘comment’ icons on top of my posts? I have no idea how to remove them. Do you?
And, do you also happen to know how I can change my website so that the user can continue to scroll down without having to go to the next page. After a couple of posts it stops the scrolling down and you have to go to the next page but I don’t want it like that.
Thank you very much in advance!
Can I however ask you question: Do you know how I can get rid of these supid ‘date’, ‘username’ and ‘comment’ icons on top of my posts? I have no idea how to remove them. Do you?
Looks like you figured this out with some custom CSS:
.entry-header {
display: none;
}
.post-date {
display: none !important;
}
And, do you also happen to know how I can change my website so that the user can continue to scroll down without having to go to the next page.
You can do that with an Infinite Scroll plugin. Since you’re already running Jetpack, I’d suggest you just activate the Infinite Scroll module and then turn on IS in your theme under Settings > Reading, by checking the box next to “To infinity and beyond.”
If you have any other questions, could you please start a new thread? Thanks!
https://wordpress.org/support/theme/fictive#postform
