I'm making a portfolio page for a photographer. The photographer should be able to add new projects via wordpress. I am not really familiar with how wordpress uses the inputs for an "post" or "project" to create a new portfolio project.
Currently I have an intermediate knowledge of HTML and CSS. How would I be able to assign my own styles to content that is yet to be created? I figure this requires knowledge of PHP?
I understand this is a pretty general question and I apologise for my question is too vague. Searching for solutions has yet only given me plugin solutions.
In order to create a custom WordPress template not only requires some basic PHP knowledge, but also WordPress template knowledge. You can read all about them here.
I would suggest to use a theme instead. There are countless (the link is just an example) amazing portfolio themes, lots of them free and all of them responsive. If you want to go along with your current theme and use just a plugin to create those portfolio items, I suggest a plugin like Advanced Custom Fields.
Related
I am building a personal website with Photofocus theme (https://catchthemes.com/themes/photofocus-pro). I completed the website design, now designing a blog page. Actually, I need a custom theme for my blogs ie 4 column thumbnail design. Please see the design below.
Design website link: https://blog.bitdiscovery.com/
But Photofocus blog theme looks different(See image attached)
Following are my doubts?
How to customize the Photofocus blog theme to meet my requirement?
Do I need to manually edit PHP files to achieve the design?
Can I purchase a different theme for the blog only(ie my desired design is
also a WordPress site - https://blog.bitdiscovery.com/)
Suggest me the ideal solution?
Your help is much appreciated.
Thank you.
From the Theme Instructions
You can customize this theme using cool additional features through Customizer at "Appearance => Customize" from your WordPress Dashboard.
If needed, you could contact them as mentioned on this page to customize it for you.
It should be possible to use another theme for your blog when 1) The site is on a subdomain (and thus a separate WordPress installation) or 2) when the theme provides a "blog" template option (but that would be only partially different).
If you are looking for a flexible, totally customizable solution, I can recommend Oxygen Builder. But you'll need some knowledge about HTML/CSS/PHP for it.
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've been trying to create different themes in wordpress but it seems difficult to me as it requires some core functions of Php which I am unable to understand. Now I want to ask the question in details whether we can convert HTML theme to wordpress theme? I know that every theme is made in HTML but what If I make a theme in HTML/CSS or even bootstrap. How to integrate it with wordpress Posts and Pages thing? How can I tell wordpress that when a user adds a post through wordpress, it should go here or wherever? I think the question is vague but I myself is confused. Please do let me know if you understood! Thanks
You will need a combination of PHP, HTML, and CSS (at the least) to create a WordPress theme. Luckily, the PHP requried for a basic theme is pretty simple. I'd like to refer you to: https://www.siteground.com/tutorials/wordpress/wordpress_create_theme.htm . It gives a basic overview on theme development where the PHP isn't too involved.
I am new to using Wordpress as a developer as opposed to just using the dashbord but am struggling to understand a few things and would really appreciate some help.
For a site that does not require a blog - do you just create custom/specific page templates for each page that your site requires?
If so - presumably you code the content directly. But then how does the client edit their website's about page or any other page for example - because doing it through the dashboard isn't going to use the necessary CSS hooks without using classes, id's and HTML?
As a beginner to Wordpress - I can't see that posts are used on sites that don't have a blog, but am I correct or is using posts the way a client can edit content on their site, but just have posts styled to look like normal content?
Or am I wrong in thinking a company (I am starting as an intern at a web dev company that use WordPress) provides the tools or at least configures WordPress to enable the client to change content?
Any help getting me to understand the basic concept and way a developer would create a custom WordPress site would be much appreciated. Thanks in advance.
You can use page.php. In WordPress everyone create at least one custom template type to get wider design for custom pages.
You can refer here for more info.
Use Advanced Custom Fields with page templates. Say you are making an About page, call that template about and select that template in the backend editor. Once you save the page, the acf fields will show up and you can populate the content.
ACF: https://www.advancedcustomfields.com/
Page Templates: https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/
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.