SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
Wordpress
Themes From Scratch
Clients

They want what they
want

They want it quickly

They will change
their minds

Changes should be
easy
Wordpress as CMS

Wordpress is not
just for blogs

Use static pages
for static content

Some sites don’t
update frequently
“Support the Heroes”
Custom site made
using Wordpress as a
CMS to meet specific
client requirements

Wireframes for the
site were created by
another designer who
hasn’t used Wordpress
and then handed off
to me
CSS Framework
Visual design is custom,
gives client a unique
appearance

Framework should solve
problems but stay out of
the way

Grid based CSS
frameworks make layout
a snap

http://blueprintcss.org/
Grid Layouts
Very flexible

24 columns, 30px
wide, 10px gutters

Span columns as
necessary

Consistent alignment
looks neat and
professional
Blueprint PSD Template
Includes guides for all the
columns.

Layout your design so that
rectangular elements fit
within the grid lines

You can span columns in any
way you like

http://konigi.com/tools/
photoshop-template-
blueprint-css-comps
SF-Blueprint-WP

SF-Blueprint-WP is a
Wordpress theme based on
the Blueprint CSS framework.

Gives you a barebones layout
that is easy to modify for a
custom design

http://www.slipfire.com/sf-
blueprint-wp-theme-52.htm
Wordpress Themes From Scratch
Clean simple HTML

~100 lines of new or
changed CSS in
themes/SF-Blueprint-
WP/custom.css

~100 additional lines
of new CSS for
styling cforms II form
Wordpress Themes From Scratch
Page Columnist
Different pages had different layouts in
the wireframes


<!--nextpage--> by default makes a
multipage post in Wordpress


Page Columnist turns “pages” into
columns


Multi-column layout can still be easily
edited by non-technical user.


http://www.code-styling.de/english/
development/wordpress-plugin-page-
columnist-en



Warning: Plugin is hacker-unfriendly
Category Templates
You can publish posts to
specific categories

Categories can have unique
layouts for archives and
posts

Useful when “Case Study”
looks different than “Blog
Post” (etc)

http://codex.wordpress.org/
Category_Templates
Custom Navigation

<ul>


<?php
wp_list_pages('title_li=&include=2,16,29&children=1'); ?>


<?php wp_list_categories('title_li=&orderby=ID'); ?>


