Jump to content
Kai

Free Processwire Template

Recommended Posts

Hi community, 

Since googling "free processwire themes" does not bring up results, I release my former website template open source! In the hope that it will help many people to get started with Processwire - or just to simply test it.

Download: https://github.com/q2apro/processwire-template

PW-Featured here: http://processwire.com/about/sites/list/memelpower-we-create-business-websites/ 

 

Free Processwire Template

Free Processwire Template - built for a web development agency - now open sourced.

Demo

Online at web archive (some images missing but working): https://web.archive.org/web/20171028072758/https://www.memelpower.com/

See also folder demos/screenshots.

Installation

  1. Copy all files to your webserver.
  2. Create a database and import the file database/db_import.sql
  3. Edit the file wire/config.php and enter your database credentials.
  4. Go to yoursite.com/wire/ and login.
  5. Login: admin and Password: herewegocheckitout22

The template you find in site/templates

IMPORTANT

Copyright of Images by Kai Noack. If you use the template you MUST replace or remove all images of people and organisations. The logos used are also copyright protected.

Donate

If you like what you received, you can show your appreciation by a donation: https://www.paypal.me/q2apro

Template License

The source code of the template is free and open source. Do whatever you like with it.

screencapture-memelpower-1512687249997.jpg

screencapture-memelpower-en-showcase-mathelounge-1512687458968.jpg

screencapture-memelpower-en-technologies-1512687381150.jpg

  • Like 11

Share this post


Link to post
Share on other sites

Great Job!

When I'am trying to import the database I'm getting an error:

 

Fout

SQL-query:

 


/*!40101 SET NAMES utf8mb4 */;

 

MySQL meldt: Documentatie

#1115 - Unknown character set: 'utf8mb4' 

When importing

Share this post


Link to post
Share on other sites

Thank you for this very nice template Kai.

If having your own original art in there is an issue, have you considered just replacing those images with some from unsplash.com or other such source?

Regardless of the answer to the above, it's very kind of you to release it publicly. Thanks again.

Share this post


Link to post
Share on other sites
11 hours ago, FrancisChung said:

Have you tried just using utf8 instead of utf8mb4?

Yes, but it still not works. Does anyone has the same experience?

Share this post


Link to post
Share on other sites

@tooth-paste: I've just created a test database (test_db) on my local MySQL server and ran the script and it works.

Have you tried creating a blank database, setting that as the default schema, and then executing the script?

Share this post


Link to post
Share on other sites
14 minutes ago, FrancisChung said:

@tooth-paste: I've just created a test database (test_db) on my local MySQL server and ran the script and it works.

Have you tried creating a blank database, setting that as the default schema, and then executing the script?

I use a blank database. After googling it is possible I need an upgrade of MySQL because utf8mb4 is a newer set of utf8. I'm running MySQL version 5.1.73.

Share this post


Link to post
Share on other sites
10 minutes ago, tooth-paste said:

I use a blank database. After googling it is possible I need an upgrade of MySQL because utf8mb4 is a newer set of utf8. I'm running MySQL version 5.1.73.

I'm using MAMP PRO, which is running MySQL 5.6.35. As you might've already guessed, probably best to upgrade MySQL first.
I also use MySQLWorkBench 6.3 Community Edition, if you're not using it already.

Share this post


Link to post
Share on other sites

First of all thanks for offering this to the community.

I am curious though: Why did you include the entire wire folder in the package as well? Normally, people create a site profile. I never ever touched the wire/config.php file, only site/config.php.

Share this post


Link to post
Share on other sites

You might want to change the instruction text: You don't login @ wire/, but processwire/

Speaking of login... I used the mentioned username + password, but it always says "login failed". Are you sure it's correct?

I had to use this to change pass + login: 

 

  • Like 1

Share this post


Link to post
Share on other sites

Not sure. Did it work for the others?

True, I could remove the wire folder. There are few hacks though - but not needed indeed!

Waiting for the feedback of the others.

Share this post


Link to post
Share on other sites

Thanks for providing the site profile!  Just wanted to let others know I had to do the following to login.

Add this to the startpage.php in the site/templates/ directory

$admin = $users->get('admin');
$admin->setOutputFormatting(false);
$admin->pass = 'herewegocheckitout22'; // put in your new password
$admin->save();

Then visit the homepage to execute the code.  Then remove the same code from the template.

Then login to yoursite.com/processwire/ not yoursite.com/wire/

Hope that helps others

  • Like 2

Share this post


Link to post
Share on other sites

Hello @Kai

