Consider this situation: You are editing template file from some wordpress theme and want to have it in CODAs live preview. As the paths is different it will doens't show live preview.
e.g I'm editing; /wp-content/themes/pixel/header.php
and want to have www.wordpress.loc in live preview window (I use "loc" for local development )
it only works if I have http://www.wordpress.loc/wp-content/themes/pixel/header.php in live preview. But of course this is unusable for wordpress developer.
Now I have to always click on refresh button in live preview window. Is there any plugin or method how can I do that automatically ?
Please do not suggest me XRefresh or LiveReload as these don't work for internal CODA preview.
In coda version 2 and above you can open a new preview window by clicking 'preview' then clicking 'preview in new window' at the bottom left of the preview screen.
You can then change the page that is being shown in the url bar of that window to whatever url you want to view in your mamp or whatever.
Now when you save your scripts the preview will refresh and show your changes immediately.
Bit late but it may help someone :}
It seems to be impossible. I googled around and i could't fine anything. I do use coda too.
Looking around and reading up on some of the plugins like Lively ( separate preview window ). It appears to be a limitation of the API when it comes to previewing a different page from the one you are editing. Which is a shame as I would dearly love to do the same thing you are requesting.
Related
im working on adding and modifying the content of a website, but im having multiple issues with the very basic functioning of the editor. Please keep in mind i didnt build this site myself, so i might not be aware of many things that may be obvious to you.
If left unmodified, to the user, the site shows no issues whastoever, it is I as the administrator who experiencies all these issues.
I will describe/ show the issue and give a list of the things i have tried already.
While looking at Cpanel's PHP admin app, and the htaccess file, i see the php version is 7.4. However, while using wordpress, the site health status tool warns me that im using php version 7.1.33
Im not getting the admin bar when looking at the website, it just shows a white bar with nothing else.
3.If i go to the backend editor and try to customize the template im using (called Jupiter 5) i get very few options in the side bar, it doesnt show things like header options for example. And i have no floating editor options on the site itself, i get no tools, nothing.
See image
When i go inside wordpress to "pages" and try to edit a page, the editor box shows the content with the code included or shows nothing while using the "visual composer" mode. This is how it looks
When i try changing the template, the content appears like this. A huge mess, though some editor controls show up in this case
6.I tried using plugin detective but when i launch it, and it asks for my credentials, i hit login yet it does nothing.
I tried disabling all plugins, only header and bottom show up kinda normally, the body becomes text with code like the image of point 5. I still dont get the admin bar on site.
If I, after disabling all plugins go to pages, then select any page and click "edit", the adress of the site shows im on the edit page, but the page itself is completely blank, i dont even get the wordpress bar at the left.
If I disable all plugins, then activate only a plugin called WPBakery, the body of the site stops showing text with code and actually shows most visual elements, no edit options though, except for a small text at the bottom. A weird thing about this plugin is that despite of its name, when activated, it shows up as "Visual Composer" instead of WPBakery.
So far, besides disabling plugins and testing, i have only tried Updating Wordpress, the only thing that changes is that the admin bar finally shows, but the "customization" mode remains exactly the same, useless.
Classic editor is already installed btw.
I hope someone can help me, thanks.
I have tried all the possibilities but surely somewhere I am mistaking. I am creating a bootstrap website (http://design.logohour.com) site seems ok as well as aligned well in center, but when I am trying to change the screen size lesser than 850px or more less, all the content goes to the left.
I know there is something wrong with CSS but unable to find out since I want all my content in the center without overflow-x ... need an expert opinion.
Everything looks fine on my end!
Your cache is probably outdated. Try these things to see if it solves:
1) Assuming you're using Google Chrome, open an incognito window and view the site.
Why? Incognito mode will allow you to view your site without using cache
2) Refresh your cache using the web inspector.
If you open up the web inspector (Right click and click "Inspect") you unlock a magical way to clear your cache. With the web inspector open, right click the reload button and empty the cache.
Good luck solving the issue!
I'm totally new in website development and as my first experiment I'm working with website to replace my company's old site (if success).
Have done pritty much allready but I really want to have this popup image gallery to work with Magnific popup for the responsiveness.
I have setup a local server with QuickPhp for development as I don't have server for my website yet.
Eventhough my site is working when tested in CodePen but not on my Quickphp server.
I made sort of gallery site that contains images that is supposed to open to popup for larger view and to zoom closer if wanted. The popup itself will work but some of code doesn't work. In example:
-not showin close button.
-not closing popup when clicking background.
-no animation when popup opens.
this all works with the same code tested on the CodePen-site though.
Magnific popup JS and the CSS codes I copied from the Build tool(to the folder within the sites .php)
They are included to .php page with script. CSS in the head and the JS in the footer. JQuery is from google https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
For now I would need answears to theese Questions:
1. Is it possible that the problem is within the QuickPhp-server setup of mine? If It doesn't fully support jquery in local setup?
2. What else could be wrong?
If needed I can put the codes here later.
The problem was in the code allthough. I implemented the codes from the Maqnific website again and red the documentation over 5 times. I also noticed that the included stylesheet files needed to be linked from the website's root folder exactly as shown on the Macnific guide.
If anyone is having similar problem I suggest to keep on reading and searching. Taking a brake for day or two makes a differens in perspective too. Some time apart of the project helps to notice things that you might not have seen before. Especially checking the code for incorrections is a bitch.
Just yesterday I found a typo in my media query meta tag that was making my site not to change styling when viewport size changes. The typo was from 2 weeks ago. max-device-width was written as max-divice-width.
i have a word press site
a point about the loading css files; when i want to change the main color of site i see that my faviorit color is there and i just should click on save bottun but when i click it dosnt load,it loads and at the end it goes on this url that it isnt any thing there just an url:
http://bourssanj.com/bours/wp-admin/admin.php?page=of-topbar-menu&settings-updated=true
this is my site: bourssanj.com/bours
whats problem?!
Have you tried using Chrome's developer tools, or Firefox's Firebug? Just by opening the developer tools I looked at your code and I found, for example, this:
<img src="http://localhost:81/bours/wp-content/uploads/2013/08/dt-016.jpg" alt="">
Where is this being echoed from? Can you change it?
The problem here is you uploaded your site to the server, but you left a lot of references to files that were in your localhost. That won't work anymore, because I don't have those images in my localhost. All the references must go to your server now.
I want whenever users open my wordpress website a popup window appears that displays Video(from youtube/ vimeo) and user have a option to whether click on play button to watch video on same popup screen or just cross that pop up to visit website, Kindly suggest me some wordpress plugin or any other solution that solves this issue
Also i used plugin "Popup with fancybox" but it didn’t work fine , instead of previewing the video it displays the link of that video (attached the image )http://i.stack.imgur.com/OHyq6.jpg
Kindly Help me, Thanks In advance
It seems as though you are using a shortcode for 'popup with fancybox' which includes another shortcode for the embedded video. So you have a shortcode within a shortcode or something like that.
You might have better luck using a different plugin such as: http://wordpress.org/plugins/wp-video-lightbox/installation/. It seems to do exactly what you want.