I've got a page template that I've built using elementor on wordpress. I need to add a handful of custom fields and not only do I have to upgrade to do this (really can't be bothered messing around with the licences between the dev & live sites) it seems massively over complicated & bloaty for something that should just be a template for a custom post type with 2x ACF text fields.
Right-click & save as gives me 113Kb of html that gives you a migraine at a glance. No way I'm sorting through all that.
What's the best way of doing that in your opinions?
If your fields are text-based, and you're just looking to add the custom fields to the template, maybe you could call them via the ACF shortcode? [acf field=""]
Here the link: https://www.advancedcustomfields.com/resources/shortcode/
As for converting Elementor templates specifically to HTML, I'm sure; but if you want to convert your WordPress website to HTML, then you could make use of the: Simply Static WP Plugin
I hope this helps.
Related
I'm very new to WordPress (tbh, it's my first time working with it). And I need to make a website as my school project using CMS. Creating pages with templates is alright, but I have a lot of troubles with buttons. I found this website, and I can see it using WordPress. I need such buttons as on this page https://movie-chooser.co.ua/random-movie-2/ (they appear when you hover over the image). Is this a default option for buttons in WordPress? If not, is there a plugin for this or what is the way to add them on my images?
First Install Elementor plugin https://wordpress.org/plugins/elementor/
and go to page when you add button and open page with elementor
and do drag and drop any element like button, space, text editor etc.
You have several ways to achieve that:
Overwritting Wordpress CSS
Using a plugin
Create your own shortcode
1 - Overwriting Wordpress CSS
If you manage to display all the elements using wordpress template, and your only issue is to display buttons over the images, then it should only be a matter of CSS
2 - Using a plugin
The idea here is to find a plugin that help you to create/display the informations you need (maybe you'll need to add functionnality to basic post though custom fields or using a custom post type).
Once you find the right plugin, again if the plugin dosen't directly offert some settings on the design then you'll have to overwrite the plugin's CSS rules to display the elements as you want.
3 - Create your own shortcode
If you're new to Wordpress I wouldn't recommend this method as it is kind of advanced, unless you're comfortable with PHP/HTML/CSS (optionaly JS).
This is the more flexible solution as you can basically control anything, but it will require you to understand some core concepts of Wordpress like WP Query and how custom queries works.
The idea here is to create a shortcode.
THis shortcode refere to a custom made PHP function, in which you can create a custom request to fetch the informations you need to display from Wordpress database, and display it in an HTML structure that you decide.
THen angain, you'll just have to customize it though CSS.
Note : no need to create a whole plugin if you decide to create a shortcode, you can use the template functions.php file for that.
I got designs for pages that all look pretty much like this:
page mixed with editable text/photos and custom post types loops
What is the best way to develop theme like this? Let's say client ic complete noob when it comes to HTML/CSS (and even WordPress, which he demands)
The best way to develop themes like this is using Bootstrap + WP Theme Development together.
https://codex.wordpress.org/Theme_Development
http://getbootstrap.com/docs/4.0/layout/overview/
If you want to have fragments like jobs or article list within the content you can add this functionality by shortcodes - https://codex.wordpress.org/Shortcode_API. Let me know if you need example ( like post or job listing with shortcode ) ?
If you can do some custom page template development for the Wordpress Theme I would highly recommend using Advanced Custom Fields Pro to handle the content entry. It costs $$ but is well worth it. I use this plugin for most of my Wordpress development.
Specifically, I would recommend the ACF Flexible Content field to make the kind of layout in your screenshot. You can code up template parts for each "Layout" and then the user can construct a page with any of the layouts you have configured in any order they want.
So I am trying to do this and I don't know how. I have a wordpress powered website with a plugin called "frontier-post" in it. This plugin makes a new front-end post submission. The way to use it is to put the shortcode "[frontier-post]" in any post in my wordpress page and that page turns into this.
I want to make a custom page for myself, where I can have the content created by this plugin there too. So I do not want it to be a post in my wordpress, but lets say at a corner in the custom page. I have searched and found these but the suggestions there would not work. I am able to include the wordpress so that the custom page has access to posts, etc. but even using this
echo do_shortcode('[frontier-post]');
would not help me. (even if header is included)
These are the similar things i found:
Wordpress/PHP - How to use plugins outside wordpress-powered pages?
Need Help for my Custom Page Template
I would really appreciate it if you could help me with this.
If you are creating a PHP page that isn't going to be rendered inside WordPress, you can't use a Plugin of the WordPress engine to accomplish what you are wanting to build. (As the accepted answer to one of the pages you link to indicates).
Instead, you might be able to use the json-api plugin and have your custom page query it for the data. While it won't render the shortcode, it will give you the raw data to work with.
http://wordpress.org/plugins/json-api/
Edit:
Based on a comment, your do_shortcode should work...just try it without the square brackets.
I am developing a website using drupal 7. I use blog module which comes as a core module in drupal 7. in the blog post I have not only added text but also a slideshow to the blog.
problem comes when I try to arrange the blog content.
I wanted to show some text message after the slideshow on left-hand side.
Normally, in drupal they render text and then slideshow(default). but I want to change it as I mentioned above.
Is there any module to handle this or can I do it another alternative way?
thanks in advance....
Try to use DS to customize node layouts
The way that will give you the most flexibility for customization would be to actually edit the template files themselves and place the individual fields' output exactly where you want in the HTML.
Check out the documentation for overriding and editing theme files, and this post for how to render individual fields into template files.
I recently started developing websites on wordpress. I have this problem with tinymce editor. When i write post and format content it looks how I want in it. But when I publish post and check that it looks really crappy.Then I called the stylesheet of tinymce editor on everypage of website. I must say there is change but it still looks bad.
How can I get content in exact formatted way as I see in the tinyMCE?
Thanks,
kiran
On the frontend the styles from your theme will be taking precedence over the layout and sizing of content.
In the administration section it will be using a default TinyMCE editor css file. This allows for Wordpress to easily support a variety of themes without making many changes.
So that leaves you with the potential inconsistency, which you have identified here.
Either you work with the WYSIWYG editor giving you an approximation or you could add the relevant styles from your theme to the editors CSS. This can be done using add_editor_style() DOCs.
Use this WordPress plugin to solve your problem.
Specific CSS/JS for Posts and Pages