
New starter theme with blog and basic pages
By
benbyf, in Themes and Profiles
-
Recently Browsing 0 members
No registered users viewing this page.
-
Similar Content
-
By Greg Lumley
Hi! I'm busy building a blog into my first test/learning/free/clients/project 😁
I've had a look at all the blog examples and there seem to be different ways of doing it. (the point of Processwire, I know)
It seems this is generally how it's done:
Master Blog Page
- Blog Post Child Page
- Blog Post Child Page
- Blog Post Child Page What I'm particularly interested in is the Categories. What would you advise?
Repeater Field?
Tags?
I think I've even seen Categories set up as Children of a master Category page too. The pages were hidden containing no
What would you recommend?
Thank you!
Greg.
Bare with me, I'm bashing my way through while I learn.
-
By flydev 👊🏻
Bootstrap-4 Minimal site profile for ProcessWire
This profile is based on the "minimal site profile (intermediate edition)" and bundled with Boostrap v4.4.1
Features
Bootstrap SASS Font-Awesome SASS Render / helper functions for : Simple ul navigation Bootstrap Multi-level navbar Bootstrap Carousel Bootstrap Cards Bootstrap Jumbotron Boostrap Accordion Assets minification, files bundle Dependencies
jQuery Popper.js Bootstrap FontAwesome Prequisites
You'll want to install the following on your system before proceeding:
Yarn / NPM How To Install
Download the zip file at Github or clone directly the repo with git clone and skip the step 2. Extract the folder site-pwbs4-master into a fresh ProcessWire installation root folder. During the installation of ProcessWire, choose the profile "ProcessWire Bootstrap 4 profile". After installation
You can find the development file (CSS/SCSS/JS) in site/assets/dev/src
The profile can be used as is only with $config->debug set to false. To use it in debug mode, you are required to install the dependencies with the package manager.
Open a terminal in site/assets/dev and execute the following command-line: yarn Available commands :
Rebuild, minify and bundle assets for release : yarn build References
Bootstrap v4 documentation ProcessWire documentation ProcessWire Forum: bootstrap tag ProcessWire Forum: bootstrap related posts Credits
The ProcessWire staff Inspiration from @gebeer and his Bootstrap 3 profile post Members who contributed in various post about Bootstrap navigation and code (see code-source for refs). Screenshots
-
By rafaoski
This profile can be used as a business card or very simple blog.
Requires the latest version processwire 3.0.101 !!!
Milligram Site Profile For Processwire 3x with include functions like:
MarkupRegions
FunctionsAPI
wireIncludeFile | wireRenderFile
Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex
Live Example
CAN DOWNLOAD FROM THIS LINK ( Basic Version and simple Blog Version )
https://github.com/rafaoski/site-milligram
https://github.com/rafaoski/site-milligram-blog
Screenshot:
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
Basic example to Debian and Ubuntu based Linux distributions:
Node.js
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs
See more installation options LINK
npm is installed with Node.js just check in linux terminal like below:
node -v
npm -v
Set BrowserSync inside folder /templates/webpack.mix.js and change your dev url
proxy: 'http://localhost/mix/', to your installation processwire folder like:
proxy: 'http://localhost/your-processwire-installation-folder/',
Next install npm packages in your templates folder with command npm install
Now, boot up the dev server npm run watch, and you're all set go!
On completion, use the command npm run production to build styles and scripts in the dist folder
Simple Usage ( Basic Command )
Run npm install Watch npm run watch Build npm run production All files to Webpack build steps is inside file ( webpack.mix.js )
Folder With all SCSS files is inside templates/src/scss
All build styles and scripts is inside the ( dist ) folder
References:
Milligram
Gridlex
Laravel Mix
Feather Icons
Web Font Loader
Verlok Lazy Load
Cookie Consent
Particles.js
-
By MateThemes
Hello everyone!
I use Ryan's site profile blog for my new website. Everything works great, but i am not able to change the url of the blog categories. Currently the url is root_url/categories. My client wants the url root_url/news/categories.
If change the url in the tab url from /categories to news/categories Processwire change it to news-categories!
How can I change that or can I change it in the php file too?
Thanks for your help for a beginner!
-
By MateThemes
Hello everyone!
I use ryans blog site profile to build my template around it. I use my mamp pro setup with php 7, mysql 5 and apache server. On my local setup the following code works fine:
<?php foreach(page()->children as $category): ?> <a class='uk-link-reset' href='<?=$category->url?>'> <div class='uk-card uk-card-default uk-card-hover uk-card-body'> <h3 class='uk-card-title uk-margin-remove'><?=$category->title?></h3> <span class='uk-text-muted'><?=$category->numPosts(true)?></span> </div> </a> <?php endforeach; ?> It is the same code as ryan used it, only my css classes. On my live server with the same setup as mamp pro i got following error:
Does anyone have the same error in this context?
Thank you very much for your help!
-