This document provides an overview of WordPress and ClassicPress for Week 6. It discusses WordPress and ClassicPress as content management systems, noting WordPress is the most popular for general usage. It outlines what will be covered this week, including setting up WordPress on Reclaim hosting and building a small site. Links and definitions are provided for key terms. Advantages and disadvantages of WordPress are discussed. Finally, two lab scenarios are presented involving building WordPress sites to address client needs.
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
Have your say. As part of the whole Content Management System revolution, although WordPress is a viable option for today’s standards. But is it really all that it’s made out to be ?
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
Have your say. As part of the whole Content Management System revolution, although WordPress is a viable option for today’s standards. But is it really all that it’s made out to be ?
New to WordPress? Don't worry. This presentation helps you to understand every aspect of the most used blogging platform - WordPress. We've also prepared an infographic with all the keyboard shortcuts in WordPress. This is very useful for anyone having a WordPress blog or website. You can check it here: https://www.techwyse.com/blog/website-design/wordpress-tips/
“If Tetris has taught me anything, it’s that errors pile up and accomplishments disappear” is a common quote and it seems we’re living this to its full extend as web developers. We fail to celebrate the successes we have and the tools that are at our disposal but we’re never short of finding reasons why things don’t work. We also tend to pile on technology on technology to solve problems that may actually not exist and thus clog up the web. In this talk Chris Heilmann wants to remind us what we achieved and how we should celebrate it and how we should stop trying to solve problems that are simply beyond our control.
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...Bootstrap Creative
✍ Get free workshop bonus -
https://bootstrapcreative.com/workshops/before-using-bootstrap-4/recording/
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design Basics with Bootstrap 4
Never built a website before and feeling overwhelmed?
Learn how to get started building responsive websites with Bootstrap 4.
Are you new to web development? Want to learn how to get started?
During This Free 1 Hour Live Online Training, You Will Learn:
- What responsive web design is and the benefits of using a frontend framework like Bootstrap 4.
- What’s New in Bootstrap 4 and how it has improved over Bootstrap 3
- The responsive development process, and software tools necessary to make a responsive website efficiently and with fewer bugs.
In addition to the training, there will be an opportunity for you to ask questions and interact with other students in the live chat.
Who is this workshop for?
For absolute beginners who have never built a responsive website before. Those who are learning web development fundamentals like HTML and CSS.
Presented by: Jacob Lett
Creator of BootstrapCreative
I transitioned to frontend design/development after working as print graphic designer. I stumbled my way through books, online courses, and blog tutorials to finally get my first web development job.
Learn More -)) https://bootstrapcreative.com/shop/
Learn Bootstrap 4 Step by Step for Beginners
This Bootstrap tutorial pdf and training material will teach you how to quickly prototype and build responsive websites using Bootstrap 4. You will become familiar with common components, setting up a grid, and how to customize the look and feel. Get your copy at https://bootstrapcreative.com/shop/bootstrap-quick-start/
January 2017 - WPCampus Online - Learning from Drupal: Implementing WordPress...Eric Sembrat
A high-level discussion of how WordPress has incorporated itself into a Drupal-centric campus for web development. Let’s chat about how to leverage WordPress and its strengths with a pre-established CMS and culture, how to build trust and value in WordPress, and the benefits and challenges that WordPress brings to an established CMS campus environment.
The goals of this session are to:
educate on a Drupal CMS environment and its pros/cons.
evaluate Drupal challenges and where WordPress fits this need.
present a case study on how WordPress was implemented.
challenges, issues, and considerations on incorporating WordPress into an already-established web environment.
future directions to consider for WP usage and initiatives.
A presentation created for introducing WordPress and outlining what will be covered in my WordPress Super Survival Skills Course - http://www.the-colab.com/wordpress-survival-skills-course/
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
How to Project-Manage and Implement a Responsive Website
Marcos Corro, Designer & Developer Balboa Park Online Collaborative
Jennifer Jurgens, Design & Developer Minneapolis Institute of Arts
Slides from my May 23 webinar for the ADA Great Lakes Center. Overview of the state of things for WordPress and accessibility and the principles of web accessibility.
Learn Bootstrap 4 and responsive design basics step by step. For beginners and for experienced developers who want to migrate existing Bootstrap 3 sites to Bootstrap 4. Includes a tutorial, cheat sheets, templates, and quick reference guides.
Drupal, the biggest, most complex and most flexible CMS that powers a small percent of the over all internet yet hits a lot of the more popular sites in government, entertainment and education.
New to WordPress? Don't worry. This presentation helps you to understand every aspect of the most used blogging platform - WordPress. We've also prepared an infographic with all the keyboard shortcuts in WordPress. This is very useful for anyone having a WordPress blog or website. You can check it here: https://www.techwyse.com/blog/website-design/wordpress-tips/
“If Tetris has taught me anything, it’s that errors pile up and accomplishments disappear” is a common quote and it seems we’re living this to its full extend as web developers. We fail to celebrate the successes we have and the tools that are at our disposal but we’re never short of finding reasons why things don’t work. We also tend to pile on technology on technology to solve problems that may actually not exist and thus clog up the web. In this talk Chris Heilmann wants to remind us what we achieved and how we should celebrate it and how we should stop trying to solve problems that are simply beyond our control.
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...Bootstrap Creative
✍ Get free workshop bonus -
https://bootstrapcreative.com/workshops/before-using-bootstrap-4/recording/
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design Basics with Bootstrap 4
Never built a website before and feeling overwhelmed?
Learn how to get started building responsive websites with Bootstrap 4.
Are you new to web development? Want to learn how to get started?
During This Free 1 Hour Live Online Training, You Will Learn:
- What responsive web design is and the benefits of using a frontend framework like Bootstrap 4.
- What’s New in Bootstrap 4 and how it has improved over Bootstrap 3
- The responsive development process, and software tools necessary to make a responsive website efficiently and with fewer bugs.
In addition to the training, there will be an opportunity for you to ask questions and interact with other students in the live chat.
Who is this workshop for?
For absolute beginners who have never built a responsive website before. Those who are learning web development fundamentals like HTML and CSS.
Presented by: Jacob Lett
Creator of BootstrapCreative
I transitioned to frontend design/development after working as print graphic designer. I stumbled my way through books, online courses, and blog tutorials to finally get my first web development job.
Learn More -)) https://bootstrapcreative.com/shop/
Learn Bootstrap 4 Step by Step for Beginners
This Bootstrap tutorial pdf and training material will teach you how to quickly prototype and build responsive websites using Bootstrap 4. You will become familiar with common components, setting up a grid, and how to customize the look and feel. Get your copy at https://bootstrapcreative.com/shop/bootstrap-quick-start/
January 2017 - WPCampus Online - Learning from Drupal: Implementing WordPress...Eric Sembrat
A high-level discussion of how WordPress has incorporated itself into a Drupal-centric campus for web development. Let’s chat about how to leverage WordPress and its strengths with a pre-established CMS and culture, how to build trust and value in WordPress, and the benefits and challenges that WordPress brings to an established CMS campus environment.
The goals of this session are to:
educate on a Drupal CMS environment and its pros/cons.
evaluate Drupal challenges and where WordPress fits this need.
present a case study on how WordPress was implemented.
challenges, issues, and considerations on incorporating WordPress into an already-established web environment.
future directions to consider for WP usage and initiatives.
A presentation created for introducing WordPress and outlining what will be covered in my WordPress Super Survival Skills Course - http://www.the-colab.com/wordpress-survival-skills-course/
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
How to Project-Manage and Implement a Responsive Website
Marcos Corro, Designer & Developer Balboa Park Online Collaborative
Jennifer Jurgens, Design & Developer Minneapolis Institute of Arts
Slides from my May 23 webinar for the ADA Great Lakes Center. Overview of the state of things for WordPress and accessibility and the principles of web accessibility.
Learn Bootstrap 4 and responsive design basics step by step. For beginners and for experienced developers who want to migrate existing Bootstrap 3 sites to Bootstrap 4. Includes a tutorial, cheat sheets, templates, and quick reference guides.
Drupal, the biggest, most complex and most flexible CMS that powers a small percent of the over all internet yet hits a lot of the more popular sites in government, entertainment and education.
WordPress vs Drupal: Which CMS is Best For You?WPWeb Infotech
WordPress vs Drupal has been a long-running battle between the two popular CMS. Detailed comparison with pros and cons of Drupal and WordPress are discussed in this article. https://bit.ly/3OuEhxl
Upgrading your site from Drupal 6 to Drupal 7Andrew Martha
Wednesday, March 16, 2011, I gave a presentation at Duo Consulting in the Google Dearborn Plaza in Chicago, IL on upgrading your website from Drupal 6 to Drupal 7 for the Chicago Drupal Meetup Group. I hope you find it helpful, contact me if you have any questions or if you would like to hire me. Thanks!
Web components are the life blood of the HAXTheWeb team. As I'm the lead of that project, let's look at the case for web components, who's using them and play around with some.
Dev Ops is hard and can seem like another language. This talk given at WordCamp Belfast hopes to help new developers, project managers and agency owners a chance to improve the WordPress Dev Ops Workflow
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...sbclapp
Connecticut Library Association Conference 2011 presentation "Drupal is from Mars, Wordpress is from Venus: Finding your Library's CMS Soulmate" by Sharon Clapp & Polly Farrington
Presented Tuesday, May 3, 2011
State of the Network is a window into the accomplishments and mindset shift of the ELMS:LN community over the last year. It highlights shipping ELMS:LN 1.0.0 as well as HAXcms 1.0.0, integration with vendor Reclaim Hosting, webcomponents and HAX plugins that work in Drupal, WordPress and beyond. I set forward what we've done and where we're going and why. This was recorded and will appear on the Apereo YouTube channel https://www.youtube.com/user/apereo/videos
Container deployment technology is revolutionizing businesses and the way of scaling... anything. We'll look at FaaS, Docker and other virtualization technology and play with a bunch of it on https://labs.play-with-docker.com/
We'll talk about Accessibility and Performance as it relates to equal access to technology. We'll have a guest speaker and we'll get hands on with WAVE and Lighthouse tools to perform audits of websites we've already created in class.
All about HAX and HAX the web as lead up to doing some basic UX auditing as a lab to improve HAX but also teach us about the notion of users self expressing and identifying UX issues
https://www.youtube.com/watch?v=f_tEA9O9pco
A statement of purpose both mine, our teams, and web components. A mix of serious, silly, crazy, and fun. This highlights amazing things going on in the HAX, HAXcms and web components community at large. In it I lay out the case for web components as the foundational piece needed to be the change agent to take web publishing and self expression to the next level.
This is a new beginning. This is the bridge building community. This is HAX'ing complacency in web technologies. This is HAX. And together, we are HAX camp.
The case for web components as well as what they are and why they will forever transform the web as well as package managers and a little bit about headless web development.
We'll get our feet wet with HTML and CSS and JS. Where these things came from, play with some things on codepen and learn about topics that surround the technologies prior to digging in.
Future proofing design work with Web componentsbtopro
Web components are a W3C standard that's been adopted by all major browsers as of October 2018. The Version 1 specification is a joy to work with and brings the web into a composing context from a raw materials one. That is, we can now directly repurpose and leverage our efforts to build bigger and better experiences (like modern home development practices) instead of constantly reinventing the wheel (like molding bricks out of clay to work on our house).
As of this writing, the ELMS:LN team (4 people) at Penn State has created 433 web components for generalized use. We've built an editor, a CMS, integrated those elements into Drupal (multiple versions), delivered static sites, worked on desktop apps, and done design work entirely, end to end, using web components and a uniform process for creating and deploying them.
Talk structure:
What are web components, can I use them, answering questions of libraries, polyfills, SEO, and accessibility
Examples of who has adopted them and what they doing with them
Community resources like polymer slack, webcomponents, and open-wc.org
Detailed examples of adoption in production, Drupal and non-Drupal environments, lessons learned and unthinkable wins
Our WCFactory tooling that automates much of the workflow of producing a sustainable element portfolio
How teams can leverage web components across projects
Where Drupal 6,7,8,9 fit into the future with web components
Where the future is going with HAXeditor and HAXcms, the future of micro-site generation and management
Our team is in love with web components and we think you will too! Join us and build better, more sustainable design systems of the future (today)!
The case for Web components - Drupal4Gov webinarbtopro
This is the presentation I gave to the Drupal4Gov community on web components in government. Why the time is right to begin looking at them for future adoption, how to get more information, what they've done for our team and process, who's using them, etc. It's a great starting point to browse through and get a sense of who's using them and what the implications are.
Project EdTechJoker, laid out in slides. A demo was given as prt of this presentation being delivered at Domains 2019.
I need you to turn up the temperature on the edtech market through the adoption of the webcomponent standard. Together, we can eliminate corrupt vendors from our space and unleash creativity with higher accessibility and user experience then they can.
A very fast history of the web with web components and precursor knowledge to our training that we did on web components.
https://lit-element.polymer-project.org/try
This is a short series of slides on the reasons for web components being right for government. I dig into global and government analytical data to suggest that you need to treat IE11 as if it doesn't have javascript then start planning around a progressive enhancement that involves it.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
Normal Labour/ Stages of Labour/ Mechanism of LabourWasim Ak
Normal labor is also termed spontaneous labor, defined as the natural physiological process through which the fetus, placenta, and membranes are expelled from the uterus through the birth canal at term (37 to 42 weeks
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
Executive Directors Chat Leveraging AI for Diversity, Equity, and InclusionTechSoup
Let’s explore the intersection of technology and equity in the final session of our DEI series. Discover how AI tools, like ChatGPT, can be used to support and enhance your nonprofit's DEI initiatives. Participants will gain insights into practical AI applications and get tips for leveraging technology to advance their DEI goals.
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
1. Week 6
ClassicPress / WordPress
The most popular CMS for
general population usage
Reclaimhosting.com
Wordpress.org
ClassicPress.net
Bryan Ollendyke
[at]btopro
Developer Activist
11. Today’s Topic / What you'll learn about
- ClassicPress / WordPress
- What they are, why they are popular
- What we’ll do this week:
- Setup WordPress in reclaim hosting
- Play with site building capabilities
- Build a small site on WordPress
that effectively communicate:
- Different page builders through use
- Strengths / examples sites using
- Weaknesses / anti-examples
(when not to use it / examples not using)
- Compare and contrast w/ Grav
WordPress &
ClassicPress
12. Week 6
ClassicPress / WordPress
The most popular CMS for
general population usage
Reclaimhosting.com
Wordpress.org
ClassicPress.net
Bryan Ollendyke
[at]btopro
Developer Activist
13. Links to poke around / sources
- https://wordpress.org/
Community hub for the project
- https://wordpress.com/
Automattic owned SaaS platform
- https://reclaimhosting.com/
where we’ll install it
- https://classicpress.net/
Popular fork of WordPress; the hope for
a better, less corporate dominated web
WordPress &
ClassicPress
20. Terms / definitions for today
- Plugin – Enhancement for CP/WP
- WordPress (WP) – Security nightmare
Most popular CMS great for small sites.
- PHP – Same as last week, backend lang
- MySQL / MariaDB – database engine for
storing data related to the site(s)
- Gutenberg – Controversial, inaccessible,
Facebook’s React driven authoring
experience to slowly strangle the WP
community and replace it with a JS driven
ecosystem
(editorializing but so not untrue)
WordPress &
ClassicPress
21. Terms / definitions for today
- Project Fork – When you all clicked the
fork button on github, your taking the
project in a new direction. If enough
developers get together and agree on a
common fork / name, they can actually
veer the entire project off course or,
back on course.
- ClassicPress (CP) – A recent yet popular
fork of WordPress attempting to reclaim
the community from the decisions that
brought the world Gutenberg
WordPress &
ClassicPress
22. Why people like WordPress
- Advanced CMS without complex management
- Plugins area
- ”Pages” and “Posts” the two “types”
of content
- Ease of migration even though it should
be a complex process.
- Every WordPress site is compatible w/
any older version for all of time
meaning no “API breaking changes” since
the platform began
- Easy to teach someone how to edit content
well... Sorta..
WordPress &
ClassicPress
23. Every WordPress site is compatible w/
any older version for all of time
- Great news for site builders
- Plugins might not be so friendly to this
but largely are from what I’ve seen
- Great news for small sites
- Means things like “Autoupdate” can be
enabled and updates can come down from
a central source and “safely” update
everyone, forever.
- Contrast that with Drupal..
WordPress &
ClassicPress
24. WP vs Drupal code methodology
- WordPress conventions from 2003 are still
prevalent
- Code / standards / conventions have
dramatically improved since 2003.. Yet
WP code remains in a stasis
- WP is hacked a lot historically because
of it’s ”autoupdating” nature
- Each Drupal major version is an API
breaking change. Meaning Developers have
to rewrite / update all plugins each
release and are responsible for
making the changes themselves
WordPress &
ClassicPress
25. WP vs Drupal code methodology
- This means Drupal’s code can improve
in convention and style over time
- This leads to easier to read, more secure
and better conventions over the life time
- This means nothing to you if you’re a
small scale site builder that just wants
things to work
- It also means Drupal is vastly more
expensive to operate over the life time
but also dramatically more powerful and
flexible
WordPress &
ClassicPress
26. HAXcms 2019 < 10 Experimental
Edu
GravCMS 2014 < 100 Docs
Edu
WordPress 2003 > 10,000,000 Small / Mid
NGO
EDU
Drupal 2000 > 100,000 Top level
Gov, EDU
Marketing
Name Age Community Industries
28. WP Key concepts
- Plugins – Extend functionality, search
directly in context of the site (like Grav)
- Themes – Layout, theme, design and
customizations of these variables all
happen through one interface which are also
installable via the UI
- Page vs Post – Pages are more static in
nature (Store Hours) while Posts are more
blog / river of news method. Themes and
plugins dictate how these are used though.
WordPress &
ClassicPress
29. What WP is great for
- Single or small team user publishing flow
- Marketing, branding, websites that have
more complexity then Grav
- Themes and designs, there’s a great
visual design community in WP bc of it
having a smaller scope / scale
(Drupal is a mess in this area)
- Blogs bc of the “posts” and “pages” core
conventions it ships with
- SEO / basic shopping carts
WordPress &
ClassicPress
30. What WP is not great for
- Complex publishing flows / lots of users
- Security (sorry, it just isn’t)
- Complex content types
- Shops will claim otherwise
- it CAN do ”content types” but its not
what it was intended for
- Accessibility / Forms
- No Core way of creating forms
- Requires plugins to do this
WordPress &
ClassicPress
31.
32. My bias in this situation
- HAX began being discussed ~2017 the
same time as Gutenberg.
- We have philosophical differences that
will never be resolved unless they
effectively gut the platform
- They are a powerhouse and I expect / wish
better of their decision making from an
open web perspective
- What I will frame / tell you is true
but it’s also not going anywhere. The
corporation is backing it so it will
continue onward as is forever.
WordPress &
ClassicPress
33. My bias in this situation
- I’ve written 100s of modules for Drupal
- Drupal, for being difficult to use for
site builders, is WAY easier to work w/
for developers
- It’s difficult for me to get over this
gap given that I’ve been doing Drupal
for 13+ years
- WordPress is great for what it’s great
for, it’s why it powers 33%+ of the web
- Drupal though, is dramatically,
technologically superior. Not a question.
WordPress &
ClassicPress
34. Editorializing explained
- Gutenberg is effectively a way to ensure
WordPress.com is turned into a more legit
competitor to Wix, Squarespace, etc
- It is a ”block editor” (as is HAX, sorta)
so they are by their nature controversial
- The review, blogs and concerns of many
in the community have been largely
ignored and they are plentiful
(Not just BS’ing this out of my dislike)
WordPress &
ClassicPress
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46. Page editor / layout in WordPress
- Gutenberg included out of the box
- “Classic Editor” is built on TinyMCE
which has been VERY popular since 2004
- “Divi” another page builder
- “Short codes” heavily used by WP users
(and Drupal) for the last decade.
Gutenberg broke much of these
integration methods which is what lead
to the bulk of the strife w/ Gbug
- Many others, can search the directory
WordPress &
ClassicPress
49. ClassicPress
- Gutenberg REALLY made people mad
- A lot of those people are the community
that made WordPress great
- They’ve seen the too much control in the
hands of too few w/o wider community
interests at heart
- So, they’ve forked the project and remove
Gutenbug in order to maintain the future
viability of WP as a business centric
platform that’s owned by the community,
and not Automattic.
WordPress &
ClassicPress
50.
51.
52.
53.
54.
55.
56.
57.
58. What we’ll do now
- Setup a WordPress site in cPanel
- Explore the WordPress UI and create pages
using Gutenberg editor it provides
- Add plugins to WordPress to do things the
“Classic” way and add some pages that way
- Change the theme as it has MANY nice ones
- Customize the theme / menus to add links
out to resources and other things we’ve
made.
WordPress &
ClassicPress
59. Lab Context
- You are the project manager that sold
your team and CEO on using Grav
- Grav’s going great, but there are rumblings
from clients and team members used to
WordPress user experience
- You are facing questions about what platform
should be used when as it relates to future
projects in the portfolio
- Your clients are also concerned about this
“New editor” they keep hearing about. Some
want to try it out, others like things the
way it is now because of training their team
WordPress &
ClassicPress
60. Lab Scenario 1 – Soaps R Us
- Mom’n’Pop store “Soaps R Us” wants to sell their famous
soap online. They need an attractive website with high SEO
that has a shopping cart and a small blogging area for their
“Hot Soap!” newsletter.
- They’ve heard great things about WordPress but are
concerned about the new editor as they don’t have time to
learn something new
- What plugins would you recommend to get their WordPress
site off in the right direction? Install them in the site to
test
- Pick out a theme and then customize it and the menu items
appropriately as a mock site to market their business
61. Lab Scenario 1 – Soaps R Us Deliverable
- Create a WordPress site on reclaim hosting
- Select plugins to improve SEO, provide a shopping cart, and
simplify content editing beyond the default editor
- Pick a nice theme and customize it with a few links to make
the site look real (typical small business has Home, News,
Hours, Location, Reviews, etc).
- Edit 1 page in Gutenberg and 1 pave with the Classic Editor
- Record a video explaining the difference and justify why
you think they should either use Classic, Gutenberg, or Both
62. Lab Scenario 1 – Soaps R Us Remember..
- Remember, they are concerned about this “new fancy editor”
because of learning curve, evaluate, is it that hard for a new
person to learn? Does the quality of output outweigh training?
Your task is then to frame your response as one of the
following:
- Either your selling them on the new editor by allaying these
concerns and showing high quality output
OR
- Your agreeing with them and showing them how easy it is to
use Classic Editor and why you recommend not using Gutenberg
by demonstrating complexity / learning curve
63. Lab Scenario 2 – Scope to nowhere
- You won a contract from the Alaska state government to build
a website to market: Alaska’s ”Bridge to nowhere”
- This site was originally built in Grav because you thought
it was a one off, but now the client is mad because they heard
a word other than “WordPress” and are instantly concerned
about having to support two different applications.
- You need to build a website and QUICK to convince them to
stay with you, either on a new website or the existing. This
website needs turned around in 1 week (shocking).
- Pick a theme for a brochure style website and show them what
a site in WordPress would feel like relative to Grav
64. Lab Scenario 2 – Scope to nowhere Deliverable
- Create a WordPress site on reclaim hosting
- Select plugins to improve SEO, help ensure accessibility, and
simplify content editing beyond the default editor
(enable classic editor)
- Pick a nice theme and customize it with a few links to make the site
look like a real brochure style website (typical parks and rec site
has History, News, Hours, Location, Reviews, etc).
- Modify the homepage, be as snarky as you like, this is a real bridge
project so meme it up. Under History make a Pros and Cons list of
WordPress vs Grav. Make sure to list at least 3 advantages and
disadvantages of each platform (links can help prove this).
- Record a video demonstrating some of the similarities and
differences between Grav and WordPress in order to allay their concern
65. Lab Scenario 2 – Scope to nowhere Remember..
- The client is PRO WordPress because of other projects. You
like making money but want to cover your butt. Make a Pro
argument for why you agree they should migrate from Grav to
WordPress. After all, billable hours are billable hours.
OR
- You sell Grav over WordPress; if your going to get paid,
might as well do it based on work you’ve already done rather
then need to scrap it all and build them a new website. This
might seem more difficult but remember... Governments LOVE
security and WP is hacked... A lot. Let’s exploit that fear.
(You don’t have to build a new Grav site, you can point to
features in the existing one you made though your welcome to
make a new one if you so desire)
66. Submitting the Lab
- Create your WordPress site with the scenario you want to
cover and the solution you want to propose
- Record a video making the case either way based on the
scenario selected and solution selected
- Put on the homepage of your WordPress site which scenario and
case you are making
- Embed a link to your YouTube video in the homepage of your
site
- Post your link to your site in:
#lab6-wordpress
67. Grading the Lab deliverable
- Did you create a WordPress site in Reclaim
and post your link to the channel (2pts)
- Did you create the site and effectively
effectively argue the case for the technology
selection in the scenario? (4pts)
- Did you record a video that makes the case
for or against the decision in question? (4pts)
10 point lab
WordPress &
ClassicPress
68. Quick break / Questions?
Let’s build a WordPress
site on Reclaim hosting
Log into
reclaimhosting.com
WordPress /
ClassicPress
reclaimhosting.com
Bryan Ollendyke
[at]btopro
Editor's Notes
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project
Icon created by Creative Stall from the Noun Project