I am new to wordpress development. I was wondering if I am able to combine an existing wordpress theme that I currently have on my website with an html template that I found through themeforest. Would I need to create an entirely new wordpress theme for this? Or could I just import the css files of the html theme and use the html elements accordingly?
Thanks!
You can edit your wordpress theme according to your desire by creating a child theme. See this link child theme
You can modify the theme according to your desire but you cant just copy paste any html template to wordpress and expect it to work.
Related
I am new with wordpress so please feel free to point out any fundamental misunderstandings I have in the following question.
Problem: I have created the beginnings of a website using Html/css, but realized that I wanted to give my client more control over it so I wanted to convert it to wordpress so I can add customizable images/text and take advantage of wp plugins.
Solution: So I changed the name of my index.html to functions.php, and uploaded my index and stylesheet to wordpress. The only change I made was to change the address of my css file.
To correctly link my css file I have changed
<link rel="stylesheet" type="text/css" href="style.css">
to
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>"/>
Error: However, now my html is just showing up plain without change from css. What am I doing wrong here? (Also if you are experienced with wordpress I would love to message for 5 minutes to clear some misununderstandings I know I have)
Welcome to WordPress.
WordPress uses themes to show HTML and CSS structure. These are located in wp-content/themes.
I'm not sure where you're placing these files, but functions.php should not have any HTML structure in it at all. Think of functions.php as a list of instructions you're going to give WordPress on how to load components of your theme. My advice would be to undo what you've done so far.
A good place to start learning theme development is taking a look at the default themes that come with WordPress, like Twenty Seventeen and Twenty Twelve. Add your css to the stylesheets in those themes. Play with the structure of the header.
There are plenty of links around on how to build your own theme from scratch. I would link to them here, but they get cranky about links in answers.
The proper way to add styles to a WordPress theme is to enqueue them.
To enqueue "style.css" use this:
wp_enqueue_style( 'style', get_stylesheet_uri() );
If you wish to use a different CSS file, change the file name of 'style' and do not include the file extension.
Reference: https://developer.wordpress.org/themes/basics/including-css-javascript/#stylesheets
This answer to a similar question should help: https://stackoverflow.com/a/37391567/3130549
I'm trying to edit the HTML of product page from Magento but it's not working.
I followed some tutorials (example: How to edit product page template in Magento) but without success.
I'm editing the "view.phtml" from the path below (standard template):
/siteName/app/design/frontend/base/default/template/catalog/product
Edited code
HTML not updated
Any idea?
Thx.
This file call based on theme so please check your theme folder, the path of this file follow.
/siteName/app/design/frontend/[theme folder]/[theme child folder]/template/catalog/product/view.phtml
If you are using the RWD (responsive) theme you may possibly need to edit the template in that folder structure. It is new in 1.9.x
I work in wordpress but do have some clue about HTML. So now I know it is easy to use custom CSS but I d like to change something in the HTML. And ideas, suggestions ?
You can't directly change themes (HTML/CSS) since when the theme is about to get updated, your custom HTML and CSS will be reset (deleted). If you want to edit a WordPress theme, you need to create a child theme.
Create a child theme that's called similarly to your parent theme (twentyfeefteen-child)
Create a style.css file inside the newly created folder
Type in the following:
/*
Theme Name: Twenty Fifteen Child
Description: Twenty Fifteen Child Theme
Template: twentyfifteen
Version: 1.0.0
Text Domain: twenty-fifteen-child
*/
Now you simply create files you want to overrite. Say you want to edit the index.phppage. You create a file called index.php in the child theme folder, copy the code from the parent and edit what you want.
Templates are usually located in: {your project path}/wp-content/themes/
For more info about child themes, go here...
I just installed magento onto a server, and previous to that made a website layout ( basic html website) which i'm aiming to implement as a main layout on the magento site.
I'm new to Magento, and i've tried working with custom wordpress layout with the use of css. Yet this project gives me the assignment to use the html/css layout and change if not delete the default magento template. I Have no idea how to even get started at this.
Can anyone give me some pinpointers? if not just a link to a tutorial.
The idea is the use the layout i made and use it as a template, but with the goal of using Magento's e-shop functionalities.
thank you.
Philip
Magento has a Design folder and a Skin folder to customize your front-end.
File hierarchy
If you set up the folder structure of your custom theme correctly, Magento will only use the files you overwrite in the new theme. If you go to Magento>app>design>frontend you will see a "base" and "default" folder, base is the uppermost folder in this hierarchy.
Design (html + xml layout)
If you want to create a new theme you start with creating a new folder in Magento>app>design>frontend and copy the files you want to change in your theme. So if your theme will change the 1column layout to start with, you'll end up with this:
Magento>app>design>frontend>[YOUR FOLDER]>default>template>page>1column.phtml
Skin (images + css)
Same goes for the Skin folder. When you want to change the main css file for your theme you'll end up with this structure:
Magento>skin>frontend>[YOUR FOLDER]>default>css>styles.css
Setting Current Package
In the Admin panel you will have to go to System>Configuration>Design>Package and set the "Current Package Name" to the name of [YOUR FOLDER].
Manage Stores
You might want to add a store view, store or website to be able to change views so you could for example show a different front-end for different countries or special offers. Make sure you set the package name to the right scope, in this case.
I have an issue. I have made a custom website using CSS and HTML. I want to allow my client to edit and add posts to the website without any knowledge of HTML or CSS while still giving myself the ability to manage the code. Is there any programs or online tools?
I have tried wordpress at (Wordpress.org) and set it up on my website but I was unable to figure out how to use my custom HTML and CSS on the wordpress.
You can create custom sites in Wordpress by using the default installation (I think currently it's the "TwentyTwelve theme), and simply copying the files you want to customize into a child theme directory - named anything you want.
Also copy the default CSS into the child theme directory you make. These files will then be what supercedes the default files when you choose yuor child theme in the Appearance > Themes menu in the default dashboard.