WordPress.org

Support

Support » Themes and Templates » Fictive » [Resolved] Hello again! :-D

[Resolved] Hello again! :-D

  • Well…
    I’m trying to add some pronunciation icons in some posts so people can click on them and the sound is played… everything I find seems to be very complex, so I decided to ask you for a light at the end of the tunnel…

    So the ideia is to put an image and then when someone clicks on it a sound is played… like here http://dictionary.cambridge.org/dictionary/american-english/honor_1?q=honor#
    It can be a word too, when someone clicks on a word the sound is played…

    Thanks agan for your time and attention! <3

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator stephencottontail

    @stephencottontail

    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!

    Moderator stephencottontail

    @stephencottontail

    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!

    Moderator stephencottontail

    @stephencottontail

    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.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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! 😀

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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.

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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!

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    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.”

    Jetpack Settings Sela 1 0 1 by Automattic WordPress

    If you have any other questions, could you please start a new thread? Thanks!

    https://wordpress.org/support/theme/fictive#postform

    Thank you Kathryn!!

    Moderator Kathryn

    @zoonini

    Automattic Happiness Engineer

    You’re very welcome!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Resolved] Hello again! :-D’ is closed to new replies.
Skip to toolbar