This is the first time Ive come across this issue.
I have some content (charts based on php/mysql) that shows in preview mode only but once the post/page is published, it doesn't show a all.
For those charts to work, Im also uploading this into the <head> section
<script src="charts4php/lib/js/jquery.min.js"></script>
<script src="charts4php/lib/js/chartphp.js"></script>
<link rel="stylesheet" href="charts4php/lib/js/chartphp.css">
Here is the page that doesn't show the charts for some reason:
Click here
Now for the charts to show, the only way is to create a new post/page and copy/paste in all the code and hit 'Preview'. Then again, once I hit 'Publish' it just vanishes and need to recreate a new page/post again...
Any help would be appreciated, thanks!
To understand why an article is working in the preview mode and not in the published, it is useful to resort to Google Chrome's Inspector. It provides 2 neat tools:
a console which shows any potential Javascript errors
a network manager which shows which resources are requested, which are found (200) and which are missing (404)
If the preview works and the published article does not there are at least 2 possible reasons:
the template framework you use includes Javascript or CSS that conflicts with what you are trying to show - the charts
the path to the charts' dependencies is wrong.
Very often in Wordpress, using relative paths is not a great idea since the preview and the published version may be on different paths. Try that and see.
Related
in the hamburger menu of our website, i created a Yoga Video Course Page via wordpress and it was working fine. I looked this morning and can see it in Wordpress and can even edit it and see it on the preview. However when i try to view it on our website th screen appears Black.
Any suggestions would be grateful?
Thank you
Please try to open the inspect element and look if the elements are displayed as required. The issue might be due to several reasons. You need to investigate further and find a solution. Also look at the network tab on inspect element to make sure there are not 500 internal server errors. Also set the wp_debug=true on config.php to provide more error info. Also try to activate another theme and see if the page is being rendered properly.
I'm having an issue with SiteOrigin's pagebuilder plugin. I have made an entire website using this plugin (therefore I'd prefer to keep using it) but all of a sudden I can no longer add styles (such as backgrounds and pictures behind the widget) to the visual editor widget within rows that I am working on. All I see is just a constant loading screen. This only happens when using the visual editor widget, as on SiteOrigin itself I can edit rows fine, I just can't use the visual editor anymore.
Here's what it's supposed to look like:
http://imgur.com/OwUiDmD
Here's what mine looks like:
http://imgur.com/pLO5Bpk
Depending on the row I am using neither may load.
Here is a list of the plugins I am using:
Black Studio
TinyMCE Widget
Contact Form 7
Easy Google Fonts
Lightbox Plus Colorbox
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle
Spacer Title Remover
I have deleted both siteorigin plugins as well as the visual editor plugin on my build and reinstalled them to no avail. Is this a common problem? Does anyone have any idea on how to fix it?
Many Thanks,
JDB
EDIT: Per Omer's advice, I have found the error using Chrome's Javascript Debugger.
http://www.website.com/wp-admin/admin-ajax.php?_panelsnonce=3bf1af34d8 503 (Service Temporarily Unavailable)
http://www.website.com/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,quicktags,plupload,editor&ver=4.3.1
Not sure where to go from here... any ideas?
Thanks
JDB
Haven't used this plugin before, but it looks like it uses ajax to fetch data, and an error in javascript is avoiding the page to load properly. To check if this is the case, inspect your page with chrome developer tools and on the right side look for javascript errors (console). Once you know which file is responsible for the error then you will have to fix that error and everything will start working fine.
After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!
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 used a tutorial to make some custom icons in Google Maps API for some local places. When I am in Dreamweaver and testing on my local server, the icons appear just fine. However, when I upload to my host and try to pull the page up on any browser (safari, chrome, canary, firefox), the images do not load. The placeholders for those images do show, though. I cannot understand what the issue is as I have reloaded and rechecked the code hundreds of times. Any help with this would be appreciated. As the code is very long, I have only included some snippets and the address where it is loaded.
To see the page, go to http://www.theriveroverlook.com/Local.html
I tried to load the code using the forum rules, but no matter what, it would not allow me to put the javascript in this post!
Please let me know if you can help me! This is the last piece of the puzzle I need to load this website! I am a newbie coder so I have made a lot of beginner mistakes!
Edited to add:
Thank you for your help. When I renamed the folder, it was fixed. For some reason, it did not like the folder name "icons". Perhaps this has something to do with Google's API
I get the following errors when I load your page:
Since those are the images you are using to create your custom icons they all fail to generate and won't appear on the map. Make sure you are hosting your images correctly and it should work fine.