I'm experienced developer and know very well how to convert PSD To HTML/WP. I have been using Woo Canvas framework to convert PSD to WP. But Now, I need help how to properly convert PSD to WordPress using Thesis framework.
Thesis framework is bit different since it uses "Skins", "Boxes" and etc to customize a site. I want few things to confirm from people how know Thesis framework.
Here is the png version of PSD file
http://screencast.com/t/JujlDjZm1Jwr
You can see, it has top header menu, header image, slider, menu, posts and sidebars.
Now my questions are:
How to properly perform customization without disturbing core framework files?
Should I be working on Skins, child theme and boxes?
Would I need to add some custom template integration?
I think, Thesis framework doesn't provide slider feature so I guess, I would need to add custom markup to add the home page slider?
How to create separate sidebar and that should be customizable?
I can see there are several options that I can set but it is not fulfilling the whole requirement.
I can go directly adding divs for each section and registering wp_nav but I first wanted to hear from some Thesis framework experts. I would be very thankful for any of your help! Thanks
Based on the date of this post I am assuming you are using Thesis 2.1x. This version of thesis does not require you to do any programming to accomplish any of the tasks that you asked about above. You can use the Custom CSS Tab on the Thesis Admin Page to add your custom CSS. You can also use the CSS editor to add CSS and create variables (Thesis is SASS ready).
To add a slider just use an HTML Container and add your slider to either a widget or Feature Box.
You can add Javascript to specific templates by clicking the gear icon next to the Template Button in the HTML editor.
If you really want to use your own code you can add skin specific php to your wp-content/thesis/custom.php file (same as wp functions.php) and you can use master.php to add code to every site on your network (wp-content/thesis/master.php). And of course you can enqueue and register scripts that you create in either of these files, as well.
I usually create a custom folder and keep all my function/js/class files in there and then just include of require them using the THESIS_USER_SKIN_URL constant. This constant enables Thesis to find your file within a specific skin.
The Thesis Forums are probably the best place to find Thesis answers. They have a great community.
Related
I am working on a landing page using HTML, CSS , and JavaScript which are the tolls I am familiar with, but the client informed me that he want a dashboard to update the contents , images ...etc . I am not familiar with WordPress and have not done any project before. So is there any way to create the website then convert it into WP or any other way to solve the issue I am facing ?
hope I found a solution here
Yes you can create the HTML first. Then you can convert it to a WordPress Theme. But would require some PHP coding and knowledge in WordPress template structure, functions, etc.
Or else, you can hire a developer for this purpose.
Or the more easier way for you would be to use a drag and drop content creation plugin like Elementor (personally, I like it more) or WPBakery or something else.
EDIT:
To answer your question in comment, there's a starter theme called Hello. You can use it as your canvas and start adding your components and layouts in it. There are many third party Elementor addons available for use (some are premium). I mean certain elements for your layout would already be there as an addon widget created by someone else or it might be already shipped with the Elementor plugin!
If you have some time to spare (I mean it's not an urgent project), I would suggest some time playing with it.
I am currently trying to develop a website for fun just to practice. I have written some PHP code locally on my computer together with some css and html. My question is if anyone is familiar with Wordpress? And if so, am I able to import my php files and css into wordpress and use both code and the tools that wordpress has?
Thanks in advance!
Absolutely yes. The first thing you should do is create a child theme.
In it, you will have a style.css file in which you can add all your custom CSS.
Also in there will be a functions.php file. You can add custom PHP in there.
If you're looking to do something more complicated, then look into writing a plugin.
You can create templates on WordPress.
How to create a template
On this template, you can save your PHP.
To add CSS to WordPress you can do that by going to Appearance > Customize > Custom CSS.
The path to your Custom CSS section may be different depending on what theme you use.
I am developing a custom theme from scratch in WordPress, So i have few questions about it.
1) Is custom theme create using default theme.
For example ( Suppose i have copied twentyseventeen and paste it and rename it my_custom_theme then after changes as per HTML in particular files (header,footer etc)
2) Should i create necessary files for theme like (header, footer, index, style, page, function etc)
So i want to clarify which way should i go for create a custom theme 1st or 2nd.
Someone please help me for this
I would recommend using underscores
It is a starter theme foundation setup built for that purpose, it has all the needed files templates and uses the best practices and organised code.
You will take it and build your theme from it.
There is also understrap which is underscores with bootstrap styling
this will save you alot of setup and preparation time, you can delete and remove any code or any template you not using.
I have completed numerous wordpress template tutorials focusing on implementing multiple pages, and a custom dynamic navigation. The only issue I have is finding a source on creating a custom template box. For example, my goal is to customize the page template box following the mock up. The content placement is done in php, and designed in css. That way I dont have to add content in php but instead add it in wordpress based on my custom design. I have not found any source to achieve this. Does anyone have a source that displays how to create custom template boxes(the dynamic part)?
Links below is what I used to create my wordpress site
https://www.smashingmagazine.com/2013/05/migrate-existing-website-to-wordpress/
custom navbar for wordpress using bootstrap
I tried another source called Dynamic Page Templates in WordPress, Part 2 which suppose to explain how to create custom controls/template boxes. Following the link was unclear, resulting in not achieving the goal.
Thanks,
There are many ways to create a dynamic page in WordPress. I am sharing one of it. Install Advanced Custom Field Plugin and read its documentation. It allows page content to be changed from back-end (Its great for text/images). For areas where you want to user to choose whatever custom widget she wants to choose, add a widget area following any custom widget tutorial.
I am a developer who has never used wordPress before and just had a couple of questions about creating a custom theme
To create a specific look to a website do I create a static design then inter grate it with wordpress and add the dynamic content where it needs to be added?
If you create a custom theme how do you make it dynamic rather then being static? When I switch themes I loose the all the appearance menu options such as (menu, widget, header and background) How do i create them?
For stuff like image carousels if I want the images to be dynamic do I create a widget for it in the functions.php file?
For all the text on the page do I just spit that out thru the visual editor? seems to break links when editing
What are starter themes?
Sorry I am quite new to Wordpress but have knowledge in html, css, js and php but I just struggle to understand how to integrate a custom design and make it all dynamic
As a first step to create a basic new template I would recommend you starting with one of the default WP themes (e.g. Twenty Fifteen), leave all the core files (they contain dynamic parts e.g. functions loading header/footer/content) and just customize the css files and images. Further customization would require changing code in php files (e.g. header.php for the header, index.php for the homepage, single.php for the article page, etc.)
It is true that some options related to header, background, etc. can be theme dependant, so when you change it the configuration gets lost, but the others like menus and widgets remain like they are when switching themes.
Yes, for stuff like carousels you usually have to use custom widgets and plugins, you can find some really good ones on the web (e.g. this one), so you just upload the images and apply configuration in the backend.
Yes you use the WordPress editor (as you see it has Visual and HTML view) for all the user content within the pages and posts. Broken links might be cause of using relative paths, just make sure they are complete.
As mentioned in the first point you can always start with the default WordPress themes like Twenty Thirteen, Twenty Fourteeen, Twenty Fifteen etc.