I decided to give a try to your theme to see any interesting approaches etc. I created a new temp domain on my localhost (kai.pw) and created the DB, Imported the sql in it with no issue and following the steps I was supposed to edit the /wire/config.php to enter my database credentials. Are you really meaning to put the user/pass/host only or you mean to edit the /site/config.php which contains the database name as well?

Based on my experience, I have edited the /site/config.php and added my db info (100% accurately). Headed to http://kai.pw/processwire (there was a typo to the admin URL which was corrected in @gmclelland post.

When I try to browse the URL, for some weird reason it does not show the website but the 404 error of GitHub

image.png.ca9ef03cdfa5e38540d3ccc0bbeeb339.png

 

I am starting to wonder now, where did I do wrong?

Share this post


Link to post
Share on other sites

kai.pw is a live domain: https://www.whois.com/whois/kai.pw

Looks like it must be being pointed to a Github pages site that isn't up yet. You might be able to edit the hosts file on your local machine and make it go to 127.0.0.1, but might be easiest to just go with a .test or .local TLD for local dev. In case you don't know, .dev is no longer a good idea: https://iyware.com/dont-use-dev-for-development/

Share this post


Link to post
Share on other sites
15 hours ago, MilenKo said:

Are you really meaning to put the user/pass/host only or you mean to edit the /site/config.php which contains the database name as well?

I believe you are supposed to put that information in site/config.php

Share this post


Link to post
Share on other sites

@adrian Thanks for the info and yes, I did check to make sure my local server is working fine as to avoid going to the Internet instead of going to my local domain. What I did to test was to add a simple index.html file and point back to kai.pw - the result - well I saw the content of the index.html

However, I did find some glitches in my server where an update was needed so now I can see the front page using kai.pw with no issue grabbing the info from my local server with priority over the real domain.

