I have two websites that have the exact same post on them (The text was copied and pasted into both). One website shows the text fine, but the other adds in a black diamond with a question mark in the middle. It happens in more than one language, the text is exactly the same, and the sites have the same plugins installed and active. What could be causing the issue?
Trying to help...
Does the page have the <meta charset="UTF-8"> declared?
Are both sites running in the same Web Server (version, vendor, platform)?
Were you able to check if the Default Chatset is configured the same way in both Web Servers?
Related
I have WordPress page whose theme seems to be loading an undesirable CSS background-image. I want to try to locate the code that is responsible for loading this image but first I have to find its name. I was wondering if there is some tool that allows coders to list and identify the urls of all css-background images that a page calls.
Obviously finding background-images is trivial if all of the page's CSS is controlled only by inline code and directly linked CSS-stylesheets: a text search "find" operation for "background-image" will allow you to find all bg images. But the task becomes complicated if styling is js dependent, and in this case, it was at times.
For those of you who immediately wonder why I need would want to go this route instead of simply using development tools in Chrome or Firefox, below is a list of reasons why.
Why I want a way to automatically extract the background-image urls:
The unwanted ghost images only loads on my mobile phone, so I can't inspect the element to find the image in using my desktop development environment. This is true even if I set the developer tools to "mobile".
I don't have a development environment for my phone that will let me inspect the relevant element.
I tried downloading the exact html loaded by the mobile phone in my browser, but the css ghost image will not appear on my desktop even when use the code my phone had loaded.
The ghost image is not from a virus in my mobile phone browser, because the ghost image loads on my phone even when I used a different browser.
Any help will be greatly appreciated!
Thanks
UPDATE: I figured out the cause of the ghost image using the free trial provided by Browserstack, a mobile emulator. At allows you to view interactive content and inspect it with dev tools. I learned about it from this question: test mobile website in desktop browser.
My problem turned out to be that the css-image in the theme was pointing to my local address, which different from what it should have been on my remote server. The issue turned out not to be a desktop vs. mobile problem, but rather local vs. remote. The emulator reproduced my issue, and it allowed me to inspect and find the problematic code. Still I would love to know if there is a such a css-crawling tool, so I will leave this question open.
I made a post on WordPress, then shared it on a Facebook page. In the past, the shared image would be the large "post" image. But now, for some reason, it's using the thumbnail. Running the url through fb's debugger shows that Open Graph recognizes both og:images, but that neither of them are being used in the share preview. Once posted, it uses the thumbnail.
I checked the meta content in the page head just to double check and sure enough, it looks fine:
<meta property="og:image" content="##">
What's causing this? It's recognized, but not used. What?
I currently facing the same issue, after contacting facebook, it turns out there is an issue in Open Graph in facebook that affects some users.
The Bug has been reported and assigned as "high priority" in Facebook support center - https://developers.facebook.com/bugs/978421888869140/
Be sure to have a look at
https://developers.facebook.com/docs/sharing/best-practices#images
You need at least images of 1200x630 pixels size to be able to get a large preview image.
Furthermore, you should put the larger image first IMHO.
See
https://developers.facebook.com/docs/sharing/webmasters/optimizing#cachingimages
https://developers.facebook.com/docs/sharing/webmasters#images
I have recently deployed a solution from Development into Staging but the scale of pages on Staging are noticably different to how they were rendered in Dev. It's the same on pages with the default master page like settings.aspx pages see how the grey ribbon doesn't quite line up when they are put side by side.
The s4-workspace div has a style element attribute applied to it on the default pages, but when using the custom master these don't exist. Also changing the attribute values to be the same on the two sites in the browser dev tools doesn't make any difference to the display.
The corev15.css of the two servers are not quite the same which is interesting, but the differences are so small and definately aren't causing the issue.
This phenomenon disappeared without a fix.
It was suggested to me yesterday by a colleague that it might have been a zoom setting in IE. I've just set one browser to 105% and another next to it at 100% and it was an idential the originally identified size differential.
Looks like it was an accidental Ctrl+Mouse_Wheel_Scroll.
I developed a website for my husband’s company and just discovered that when I view these pages on my browser, ad-ons cause certain words to be underlined that link to pop-ups that direct users to other sites (potentially our competition). My research has turned up only ways to turn ad-ons off on my browser, but I’d like to fix my html (XHTML 1.0 Transitional) so that customers who view our pages don’t see these advertisements. Is there some way to modify the xhtml to disable ad-ons on a page by page basis?
Assuming the add-on is modifying your html as it's displayed to the browser (likely), you could use jquery to run after your page is loaded (and after add-ons run, so use a timer), to search the page for all links to external sites and if they're not links you put in (maybe identified by class), then remove them.
A bit of a cat and mouse game, but since the add-ons are not specifically targeted to your site, it should work.
Have you tried viewing the site using a different computer? I fix computers all the time and have noticed malware that makes advertising links on websites that have nothing to do with the malware. I would recommend scanning your computer, there are plenty of freeware programs and most anti-virus programs have a free version (AVG, Avast, Comodo, etc) though I would avoid McAffe, Norton and Windows Defender.
You said browser, but you did not specify which browser. In Firefox go to Tools menu at the top (you may have to press ALT or click on a big goofy combined menu at the top-right) or if you can't find the Addons menu press CTRL+SHIFT+a and then remove/disable anything that you did NOT intentionally install.
Since your question has limited scope of details please reply if this doesn't help/help enough and we can work on making sure you can ask the question in a way that can get you answers faster.
All:
I'm trying to configure a website I administer to be pinnable in Windows 8.1/IE11 with a live tile. The first time I went through http://www.buildmypinnedsite.com and it's documentation and provided the RSS feed, I noticed with some surprise that one of the articles in the RSS feed (the only one which had images in the content) actually used one of the images as a background for the live tile (when that article was displayed), with smaller text at the bottom of the tile, over a translucent dark background.
Check the last image at http://blog.laptopmag.com/how-to-create-a-windows-8-1-live-tile-for-your-website for an example. That article mentions, "as long as your RSS feed has images in it, the tile will rotate through your most recent five articles with images".
I really liked the look of using images instead of a solid color and plain text, so since all my articles have a banner image associated with them in our CMS (though not necessarily actually in the content), I updated the RSS feed to include an <img> tag at the top of the content (<description>) embedding the banner right at the top of the content. I also added the banner as an <enclosure> on each <item>. I added some padding characters to the GUIDs so that it would see the content as "new", but the live tile continued showing four articles with just text and a colored background, and the single article with the same background image.
Several weeks have now passed, lots of new articles posted, and yet still the live tile continues to cycle through the articles just showing text.
Windows 8 prepare site for pinning has lots of good information and links to documentation, which I've gone through, but I can't find any more information about how the images should be "included" in the feed in order for them to be pulled in as backgrounds. Am I missing it somewhere?
Thanks for your time and help!
P.S. The <description> field in my XML contains the full article HTML (just the article, no sidebars, headers, etc of course), wrapped in a <![CDATA[]]> tag, in case you're wondering.
I'm looking into this exact problem too (the main difference: I've a partial feed, not a full-content one).
The only reference I could find is msapplication-TileImage http://msdn.microsoft.com/en-us/library/ie/dn255024%28v=vs.85%29.aspx#msapplication-TileImage :
<meta name="msapplication-TileImage" content="images\tileimage.jpg">
This, of course, is just a suboptimal "one image for all" solution.
Ok, I finally got it right.
The key (thanks #james3mg ) was to drop the RSS-based approach completely and go for IE11 specific XML of the tiles feature.
So I used this:
<meta name="msapplication-notification"
content="frequency=60;
polling-uri={$SiteURL}tiles/1;id=1;
polling-uri2={$SiteURL}tiles/2;id=2;
polling-uri3={$SiteURL}tiles/3;id=3;
polling-uri4={$SiteURL}tiles/4;id=4;
polling-uri5={$SiteURL}tiles/5;id=5;
cycle=1"/>
You can see those XML here :
turbolab.it/tiles/1
turbolab.it/tiles/2
turbolab.it/tiles/3
turbolab.it/tiles/4
turbolab.it/tiles/5
The complete list of the available template is here: The tile template catalog (Windows Store apps)