- AMADEUS PRO WORDPRESS THEMES HOW TO
- AMADEUS PRO WORDPRESS THEMES FULL
- AMADEUS PRO WORDPRESS THEMES CODE
This is where things get a bit tricky since not all themes name them the same. Once you have created your new template file as we covered in the first segment, a few adjustment need to be made to the template and style.css file.įind the main content area in your template file.
AMADEUS PRO WORDPRESS THEMES FULL
If you have decided your site isn’t going to be viewed on phones and tablets and you have chosen a theme that’s not responsive you can still make a full width template. If you run into troubles along the way, you can find many detailed articles on CSS3 at w3Schools. Be sure to test your template for responsiveness once you’re done. It will likely take a few tries to get right so don’t be discouraged.
AMADEUS PRO WORDPRESS THEMES CODE
Your style.css file will end up having similar content as the code below if the column options brought on with CSS version 3 are present in your theme: If you’d like more detailed information on Bootstrap coding, you can take a look at W3School’s article Bootstrap Grid System. Just be sure to run some tests on multiple devices or by resizing your browser window to make sure it looks great across the board. Playing around with these values will help you achieve the sizing you prefer. You may also need to search your style.css file for these same classes to change some extra options, though since the column sizes are predefined this may not be necessary. Then all you need to do is just increase the size to make the main content area larger. Increasing the number and deleting similar lines right after it will create a one column, full width page. Keep that in mind when you edit these values.
The total number of columns you use per size and page need to add up to 12 – no more, no less. Add the following code to make it happen: Edit Your New TemplateĪt the top of your full-width.php file before all the code you need to name your template so WordPress recognizes it properly.
In the editing page, paste the code from the page.php file and save the file. Again, if you haven’t disabled the pop up that follows, click the “Edit” button that appears. php suffix and make sure the name you enter has no spaces or your template won’t work.įind your new file in the list and click on it, followed by the “Edit” button at the top of the page. In this case, I entered full-width.php, but you can enter what suits you best. It’s best to type a name that relates to what you’re wanting to create. You can do this by leaving the “New file will be created in” field unchanged. To keep things neat and tidy, create the new file in the same folder as the other theme templates. Select and copy the entire contents of the file, then close it.īack in the File Manager, select the “New File” button at the very top-left corner and enter a file name in the pop-up that appears, then click the “Create New File” button.
If you’re using cPanel, click the “Edit” button at the top of the page, then the “Edit” button in the pop up that appears – if you haven’t already disabled it previously.
To create a new page layout you need to access your theme files and open up and edit page.php. Once you have everything backed up, you can continue to the next step. There are many tools that can help you do this such as our Snapshot plugin, JetPack (which includes the formerly stand-alone product, VaultPress), or manually via FTP. This way, you’ll be able to do a restore and get everything back to the way it was to try again. Make sure you do a full backup of your site before continuing to ensure your site is safe in case anything goes wrong.
AMADEUS PRO WORDPRESS THEMES HOW TO
In today’s post I’ll walk you through how to keep your new template mobile-friendly with columns, CSS3 and the Twitter Bootstrap framework if you have a responsive theme. It just takes a few simple edits and you’re ready to go. Not to worry, you can easily edit any theme to create a new template that’s perfect for your needs. What if you find a theme that’s almost perfect but doesn’t have the kind of full width page template you need for your landing or about page – or maybe doesn’t have one at all? has so many themes you’re bound to find the perfect one for you.
0 kommentar(er)