The only thing to figure out is how to get to the admin as I am not able to browse kai.pw/wire (as stated), nor kai.pw/processwire as it is by default. Has anyone been able to login to the admin (not the issue with the pass but to see the login prompt?

@gmclelland Yes, I can confirm that the only change needed is in the config file located in /site/config.php but not the one in the wire.

 

P.S. I found that the admin URL is really /processwire/ , however it gives me 404 when I try to browse it.

Share this post


Link to post
Share on other sites

I was able to login, but I don't have my computer right now.

Can you try kai.pw/processwire/ 

Note the trailing slash

 

Share this post


Link to post
Share on other sites

Well, I am trying to but get the 404. I ran the script to show the admin URL and it really shows /processwire/ but the URL is not browsable. Also if I try to switch to other languages or to browse a page from the menu, it shows me 404 again. Something strange is happening here, so I am more leaning to re-download the whole site and set some test.local domain for the try.

Share this post


Link to post
Share on other sites

Well, I did try kai.test as local domain and still got the 404 with the same symptoms when trying to access admin, other links from the menu or switch languages.

Anyway, let me re-download the files and will try it again to confirm the result or have it fixed.

Share this post


Link to post
Share on other sites
On 1/15/2018 at 3:41 AM, gmclelland said:

Thanks for providing the site profile!  Just wanted to let others know I had to do the following to login.

Add this to the startpage.php in the site/templates/ directory


$admin = $users->get('admin');
$admin->setOutputFormatting(false);
$admin->pass = 'herewegocheckitout22'; // put in your new password
$admin->save();

Then visit the homepage to execute the code.  Then remove the same code from the template.

Then login to yoursite.com/processwire/ not yoursite.com/wire/

Hope that helps others

Hi, I tried as above, login page opens but login fails. Am I missing something?

HJ,

 

 

 

Share this post


Link to post
Share on other sites

Hi, 

i tried at localhost and have some errors. 
Does anybody know how to fix them ? 

Session Error , No Docthree and a message some unknown error ? 

 

Tnx 

Screenshot_12.jpg

Share this post


Link to post
Share on other sites
On 2/6/2019 at 3:28 PM, adrian said:

@iNoize - that's a really old version of PW now - does upgrading help?

Hello, es the Update helps. The only one problem is that the contact doenst work. 
I think the Plugin SimpleContactForm or something else is to old 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By sambadave
      Hi everyone, here's the problem I'm trying to solve.
      I have a config area in my PW admin that is locked down for admin use. I use pages to store a bunch of settings that I'll use for my clients website. It's mostly used for visual things like colours and theming. This list could be tiny or large, depending on the sites requirements, but its great because I can store any information I want to. So the page tree could look something like this:
      ADMIN SETUP
      Home Config Aesthetics Colours Red Field: Custom Label - "Red" Field: Class name - "theme--red' Green Field: Custom Label - "Green" Field: Class name - "theme--green' Blue Field: Custom Label - "Blue" Field: Class name - "theme--blue' etc... Sizes Small Field: Custom Label - "Small" Field: Class name - "sm' Medium Field: Custom Label - "Medium" Field: Class name - "md Large Field: Custom Label - "Medium" Field: Class name - "lg" etc... Icons Target Field: Custom Label - "Hands shaking Icon" Field: Icon SVG - "[svg code]' Target Field: Custom Label - "Target icon" Field: Icon SVG - "[svg code]' Success Field: Custom Label - "Happy face icon" Field: Icon SVG - "[svg code]' etc... HOW I USE THIS
      I'm then able to set up page reference fields for colour, size and icons. I'll use these fields on particular pages so that my clients can select a particular colour, size or icon, or anything really. Currently, with the page reference field I can create a custom label for the options. So for something like colour I can label the field "Theme" and present a list of colours like "Red, "Green" and "Blue" using the custom page label label format of the colours page.
      This of course means that I can use this to do some lovely presentation on the front end of the site. With a colour selected I'll then be able to use the page reference to get the class name for that colour theme so that I can update the page's look and feel. So in my markup I'd end up with "theme--red" or "theme--green" etc.
      THE PROBLEM
      I have this all working which is great and it's really flexible for the client which they love. However, I'd love to be able to make things more visual for the client.
      Is there a way to be able to output more than just text in the page reference field? I might have a bunch of different blue colours, so instead of a list like so:
      Navy Blue Deep Blue Bright Blue Sea Blue ... it would be great to be able to output actual colour swatches, which is a lot mor visual for the client.
      Taking the icon selector, I would ideally like to show the actual svg that I've stored against that icon as a selectable image instead of seeing text options like:
      Hands shaking icon Target icon Happy face icon Just a couple of scenarios here, but as you can see there could be any number of reasons to display a more visual method of selection.
      ANY SOLUTIONS?
      I've looked at modules like FieldtypeColorPicker which could help in solving the colour issue, but it doesn't allow me to select a colour and then use a particular class name assigned to it the way I describe above.
      Considering the other use cases I mention above, does anyone know if anything exists already that would help me to create custom presentaion for page reference lists, or if there's anything planned?
      Thank you in advance for anyone who's read this far and has any words of wisdom!
      Dave
       
    • By franctic-aerobic
      I have been searching a while for pre-made UIkit 3 themes that I can download in some form and use. But I have not found much. I work with variables and compile most times, but sometimes I would prefer working with a "finished" theme as a starting point
      I have found the following resources:
      https://github.com/zzseba78/Kick-Off https://github.com/uikit/awesome-uikit Do anyone else know of UIkit 3 themes that you could list?
    • By Noel Boss
      Admin Theme Boss
      A light and clear theme based on Uikit 3
      Features
      Four unique color options Beautifully redesigned login screens Modern typografy using Roboto Condensed Extended breadcrumb with edit links Extends AdminThemeUikit, so you can continue using all current and future AdminThemeUikit features Option to activate theme for all users   Updated and Releases
      There is a shiny new release page where you can subscribe to updates for new releases of AdminThemeBoss.   Color Variants:
      ProcessWire Blue


       
      Dark Black


       
      Vibrant Blue

       
      Happy Pink

      Requirements
      Requires a current ProcessWire version with AdminThemeUikit installed and activated.
      Installation
      Make sure AdminThemeUikit is activated Go to “Modules > Site > Add New“ Paste the Module Class Name “AdminThemeBoss“ into the field “Add Module From Directory“ Click “Download And Install“ On the overview, click “Download And Install“ again… On the following screen, click “Install Now“

      Manual Installation
      Make sure the above requirements are met Download the theme files from GitHub or the ProcessWire Modules Repository. Copy all of the files for this module into /site/modules/AdminThemeBoss/ Go to “Modules > Refresh” in your admin Click “Install“ on the “AdminThemeBoss“ Module
    • By louisstephens
      So I recently upgraded my sandbox environment to the latest master version from .62(?). I logged in and received the following error:
      "There appear to be multiple copies of module "AdminThemeUikit" on the file system."
      Unfortunately, in my haste, I removed the theme from site->modules so it doesnt exist anymore, and the theme has defaulted somewhat to the old theme. Is there a way to restore UIkit as the theme for processwire natively, or do I need to completely re-install?
    • By hollyvalero
      I like the Reno wrapper for the admin.  After looking at UIKit, then switching back to Reno, the back end is all Reno but the basic back end login page /processwire or /whateveryoucallit is displaying the original Default instead of the Reno login.  I realize this is a first world problem, but I can't seem to reinstate the Reno login.  Tried installing/uninstalling...  It's not the same page code and it's not the same style sheets... I can't uninstall the default ...what am I doing wrong?

×
×
  • Create New...