WordPress.org

Ready to get started?Download WordPress

Forums

Twitter Widget Disrupting Site Script (4 posts)

  1. mrshoney114
    Member
    Posted 2 years ago #

    I'm using Pageline to build my site, and in one of the widget areas, I want to put a customized Twitter widget (I don't like the one that WP provides).

    However, whenever I try to copy the coding and paste it into a text box, the widget disrupts the entire site script.

    here is the website: amyhoney.com

    I frustrated beyond belief and I'm done messing with it. Does anyone know how to fix this?

  2. ChiefWigs1982
    Member
    Posted 2 years ago #

    That's an interesting one - my JS console tells me that TWTR isn't defined - it could be that you're trying to access it before it's finished loading the assets from twing.com.

    Try changing the code to this - it will delay the initialisation of the widget until everything's loaded properly:

    $(document).ready(function() {
    	new TWTR.Widget({
    		version: 2,
    		type: 'profile',
    		rpp: 4,
    		interval: 30000,
    		width: 'auto',
    		height: 300,
    		theme: {
    			shell: {
    				background: '#d9a5d6',
    				color: '#bd46a1'
    			},
    			tweets: {
    				background: '#ffffff',
    				color: '#000000',
    				links: '#cfbb36'
    			}
    		},
    		features: {
    			scrollbar: false,
    			loop: false,
    			live: false,
    			behavior: 'all'
    		}
    	}).render().setUser('_amyhoney').start();
    });
  3. ChiefWigs1982
    Member
    Posted 2 years ago #

    Also, when I view the source in Firefox, there seems to be some extra HTML that could be messing things up:

    }).render().setUser('_amyhoney').start();
    </script><center>
    </div>
    
    </body></div>

    I don't see that in IE, so I don't know if it's something Firefox is doing, but can you just check and make sure you're not putting that </body> tag in there?

    Cheers,

    --Jon.

  4. mrshoney114
    Member
    Posted 2 years ago #

    Hi Chief,

    I tried it but it still didn't work. Instead of fighting it, however, I chose to simply install a better suited widget called "Tweet Blender." It works much better than the generic one-size-fits-all-but-doesn't-really widget.

    Thank you very much for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic