mosravo Posted June 12, 2014 Share Posted June 12, 2014 Am new to processwire and there are certain things i want to do and i know they are possible, i have been able to install processwire, even install a Blog Profile. But now i want to change the theme of my processwire just as it is in WordPress, Because i saw a lot of site designed using processwire and their feel is great and you cant really tell if it was done with processwire from the front end, So how can i achieve this in Processwire. i will be grateful if some one can help here. Link to comment Share on other sites More sharing options...
marcus Posted June 12, 2014 Share Posted June 12, 2014 Hi mosravo, different to Wordpress and others, ProcessWire has no "theme as a package" logic. Its philosophy is to provide a content framework and an easy API, where a clean WordPress install confronts you both with a certain content logic (pages vs. articles) and a certain theme installed (and the call to action to download/try more themes). So, if you discover certain projects and sites being realized with PW, the chance of this being a theme (as in: free download provided somewhere) is close to zero. But still, these projects can serve as a showcase for what's possible with PW. Maybe lets compare it to a (fictional) lego product: one is already assembled on purchase and has 3 or 4 big chunks of lego bricks (and you still could go to nearly every single brick if you want to) - that would be WordPress. ProcessWire is more of a box of bricks of every possible form, preassembled if you want to ( = site profiles) but foremost provided with plans of possible outcomes ( = this forum, and the docs). But still, you have to "now your lego" to at least a small extent minimum. 7 Link to comment Share on other sites More sharing options...
mosravo Posted June 12, 2014 Author Share Posted June 12, 2014 Hi mosravo, different to Wordpress and others, ProcessWire has no "theme as a package" logic. Its philosophy is to provide a content framework and an easy API, where a clean WordPress install confronts you both with a certain content logic (pages vs. articles) and a certain theme installed (and the call to action to download/try more themes). So, if you discover certain projects and sites being realized with PW, the chance of this being a theme (as in: free download provided somewhere) is close to zero. But still, these projects can serve as a showcase for what's possible with PW. Maybe lets compare it to a (fictional) lego product: one is already assembled on purchase and has 3 or 4 big chunks of lego bricks (and you still could go to nearly every single brick if you want to) - that would be WordPress. ProcessWire is more of a box of bricks of every possible form, preassembled if you want to ( = site profiles) but foremost provided with plans of possible outcomes ( = this forum, and the docs). But still, you have to "now your lego" to at least a small extent minimum. Hi marcus, so what you are saying inorder word is that processwire doesnt have any theme, what it has is that one can style it to suite personal need right? Link to comment Share on other sites More sharing options...
kongondo Posted June 12, 2014 Share Posted June 12, 2014 Hi Mosravo, Welcome to PW! That's right. You can use any HTML, whatever, you like with ProcessWire and style it as you wish. The Site Profiles you talk about are sort of something of convenience, ready made for those who wish to use them. And even then, once you've installed them you can bend them left right or centre as you wish. In other words, there are no ProcessWire themes.. 4 Link to comment Share on other sites More sharing options...
marcus Posted June 12, 2014 Share Posted June 12, 2014 Hi marcus, so what you are saying inorder word is that processwire doesnt have any theme, what it has is that one can style it to suite personal need right? It doesn't have a theme system - but that means you can style it without any restrictions whatsoever. Stylewise, the better your HTML, CSS skills are, the better PW "theming" outcome is. 3 Link to comment Share on other sites More sharing options...
Raymond Geerts Posted June 12, 2014 Share Posted June 12, 2014 Since ProcessWire and its modules/plugins do not output any HTML by itself, you are completely free in how you wrap the data from the pages. This gives you as developer complete freedom how you present the data. You could use HTML, XML, or even just JSON. This is the reason why there are no themes for the front-end availabe. 5 Link to comment Share on other sites More sharing options...
mosravo Posted June 13, 2014 Author Share Posted June 13, 2014 Pals i do appreciate your clear explanation of the 'theme-less' processwire with freedom to style to suit personal need, but the question again is where do i start my personal styling and where do i go from here.? assumming i want to add a horizontal menu to the Blog Profile of this site (www.mcalleluyashow.mil.nf)? Please i need guidelines and where to begin. Link to comment Share on other sites More sharing options...
kongondo Posted June 13, 2014 Share Posted June 13, 2014 (edited) ....... but the question again is where do i start my personal styling and where do i go from here.? assumming i want to add a horizontal menu to the Blog Profile of this site (www.mcalleluyashow.mil.nf)? Please i need guidelines and where to begin. Aah, this now seems to be a slightly different question. What you are asking is about 'structuring' - the HTML...rather than 'styling'...the CSS, or maybe both? ... How comfortable are you with HTML, CSS, PHP? The first two you definitely need to know, the third you need to know the basics. Answers to this will determine how much re-structuring you can do, especially with the 'work-horse' that is the Blog Profile. If it was just about styling, the place to start is to fire up Firebug (if in FF) or Chrome developer to examine the HTML output of the rendered Blog pages, note the names of the CSS ids and classes and the relevant lines in the CSS files where you need to make changes. Then you can change those as you wish (but you might want to do a back-up of the CSS file first). Ideally, you should be working locally first before uploading to the live site. If on the other hand you want to add things and move things around, you will need to dig into the code. Now, the Blog Profile uses some relatively advanced code and has all sorts of includes coming in from different files some of which also include other files, etc...Unless you are comfortable with PHP and ProcessWire API, I am afraid you will struggle. If you are willing to learn PHP (at least the basics) that is great and will serve you beyond ProcessWire if need be ....So, I can point you to look at main.inc and blog.inc (/site/templates/) since that is where the main magic happens, the former mainly for outputting stuff and the latter the engine room serving different things to main.inc, but it would not help you much if you were not comfortable with PHP and PW API. Having said that, I am not in any way trying to discourage you. I am just recommending that you try and get the PW basics first (if you haven't done so already)...and the road ahead will be less bumpy .... Edited June 13, 2014 by kongondo 4 Link to comment Share on other sites More sharing options...
mosravo Posted June 13, 2014 Author Share Posted June 13, 2014 @kongondo so explicit in your feedback and i love your approach, am getting to know things better. i am really comfortable with PHP, CSS AND HTML and with what you just explain now i will do the experiment and get back and i know how to work with the developer tools in FIREFOX OR BUG. I am really grateful for your support and all those who contributed. making sense. 4 Link to comment Share on other sites More sharing options...
kongondo Posted June 13, 2014 Share Posted June 13, 2014 (edited) If you are comfortable with PHP, with PW you can have your cake and eat it too! I realize I didn't clarify what I meant by the 'basics'...apart from PHP, that's also mainly the 'simple' but powerful PW basic API that is documented here: http://processwire.com/api/ especially selectors, $page and $pages. If you get those under your belt you will be truly on your way. As usual, feel free to ask questions and we'll be here to guide you.... Edited June 13, 2014 by kongondo 1 Link to comment Share on other sites More sharing options...
dwimar Posted August 7, 2014 Share Posted August 7, 2014 Let me ask a basic question than. Can I use a theme designer, such as Artisteer, export it as an HTML website and then edit it so that it connects up with Processwire? 1 Link to comment Share on other sites More sharing options...
Macrura Posted August 7, 2014 Share Posted August 7, 2014 Yes Link to comment Share on other sites More sharing options...
reems Posted August 7, 2014 Share Posted August 7, 2014 I use Artisteer myself in combination with Processwire. Just export your design as basic website template. If you, before you export, put basic explanatory texts in your Artisteer design where you want your PW fields or menu appear, it is easy to replace them later with a normal editor with the necessary php from the PW API. But this will help no matter which design tool you use. Change the extension of the files from .html to .php and add the pagefiles to the site/templates directory and in the admin add them as templates (Setup - Templates). After that you can add the necessary fields to the templates (select the template for editing and click Add Field). Next step is to call the fields with php in your pagefiles in the places where you have put the explanatory texts. Don't forget to edit the includes in the head tag as well according to the PW instructions. With one page design in Artisteer you can now, through the PW admin, add multiple pages to your site. Much more to say about this but I hope this basics help you get going. 2 Link to comment Share on other sites More sharing options...
pwired Posted August 7, 2014 Share Posted August 7, 2014 Hi Mosravo and welcome, Processwire is different from other cms'es in that it gives you all the freedom to do whatever you want. That can be a bit confusing in the beginning. Have a walk through here: https://processwire.com/talk/topic/4173-grouped-forum-posts-links-articles-tutorials-code-snippets/ Link to comment Share on other sites More sharing options...
dwimar Posted August 8, 2014 Share Posted August 8, 2014 Thank you reems for you feedback. Is the Artisteer theme design you create very basic such as a one page theme with a menu. Or do you do more than that with Artistteer? Thank you for you help. Link to comment Share on other sites More sharing options...
reems Posted August 8, 2014 Share Posted August 8, 2014 Hi Dwimar, In this case I started with only one basic page created with Artisteer. And that is enough if you want al the pages in the website to have the same structure and so in PW the same template. That workes fine. But in the Artisteer site that I already have online ( http://www.realconsult.nl ) I changed the homepage outside Artisteer and put a css grid (pocketgrid.css) in it to create the columns. If you look at the source of the realconsult site you see all the Artisteer css classes. Later on I also put another menu in it. But it is not necessary, an Artisteer design will work well also without such extra's. Another thing I did was to cut the template in three parts: head, body and footer and saved them as separate php files. In that case you only have to put all your includes in the head file once and include this head (and footer) file in any other template you create with whatever system. Link to comment Share on other sites More sharing options...
Martijn Geerts Posted August 8, 2014 Share Posted August 8, 2014 @reems, i'm nitpicking here: You've exposed the edit link for guest users. If you don't really need it, it's better to show it only if a user is logged-in. 1 Link to comment Share on other sites More sharing options...
reems Posted August 8, 2014 Share Posted August 8, 2014 Hi Martijn, not nitpicking at all. And not a bad idea. Checked my profile settings but can't find that setting......it's clearly end of the week... Congratulations by the way..... 1.500 likes milestone 1 Link to comment Share on other sites More sharing options...
Martijn Geerts Posted August 8, 2014 Share Posted August 8, 2014 Tnx reems, + It's hardcoded in your template I guess... 1 Link to comment Share on other sites More sharing options...
reems Posted August 8, 2014 Share Posted August 8, 2014 .... hardcoded ?? .....template?? I look around but can't find. If I log out and check my posts but I can;t edit in that case. Strange.... Link to comment Share on other sites More sharing options...
Nico Knoll Posted August 8, 2014 Share Posted August 8, 2014 To the theme topic: I'm working on something: https://processwire.com/talk/topic/7236-wirethemes/#entry69610 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now