<?php
wp_list_pages('title_li=&depth=1&exclude=1,2,16,29,47,49,
51'); ?>


</ul>


http://codex.wordpress.org/Template_Tags/wp_list_pages
cforms II

Client needed complex
admission form on site

cforms II plugin makes it
possible to create and edit
forms using Wordpress admin
interface and Wordpress
database

http://
www.deliciousdays.com/
cforms-plugin
But I don’t wanna make
a theme from scratch!
  Where can I download a cool theme?
Smashing
    Magazine
         http://
www.smashingmagazine.com/
     tag/wordpress/
So Many Themes!! Why
  Make a New One?


Your client wants what they want

That theme doesn’t exist yet
I found a theme, and it’s
    ALMOST perfect


  You can change it, but every theme uses
  different HTML and CSS, you’ll have to
  familiarize yourself with the author’s style
A new way?


http://www.divine-
project.com/

I haven’t tried it yet.
Your guess is as good
as mine. Looks shiny!

Mais conteúdo relacionado

Mais procurados

How to utilize the power of wordpress cms by john pereless
How to utilize the power of wordpress cms by john perelessHow to utilize the power of wordpress cms by john pereless
How to utilize the power of wordpress cms by john perelessjohnpereless
 
Wordpress builder
Wordpress builderWordpress builder
Wordpress builderDimas Bagus
 
Hire WordPress Developers - High Quality WordPress Solutions
Hire WordPress Developers - High Quality WordPress SolutionsHire WordPress Developers - High Quality WordPress Solutions
Hire WordPress Developers - High Quality WordPress SolutionsManya Ray
 
Dream weaver
Dream weaverDream weaver
Dream weaverlstar14
 
Best Web Development Courses In Khanna
Best Web Development Courses In KhannaBest Web Development Courses In Khanna
Best Web Development Courses In KhannaAarushidutta
 
Expression Web Designer Overview
Expression Web Designer OverviewExpression Web Designer Overview
Expression Web Designer Overviewgoodfriday
 
Website development
Website developmentWebsite development
Website developmentAnurag Gupta
 
Visualforce report
Visualforce reportVisualforce report
Visualforce reportRinku Saini
 
CMS & Chrome Extension Development
CMS & Chrome Extension DevelopmentCMS & Chrome Extension Development
CMS & Chrome Extension DevelopmentSarang Ananda Rao
 
Introduction to visualforce
Introduction to visualforceIntroduction to visualforce
Introduction to visualforceRinku Saini
 
SharePoint as a Web CMS
SharePoint as a Web CMSSharePoint as a Web CMS
SharePoint as a Web CMSCraig Bailey
 
NC showcase sites
NC showcase sitesNC showcase sites
NC showcase sitesrghsx
 
Umbraco in 10 minutes
Umbraco in 10 minutesUmbraco in 10 minutes
Umbraco in 10 minutesCraig Bailey
 
Kentico CMS Overview
Kentico CMS OverviewKentico CMS Overview
Kentico CMS OverviewCraig Bailey
 

Mais procurados (20)

How to utilize the power of wordpress cms by john pereless
How to utilize the power of wordpress cms by john perelessHow to utilize the power of wordpress cms by john pereless
How to utilize the power of wordpress cms by john pereless
 
Wordpress builder
Wordpress builderWordpress builder
Wordpress builder
 
Hire WordPress Developers - High Quality WordPress Solutions
Hire WordPress Developers - High Quality WordPress SolutionsHire WordPress Developers - High Quality WordPress Solutions
Hire WordPress Developers - High Quality WordPress Solutions
 
NodeCommerce
NodeCommerceNodeCommerce
NodeCommerce
 
Dream weaver
Dream weaverDream weaver
Dream weaver
 
Cms
CmsCms
Cms
 
Best Web Development Courses In Khanna
Best Web Development Courses In KhannaBest Web Development Courses In Khanna
Best Web Development Courses In Khanna
 
Exp Web
Exp WebExp Web
Exp Web
 
Expression Web Designer Overview
Expression Web Designer OverviewExpression Web Designer Overview
Expression Web Designer Overview
 
Website development
Website developmentWebsite development
Website development
 
Visualforce report
Visualforce reportVisualforce report
Visualforce report
 
CMS & Chrome Extension Development
CMS & Chrome Extension DevelopmentCMS & Chrome Extension Development
CMS & Chrome Extension Development
 
Introduction to visualforce
Introduction to visualforceIntroduction to visualforce
Introduction to visualforce
 
Web designing course in janakpuri.New Delhi
Web designing course in janakpuri.New Delhi Web designing course in janakpuri.New Delhi
Web designing course in janakpuri.New Delhi
 
Web designing course in janakpuri.New Delhi
Web designing course in janakpuri.New Delhi Web designing course in janakpuri.New Delhi
Web designing course in janakpuri.New Delhi
 
SharePoint as a Web CMS
SharePoint as a Web CMSSharePoint as a Web CMS
SharePoint as a Web CMS
 
NC showcase sites
NC showcase sitesNC showcase sites
NC showcase sites
 
10 things to remember
10 things to remember10 things to remember
10 things to remember
 
Umbraco in 10 minutes
Umbraco in 10 minutesUmbraco in 10 minutes
Umbraco in 10 minutes
 
Kentico CMS Overview
Kentico CMS OverviewKentico CMS Overview
Kentico CMS Overview
 

Destaque

Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...Ericsson
 
6 Hot Social Media Trends for 2016 with Karen Kefauver
6 Hot Social Media Trends for 2016 with Karen Kefauver6 Hot Social Media Trends for 2016 with Karen Kefauver
6 Hot Social Media Trends for 2016 with Karen KefauverKaren Kefauver
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User ExperienceJason Wehmhoener
 
Mortality measurement
Mortality measurementMortality measurement
Mortality measurementAbino David
 
The Near Future of CSS
The Near Future of CSSThe Near Future of CSS
The Near Future of CSSRachel Andrew
 
Classroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsClassroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsShelly Sanchez Terrell
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 

Destaque (7)

Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...Ericsson Review: Crafting UX - designing the user experience beyond the inter...
Ericsson Review: Crafting UX - designing the user experience beyond the inter...
 
6 Hot Social Media Trends for 2016 with Karen Kefauver
6 Hot Social Media Trends for 2016 with Karen Kefauver6 Hot Social Media Trends for 2016 with Karen Kefauver
6 Hot Social Media Trends for 2016 with Karen Kefauver
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User Experience
 
Mortality measurement
Mortality measurementMortality measurement
Mortality measurement
 
The Near Future of CSS
The Near Future of CSSThe Near Future of CSS
The Near Future of CSS
 
Classroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsClassroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and Adolescents
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 

Semelhante a Wordpress Themes From Scratch

WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...Denise Williams
 
WordPress Installation Tutorial - How to Install WordPress manually
WordPress Installation Tutorial - How to Install WordPress manuallyWordPress Installation Tutorial - How to Install WordPress manually
WordPress Installation Tutorial - How to Install WordPress manuallyBalaji kaliamoorthy
 
Jonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the webJonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the webTuring Fest
 
Highly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSSHighly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSSZoe Gillenwater
 
WordPress 2.5 Overview - Rich Media Institute
WordPress 2.5 Overview - Rich Media InstituteWordPress 2.5 Overview - Rich Media Institute
WordPress 2.5 Overview - Rich Media InstituteBrendan Sera-Shriar
 
Joomla Template Tutorial
Joomla Template TutorialJoomla Template Tutorial
Joomla Template Tutorialbrighteyes
 
Kick start your career
Kick start your careerKick start your career
Kick start your careerCss Founder
 
Women who-code-wpcms-4-7-17
Women who-code-wpcms-4-7-17Women who-code-wpcms-4-7-17
Women who-code-wpcms-4-7-17HandsOnWP.com
 
Kick start your career with wordpress
Kick start your career with wordpressKick start your career with wordpress
Kick start your career with wordpressOpenDev
 
What is wordpress
What is wordpressWhat is wordpress
What is wordpressUmar Zai
 
Kick start your career with WordPress
Kick start your career with WordPressKick start your career with WordPress
Kick start your career with WordPressJignasa Naik
 
SynapseIndia wordpress installation training module
SynapseIndia wordpress installation training moduleSynapseIndia wordpress installation training module
SynapseIndia wordpress installation training moduleSynapseIndia
 
Psd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quicklyPsd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quicklyjohn Jha
 
Psd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quicklyPsd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quicklyjohn Jha
 
"Umbraco MVC - a journey of discovery" - Lotte Pitcher
"Umbraco MVC - a journey of discovery" - Lotte Pitcher"Umbraco MVC - a journey of discovery" - Lotte Pitcher
"Umbraco MVC - a journey of discovery" - Lotte Pitcherlottepitcher
 
Beginner's guide to drupal
Beginner's guide to drupalBeginner's guide to drupal
Beginner's guide to drupalmayank.grd
 

Semelhante a Wordpress Themes From Scratch (20)

WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...
 
WordPress Installation Tutorial - How to Install WordPress manually
WordPress Installation Tutorial - How to Install WordPress manuallyWordPress Installation Tutorial - How to Install WordPress manually
WordPress Installation Tutorial - How to Install WordPress manually
 
Basic word press
Basic word pressBasic word press
Basic word press
 
How Does A CMS Function
How Does A CMS FunctionHow Does A CMS Function
How Does A CMS Function
 
Jonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the webJonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the web
 
Highly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSSHighly Maintainable, Efficient, and Optimized CSS
Highly Maintainable, Efficient, and Optimized CSS
 
WordPress 2.5 Overview - Rich Media Institute
WordPress 2.5 Overview - Rich Media InstituteWordPress 2.5 Overview - Rich Media Institute
WordPress 2.5 Overview - Rich Media Institute
 
Joomla Template Tutorial
Joomla Template TutorialJoomla Template Tutorial
Joomla Template Tutorial
 
Kick start your career
Kick start your careerKick start your career
Kick start your career
 
Women who-code-wpcms-4-7-17
Women who-code-wpcms-4-7-17Women who-code-wpcms-4-7-17
Women who-code-wpcms-4-7-17
 
Kick start your career with wordpress
Kick start your career with wordpressKick start your career with wordpress
Kick start your career with wordpress
 
Faster WordPress Workflows
Faster WordPress WorkflowsFaster WordPress Workflows
Faster WordPress Workflows
 
What is wordpress
What is wordpressWhat is wordpress
What is wordpress
 
Kick start your career with WordPress
Kick start your career with WordPressKick start your career with WordPress
Kick start your career with WordPress
 
SynapseIndia wordpress installation training module
SynapseIndia wordpress installation training moduleSynapseIndia wordpress installation training module
SynapseIndia wordpress installation training module
 
Psd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quicklyPsd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quickly
 
Psd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quicklyPsd to modx conversion for setting up powerful websites quickly
Psd to modx conversion for setting up powerful websites quickly
 
"Umbraco MVC - a journey of discovery" - Lotte Pitcher
"Umbraco MVC - a journey of discovery" - Lotte Pitcher"Umbraco MVC - a journey of discovery" - Lotte Pitcher
"Umbraco MVC - a journey of discovery" - Lotte Pitcher
 
Beginner's guide to drupal
Beginner's guide to drupalBeginner's guide to drupal
Beginner's guide to drupal
 
6 css week12 2020 2021 for g10
6 css week12 2020 2021 for g106 css week12 2020 2021 for g10
6 css week12 2020 2021 for g10
 

Último

Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementNuwan Dias
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5DianaGray10
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Juan Carlos Gonzalez
 
UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"
UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"
UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"DianaGray10
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimizationarrow10202532yuvraj
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 

Último (20)

Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API Management
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5UiPath Studio Web workshop series - Day 5
UiPath Studio Web workshop series - Day 5
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?
 
UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"
UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"
UiPath Clipboard AI: "A TIME Magazine Best Invention of 2023 Unveiled"
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 

Wordpress Themes From Scratch

  • 2. Clients They want what they want They want it quickly They will change their minds Changes should be easy
  • 3. Wordpress as CMS Wordpress is not just for blogs Use static pages for static content Some sites don’t update frequently
  • 4. “Support the Heroes” Custom site made using Wordpress as a CMS to meet specific client requirements Wireframes for the site were created by another designer who hasn’t used Wordpress and then handed off to me
  • 5. CSS Framework Visual design is custom, gives client a unique appearance Framework should solve problems but stay out of the way Grid based CSS frameworks make layout a snap http://blueprintcss.org/
  • 6. Grid Layouts Very flexible 24 columns, 30px wide, 10px gutters Span columns as necessary Consistent alignment looks neat and professional
  • 7. Blueprint PSD Template Includes guides for all the columns. Layout your design so that rectangular elements fit within the grid lines You can span columns in any way you like http://konigi.com/tools/ photoshop-template- blueprint-css-comps
  • 8. SF-Blueprint-WP SF-Blueprint-WP is a Wordpress theme based on the Blueprint CSS framework. Gives you a barebones layout that is easy to modify for a custom design http://www.slipfire.com/sf- blueprint-wp-theme-52.htm
  • 10. Clean simple HTML ~100 lines of new or changed CSS in themes/SF-Blueprint- WP/custom.css ~100 additional lines of new CSS for styling cforms II form
  • 12. Page Columnist Different pages had different layouts in the wireframes <!--nextpage--> by default makes a multipage post in Wordpress Page Columnist turns “pages” into columns Multi-column layout can still be easily edited by non-technical user. http://www.code-styling.de/english/ development/wordpress-plugin-page- columnist-en Warning: Plugin is hacker-unfriendly
  • 13. Category Templates You can publish posts to specific categories Categories can have unique layouts for archives and posts Useful when “Case Study” looks different than “Blog Post” (etc) http://codex.wordpress.org/ Category_Templates
  • 14. Custom Navigation <ul> <?php wp_list_pages('title_li=&include=2,16,29&children=1'); ?> <?php wp_list_categories('title_li=&orderby=ID'); ?> <?php wp_list_pages('title_li=&depth=1&exclude=1,2,16,29,47,49, 51'); ?> </ul> http://codex.wordpress.org/Template_Tags/wp_list_pages
  • 15. cforms II Client needed complex admission form on site cforms II plugin makes it possible to create and edit forms using Wordpress admin interface and Wordpress database http:// www.deliciousdays.com/ cforms-plugin
  • 16. But I don’t wanna make a theme from scratch! Where can I download a cool theme?
  • 17. Smashing Magazine http:// www.smashingmagazine.com/ tag/wordpress/
  • 18. So Many Themes!! Why Make a New One? Your client wants what they want That theme doesn’t exist yet
  • 19. I found a theme, and it’s ALMOST perfect You can change it, but every theme uses different HTML and CSS, you’ll have to familiarize yourself with the author’s style
  • 20. A new way? http://www.divine- project.com/ I haven’t tried it yet. Your guess is as good as mine. Looks shiny!