I want to create a plugin which gives the user the ability to include (on any page position) an image slideshow. The javascript thing and the frontend is working correctly (fetchs the images out of the db table)! But the backend "plugin form" looks just like this:
Insert new Plugin: Image Slider
My wish is an interface which allows the user to add new images and import them into the database and let the user select which image should be displayed on which page.. u know?
How can I produce such a backend config menu?
thank you
Usually you can do this with FlexForms.
Related
Background:
I need to allow users to create web pages for various products, with each page having a standard overall appearance. So basically, I will have a template, and based on the input data I need the HTML page to be generated for each product. The input data will be submitted via a web form, following which the data should be merged with the template to produce the output.
I initially considered using a pure templating approach such as Nunjucks, but moved to ReactJS as I have prior experience with the latter.
Problem:
Once I display the output page (by adding the user input to the template file with placeholders), I am getting the desired output page displayed in the browser. But how can I now obtain the HTML code for this specific page?
When I tried to view the source code of the page, I see the contents of 'public/index.html' stating:
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
Expectedly, the same happens when I try to save (Save As...) the html page via the browser. I understand why the above happens.
But I cannot find a solution to my requirement. Can anyone tell me how I can download/save the static source code for the output page displayed on the browser.
I have read possible solutions such as installing 'React/Redux Development Extension' etc... but these would not work as a solution for external users (who cannot be expected to install these extensions to use my tool). I need a way to do this on production environment.
p.s. Having read the "background" info of my task, do let me know if you can think of any better ways of approaching this.
Edit note:
My app is currently actually just a single page, that accepts user data via a form and displays the output (in a full screen dialog). I don't wish to have these output pages 'published' on the website, and these are simply to be saved/downloaded for internal use. So simply being able to get the "source code" for the dislayed view/page on the browser and saving this to a file would solve my problem. But I am not sure if there is a way to do this?
Its recommended that you use a well-known site generator such as Gatsby or Next for your static sites since "npx create-react-app my-app" is for single page apps.
(ref: https://reactjs.org/docs/create-a-new-react-app.html#recommended-toolchains)
If I'm understanding correctly, you need to generate a new page link for each user. Each of your users will have their own link (http/https) to share with their users.
For example, a scheduling tool will need each user to create their own "booking page", which is a generated link (could be on your domain --> www.yourdomain.com/bookinguser1).
You'll need user profiles to store each user's custom page, a database, and such. If you're not comfortable, I'll use something like an e-commerce tool that will do it for you.
You can turn on the debugger (f12) and go to "Elements"
Then right-click on the HTML tag and press edit as HTML
And then copy everything (ctrl + a)
I am coding the website linked below. I want to set it up so that my client can update basic areas of the site (using Wordpress) without going into the code. I installed Wordpress in the Kualo hosting service, but I can't find any tutorials that show me how to enable my client to make updates to this page. If, for example, my client wants to change the menu item at he top of the page to say "DOCUMENTS" instead of "RESOURCES", how would they do that? I want to keep my custom-made html but allow the basic text components of the site to be modifiable by my client via the wordpress interface. Any guidance would be appreciated!
http://layouthuprising.org/LAYU.html
I need to create a bootstrap web page that will allow the user to read a barcode from the camera.
I am using Coldfusion but I can't seem to find any resource to help read the barcode from the camera.
Ideally the user clicks a button to open the camera and read the barcode then submit it to an API.
If you are using CF for a web app, then you will have to add code to your web page to get permission to use the camera. Here is some information on that:
https://developers.google.com/web/fundamentals/media/capturing-images/
or this:
How to access a mobile's camera from a web app?
Then you store the image in a form Input and submit it back to CF. Use the CfUpload to put the picture into a local file. After the image is received, use a library like Zxing to decode the image https://github.com/zxing/zxing
Does that help?
I have this theme http://themes.two2twelve.com/site/fluidapp/light/ installed on my website running wordpress. I converted the template to a wordpress theme by following the steps here: http://thethemefoundry.com/blog/html-wordpress/ and its all working fine.
However, I have now been given the crazy task to integrate a "Back button" function in it.
What they want is to have some sort of Back button functionality (or the browser one) so when they open Team and they press Back - they go back to Home. The template is basically one-paged, you can see so in the source code.
One way I can see this happening is if I make every page a different .php file, upload them to my theme folder and then just hyperlink them. like www.yoursite.com/team.php
Another possible way (I think) would be to create a page.php template file and then post the pages using wordpress. Question: How do I tell wordpress to use page.php as the page template file?
Can you think of another way to integrate this functionality? Thanks a lot in advance.
If it always is going to return the user to the startpage you could just use the home_url(); function.
Back
If you got more advance structure and you want the button to just redirect the user back one page, you should use javascript.
Back
page.php is the default template for wordpress pages. So if no other is selected in admin, page.php will be used.
If you're using javascript to load the new content, you could use javascript pushState()and popState() to log the stuff to new url's, and it gets added to the browser history. Here's an example.
I'm building a theme to be my deafult template to all my wp installs, I've managed to sucessfully create a theme options page and I can integrate them a page theme, but for this to work it is required that I create a new page, for instance, "Privacy Policy", set the page theme to my costum page theme that calls theme options, publish the page, modify the theme options in admin area. This works, but this is nto what I'm lookig for,
What I want is a pipeline that goes like, ->install theme->configure theme options-> done
I want to skip the process of creatign a new page and applying the page theme to it, I would like do this "hardcoded", like, a link in the footer to /privacypolicy.php", problem is that it does not work this way, I'm guessing this would be something related to .htaccess, like adding the permanent redirect to the full themplate directory / targetpage.php / and redirect it to something like "blogurl/privacypolicy", is it? the probleme is I know squat about configuring a .htaccess redirect or whateverm what should I do?
Thanks
Just an idea...what if you setup a clean WordPress install using the theme you developed. Add a page and put in the content that you want (Private Policy) and then extract the page entry from the table that WordPress stores it in and convert it into a sql statement which you then execute when your theme is activated. Make sure though that the page does not exist yet. Hope this helps.