WordPress Learning and Earning Roadmap 2022 – 2023

by | Aug 22, 2022 | Learn WordPress, Uncategorized, Wordpress, Wordpress in Urdu, WordPress Spartans 300 Mission 2019, Wordpress Tips

Download PDF WordPress RoadMap 2022 -2023

WordPress Roadmap 2022 – 2023

Crust Level

Get Familiar with CMS / Application Framework

Theme Installation & Basic Site Creation

Niche Info to Choose Themes for Client etc

  • Top, Speedy, Secure and Smart Themes & Plugins for LMS, Membership, Ecommerce, Gardening, Construction, Medical, Real Estate, Law, Marketing etc

Demo Site Structure

  • Importing/ Exporting
  • Menus, Pages, Posts, Products, Categories etc

Setting Up Online Shop/ Store ec

  • Payment Gateways Integration

Basic Administration & Maintenance

Domains & Hosting Knowledge

Cloud Platforms Knowhow

  • Google Cloud Computing Services
  • AWS – Amazon Web Services

FTP

Content Management

Text, Images, Multimedia & Links etc

  • Typography, Color Schemes, Best Practices etc
  • Image Optimization
  • Graphic Design Skills
  • Write Articles/ Blogs etc

Search Engines Management

On Page / Off Page SEO

  • SEO Plugins and No Plugins SEO
  • Email Campaigns
  • Mailchimp, Aweber, HubSpot etc

Google Search Central (formerly Webmasters Console)

  • Site Indexing, Sitemap Submission etc

Google Analytics

  • Google AdSense
  • Google Ads (formerly AdWords)
  • Google Sheets
  • Google Data Studio

Social Media Management

Social Profiles

Social Ads e.g Instagram, Facebook, Twitter, LinkedIn, Tiktok, and Snapchat etc

Free Design Tools e.g Canva, Adobe Spark, Crello etc

Build Portfolio

Mantle Level

Coding Ethics / Developer Tools etc

Text Editors etc

  • Visual Studio Code Editor, Sublime, Notepad ++, Brackets.io etc

Frontend

HTML

  • XML , AJAX etc

CSS

  • Tailwind CSS
  • Bootstrap
  • Bulma CSS Framework
  • Foundation Advanced UI Framework
  • UI Kit
  • Materialize Framework

JS

  • React mainly
  • Vue
  • Angular

Frontend Frameworks etc

Full Site Editing

Migrating Sites (Server to Server etc)

Speed Optimization

Security (Server, Site etc)

Become an active member of the WordPress community.

Build Portfolio

Outer Core Level

Backend

PHP

  • Object Oriented Programming – OOP
  • Frameworks etc
  • Laravel
  • Symphony
  • Yii
  • CodeIgniter
  • CakePHP

Databases

  • MySQL
  • phpMyAdmin
  • SQL

WP Codex

  • Block Based Themes Creation
  • Modern Plugins Creation

APIs

  • Rest etc

Headless WP

Git (Version Control System) + GitHub (Cloud-based Hosting Service to Manage Git Repos)

Stack Overflow

WP CLI

Environments

  • Development
  • Staging
  • Production

Advanced JavaScript

Build Portfolio

Inner Core Level

Make WordPress Core. Enhance the CMS etc

Full Stack / Techies

Upwork, Fiverr, Guru, Freelancer, People Per Hour etc

Craigslist

Codeable

TopTal

WPhired

Your Own Online Dev Company

Be a BRAND!

Learn WordPress to Earn – Module 1 Quiz

Learn WordPress to Earn – Module 1 Quiz

by | Feb 15, 2021 | Learn WordPress, Wordpress, Wordpress in Urdu

Learn WordPress to Earn Course is designed for absolute beginners. We have completed First Module. It was about WordPress Introduction, Different Installation Methods (Localhost), Basic Administration and Management of WordPress as a CMS. Freelance Pakistan (YouTube Channel) offered this course to help and motivate young freelancers and WordPress enthusiasts.

This is 1st Quiz of Module # 01. There are MCQs and True False statements. Read all question statements carefully.

 Good Luck

Responsive Grid System

by | Feb 11, 2020 | Wordpress, WordPress Spartans 300 Mission 2019

Using Responsive Grid System. Different files are joined together as one to save some bandwidth. Please copy the code in Notepad++ or any text editor and save it i.e. spartans-grid.css
/* Using Responsive Grid System by Graham Miller with Thanks */

/* SECTIONS ============================================================================= */

.section {
clear: both;
padding: 0px;
margin: 0px;
}

