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 Marcel
Hey all,
I want to customize the mywebsite/processwire/profile page. It's almost all good but I want to get rid of the sections 'Admin Theme' and 'Language' so that the user can just set a new password. (see image)
Do I have to modify the admin template or how can I do that? Because when I go tree>Admin>Profile there are no fields to add or remove.
Or where can I find the php file?
I would appreciate your help.
-
By Violet
Here I'm writing up about my first ProcessWire site, Reached.space, a blog and directory about shops which offer international shipping.
I'm from The GrayFly Group, which is the registered trade name for GrayFly Stationery, LLC, a limited liability company registered in the state of Kentucky, USA. You might ask, why is a stationery company creating websites?! Well, in a way both activities are very similar: both activities have the goal of getting written messages across in a pleasing manner to the reader.
With that out of the way, let's move on and explain what went on behind the scenes of the Reached.space site:
Template
I used a free CSS-based template from W3CSS at https://www.w3schools.com/w3css/w3css_templates.asp , using mainly the "Architect" template as the basis and modifying it as needed.
Pagination
The pagination feature of ProcessWire was very helpful here; I kept the home page to just two blogroll articles so that the reader was not overwhelmed, but upon pressing "more articles" the remainder of the blogroll is paginated with 4 articles to a page.
Screen reader
I made adjustments to my usage of the template to make it screen-reader-friendly. I used the Google Chrome extension to test out how the site would be handled with a screen reader.
Security
Security is always important, so I was thrilled to find a great all-in-one-place security guide in the ProcessWire docs at https://processwire.com/docs/security/ - I simply went through the guide and did what it said, using it as a checklist.
Modules
As far as I'm aware, the only additional modules I used (that were not already activated by default in standard PW install) were the Upgrade and Upgrade Checker modules. The main reason for this was security considerations, but it was also an added convenience and peace of mind to have it check for updates every time I logged in.
However, I did use additional software that was not modules, as described below.
Other software - Simple HTML DOM
Here I was very fortunate to receive help from the ProcessWire community on the forum. Due to the site's monetization model being affiliate marketing, I wished to make all my external links nofollow and target _blank by default. User @Robin S was instrumental in showing me how to do this using Simple HTML DOM in the forum post https://processwire.com/talk/topic/17295-solved-how-to-make-external-links-nofollow-and-target-_blank-by-default-if-using-source-code-toggle-in-editor/
Other software - Google Analytics cookie manager
My site requirements for GDPR were specific enough that I felt I would rather develop my own code to handle Google Analytics tracking, which I'll describe here. I wanted to be certain GA tracking was disabled by default requiring opt-in, instead of opt-out. I also included in the Cookie Manager some written info about third party cookies (these are placed when clicking on affiliate links) and how the user can avoid such tracking (turn off third party cookies in their browser settings).
I also disabled front-end PW cookies as described here: https://processwire.com/talk/topic/15270-session-storage-and-lifetime/
Google Analytics cookie settings
The Google Analytics cookie setting code was done using JavaScript. I used a session storage variable to indicate whether the user had a) accepted GA tracking cookies b) declined them or c) had not made a choice yet. I also had to make some changes also to the <head> code to ensure Google Analytics cookies were not set unless the user had accepted them.
Efficiency - optimizing 404s
I used the guide at https://processwire.com/blog/posts/optimizing-404s-in-processwire/ to sinkhole bot-driven 404 requests to a static 404 file.
Back office pic
Below is an image of how ProcessWire allows helpful field descriptions and displays them when used in templates, so that when I come to actually use or enter content in fields I created months ago, I know what the ramifications are. Very helpful. Also, when using the back office I found the Reno admin theme to be very pleasing, efficient, and easy to use.
-
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 sam-vital
Hi,
I'm creating a News/Updates section for a client and they would like the 3 most recent Updates previewed on the home screen. So this would be Title and Date Posted. These blog posts will be child pages of a News and Updates page, which is a child of the Home page. So it's like Home -> News -> Blog posts. I don't need this to be a nav menu, just something to show the newest updates.
All help is appreciated 🙂
-
By franciccio-ITALIANO
Hi, in wordpress homepage we can put a list of LAST ARTICLES AND COMMENTS.
Can I do same thing with processwire?
If yes, how?
There is a tutorial?
Thanks!
-