/* GROUPING ============================================================================= */

.row:before,
.row:after {
content:””;
display:table;
}
.row:after {
clear:both;
}
.row {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* GRID COLUMN SETUP ==================================================================== */

.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
/* GRID OF TWO ============================================================================= */

.span-2-of-2 {
width: 100%;
}

.span-1-of-2 {
width: 49.2%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-2-of-2 {
width: 100%;
}
.span-1-of-2 {
width: 100%;
}
}

/* GRID OF THREE ============================================================================= */

.span-3-of-3 {
width: 100%;
}

.span-2-of-3 {
width: 66.13%;
}

.span-1-of-3 {
width: 32.26%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-3-of-3 {
width: 100%;
}
.span-2-of-3 {
width: 100%;
}
.span-1-of-3 {
width: 100%;
}
}

/* GRID OF FOUR ============================================================================= */

.span-4-of-4 {
width: 100%;
}

.span-3-of-4 {
width: 74.6%;
}

.span-2-of-4 {
width: 49.2%;
}

.span-1-of-4 {
width: 23.8%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-4-of-4 {
width: 100%;
}
.span-3-of-4 {
width: 100%;
}
.span-2-of-4 {
width: 100%;
}
.span-1-of-4 {
width: 100%;
}
}

/* GRID OF FIVE ============================================================================= */

.span-5-of-5 {
width: 100%;
}

.span-4-of-5 {
width: 79.68%;
}

.span-3-of-5 {
width: 59.36%;
}

.span-2-of-5 {
width: 39.04%;
}

.span-1-of-5 {
width: 18.72%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-5-of-5 {
width: 100%;
}
.span-4-of-5 {
width: 100%;
}
.span-3-of-5 {
width: 100%;
}
.span-2-of-5 {
width: 100%;
}
.span-1-of-5 {
width: 100%;
}
}

/* GRID OF SIX ============================================================================= */

.span-6-of-6 {
width: 100%;
}

.span-5-of-6 {
width: 83.06%;
}

.span-4-of-6 {
width: 66.13%;
}

.span-3-of-6 {
width: 49.2%;
}

.span-2-of-6 {
width: 32.26%;
}

.span-1-of-6 {
width: 15.33%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-6-of-6 {
width: 100%;
}
.span-5-of-6 {
width: 100%;
}
.span-4-of-6 {
width: 100%;
}
.span-3-of-6 {
width: 100%;
}
.span-2-of-6 {
width: 100%;
}
.span-1-of-6 {
width: 100%;
}
}

/* GRID OF SEVEN ============================================================================= */

.span-7-of-7 {
width: 100%;
}

.span-6-of-7 {
width: 85.48%;
}

.span-5-of-7 {
width: 70.97%;
}

.span-4-of-7 {
width: 56.45%;
}

.span-3-of-7 {
width: 41.94%;
}

.span-2-of-7 {
width: 27.42%;
}

.span-1-of-7 {
width: 12.91%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-7-of-7 {
width: 100%;
}
.span-6-of-7 {
width: 100%;
}
.span-5-of-7 {
width: 100%;
}
.span-4-of-7 {
width: 100%;
}
.span-3-of-7 {
width: 100%;
}
.span-2-of-7 {
width: 100%;
}
.span-1-of-7 {
width: 100%;
}
}

/* GRID OF EIGHT ============================================================================= */

.span-8-of-8 {
width: 100%;
}

.span-7-of-8 {
width: 87.3%;
}

.span-6-of-8 {
width: 74.6%;
}

.span-5-of-8 {
width: 61.9%;
}

.span-4-of-8 {
width: 49.2%;
}

.span-3-of-8 {
width: 36.5%;
}

.span-2-of-8 {
width: 23.8%;
}

.span-1-of-8 {
width: 11.1%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-8-of-8 {
width: 100%;
}
.span-7-of-8 {
width: 100%;
}
.span-6-of-8 {
width: 100%;
}
.span-5-of-8 {
width: 100%;
}
.span-4-of-8 {
width: 100%;
}
.span-3-of-8 {
width: 100%;
}
.span-2-of-8 {
width: 100%;
}
.span-1-of-8 {
width: 100%;
}
}

/* GRID OF NINE ============================================================================= */

.span-9-of-9 {
width: 100%;
}

.span-8-of-9 {
width: 88.71%;
}

.span-7-of-9 {
width: 77.42%;
}

.span-6-of-9 {
width: 66.13%;
}

.span-5-of-9 {
width: 54.84%;
}

.span-4-of-9 {
width: 43.55%;
}

.span-3-of-9 {
width: 32.26%;
}

.span-2-of-9 {
width: 20.97%;
}

.span-1-of-9 {
width: 9.68%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-9-of-9 {
width: 100%;
}
.span-8-of-9 {
width: 100%;
}
.span-7-of-9 {
width: 100%;
}
.span-6-of-9 {
width: 100%;
}
.span-5-of-9 {
width: 100%;
}
.span-4-of-9 {
width: 100%;
}
.span-3-of-9 {
width: 100%;
}
.span-2-of-9 {
width: 100%;
}
.span-1-of-9 {
width: 100%;
}
}

/* GRID OF TEN ============================================================================= */

.span-10-of-10 {
width: 100%;
}

.span-9-of-10 {
width: 89.84%;
}

.span-8-of-10 {
width: 79.68%;
}

.span-7-of-10 {
width: 69.52%;
}

.span-6-of-10 {
width: 59.36%;
}

.span-5-of-10 {
width: 49.2%;
}

.span-4-of-10 {
width: 39.04%;
}

.span-3-of-10 {
width: 28.88%;
}

.span-2-of-10 {
width: 18.72%;
}

.span-1-of-10 {
width: 8.56%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-10-of-10 {
width: 100%;
}
.span-9-of-10 {
width: 100%;
}
.span-8-of-10 {
width: 100%;
}
.span-7-of-10 {
width: 100%;
}
.span-6-of-10 {
width: 100%;
}
.span-5-of-10 {
width: 100%;
}
.span-4-of-10 {
width: 100%;
}
.span-3-of-10 {
width: 100%;
}
.span-2-of-10 {
width: 100%;
}
.span-1-of-10 {
width: 100%;
}
}

/* GRID OF ELEVEN ============================================================================= */

.span-11-of-11 {
width: 100%;
}

.span-10-of-11 {
width: 90.76%;
}

.span-9-of-11 {
width: 81.52%;
}

.span-8-of-11 {
width: 72.29%;
}

.span-7-of-11 {
width: 63.05%;
}

.span-6-of-11 {
width: 53.81%;
}

.span-5-of-11 {
width: 44.58%;
}

.span-4-of-11 {
width: 35.34%;
}

.span-3-of-11 {
width: 26.1%;
}

.span-2-of-11 {
width: 16.87%;
}

.span-1-of-11 {
width: 7.63%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-11-of-11 {
width: 100%;
}
.span-10-of-11 {
width: 100%;
}
.span-9-of-11 {
width: 100%;
}
.span-8-of-11 {
width: 100%;
}
.span-7-of-11 {
width: 100%;
}
.span-6-of-11 {
width: 100%;
}
.span-5-of-11 {
width: 100%;
}
.span-4-of-11 {
width: 100%;
}
.span-3-of-11 {
width: 100%;
}
.span-2-of-11 {
width: 100%;
}
.span-1-of-11 {
width: 100%;
}
}

/* GRID OF TWELVE ============================================================================= */

.span-12-of-12 {
width: 100%;
}

.span-11-of-12 {
width: 91.53%;
}

.span-10-of-12 {
width: 83.06%;
}

.span-9-of-12 {
width: 74.6%;
}

.span-8-of-12 {
width: 66.13%;
}

.span-7-of-12 {
width: 57.66%;
}

.span-6-of-12 {
width: 49.2%;
}

.span-5-of-12 {
width: 40.73%;
}

.span-4-of-12 {
width: 32.26%;
}

.span-3-of-12 {
width: 23.8%;
}

.span-2-of-12 {
width: 15.33%;
}

.span-1-of-12 {
width: 6.86%;
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.span-12-of-12 {
width: 100%;
}
.span-11-of-12 {
width: 100%;
}
.span-10-of-12 {
width: 100%;
}
.span-9-of-12 {
width: 100%;
}
.span-8-of-12 {
width: 100%;
}
.span-7-of-12 {
width: 100%;
}
.span-6-of-12 {
width: 100%;
}
.span-5-of-12 {
width: 100%;
}
.span-4-of-12 {
width: 100%;
}
.span-3-of-12 {
width: 100%;
}
.span-2-of-12 {
width: 100%;
}
.span-1-of-12 {
width: 100%;
}
}

300 Spartans! WP Developers 2019

Please subscribe and Join 300 WP Spartans to get WordPress Theme Development related assets time to time.

You have Successfully Subscribed!

Pin It on Pinterest