More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system.

Slides:



Advertisements
Similar presentations
Wordpress Training with Sarah Sibert. How To... Removing elements from your theme – search bar/dates on posts/comments Change the styling of headings.
Advertisements

Blogging 102 Getting Customized!. Choosing your theme A WordPress Theme is the design of your blog. Much like every magazine has its own unique design,
Intro to HTML Basics HTML = Hypertext Mark-up Language HTML = Hypertext Mark-up Language HTML is a plain-text file that can be created using a text editor.
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
WI.org Site Training Laura Peterson 3/31/2014.
What happens when you create an HTML document and include pictures.
INTRODUCTORY Tutorial 7 Creating Liquid Layouts. XP Objectives Discern the differences among various types of layouts Create a liquid layout Create a.
WORDPRESS WEBSITE WORKSHOP Part 1: Building a Web Presence with WordPress Karen & Brad Trivers (902)
Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.
Government Web Template (GWT) for WordPress Updated 03/20/2015.
Create Your Own Webpage. Today’s Agenda Group activity Wordpress –Photos –Widgets –Header –Theme Prepare to share sites w/small group Wednesday.
Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile,
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
WordPress Widgets Kathy E Gill 1 February What Are Widgets?  A “configurable code snippet" that makes it possible to modify function and appearance.
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
Create Your Own Webpage. Today’s Agenda Cut & paste code Notepad++ or Notepad at home FTP Web Hosting Wordpress.
Create Your Own Personalized Augmented Reality Content: It's Easier than You Think! By Courtney Pepe.
Launch Your WordPress site in One Hour By Bret Phillips For slides, codes, and notes: Web Devils WordPress.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
+ Date : 16 Sept 2014 Digital Publishing Tools: WordPress.
Website Confidence By Andrea Bailey and Nedra Rezinas.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Web Technologies Website Development Trade & Industrial Education
© 2012 Boise State University1 WordPress Training February 14, 2013.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
1 Essential HTML coding By Fadi Safieddine (Week 2)
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
Linking Images to Other Areas within a Blackboard Course Darek Sady.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 30 – Bookstore Application: Client Tier Introducing.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Images in HTML PowerPoint How images are used in HTML.
Week 8 – Part 3 More on Links, Layout, and Mobile Key Concepts 1.
Website Development with Dreamweaver
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
WordPress Basic Training Purdue University Calumet April 2014.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Mary Immaculate College 9 th Nov. Objectives Participants will be enabled to: Create and maintain your school’s website using Scoilnet Blogs Add other.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
+ Website Training AwBA Lenneke Knoop MetaMeta Communications November 2015.
Working with Themes, Quick Parts, Page Backgrounds, and Headers and Footers Lesson 7.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
Getting Started with edublog
WordPress for Beginners February 2, 2014 Facebook.
Blogging 101 By Krystle L. Wright, Public Relations Specialist Owner, Krystle L. Wright Public Relations & Marketing For Small Businesses.
HTML Basics.
HTML basics
Build a WordPress Site A Real Life Example: Create a Fully Functional WP Business Web Site from Scratch Building a WP Site SoftUni Team Technical Trainers.
Images in HTML PowerPoint How images are used in HTML
Hosted by Coach Slanina
WordPress Blogging Basics
Creating and Editing Content in WordPress
Midwest NASCOE Tutorial
Basic HTML and Embed Codes
So you were told to make a website
Intro to Web Development Links
Consult America Technology Consulting Services
Pertemuan 1b
HTML Tags and Structure
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

More WordPress Kathy E Gill 3 February 2011

What Is WordPress?  A content management system

Recap: Widgets & Themes  Not all themes are widget-capable  Themes vary in widget options, location  Access via Dashboard, Appearance -> Widgets

Today  General Settings  Links  Categories  Design Considerations  Text Widgets  Basic HTML

General Settings  Lab: modify the tag line and set time zone to Pacific

Links  What are they  Where are they  How to edit/delete  See Links SubPanel tutorialLinks SubPanel tutorial  Lab: review existing links, add course site

Categories and Tags  What are they  Where are they  How to edit/delete  Should never have “uncategorized” posts  Tutorial; categories sub-panel; tags sub-panel Tutorialcategories sub-paneltags sub-panel

Design Considerations  Dark on light is easier to read  San Serif fonts are easier to read on screen  Fixed versus variable widths: impact on readability

Text Widgets  The Text Widget allows you to add text or HTML to your sidebar, which makes it powerful and flexible.  You can use a text widget to display links, plain text, images, tables or CSS styled HTML.

For Portfolio Sites  Consider adding links to Facebook, LinkedIn and Twitter  To do this, we will use a Text Widget.

Adding Facebook Badge  Drag Text Widget to sidebar  Go to Facebook Profile BadgesFacebook Profile Badges  Pick style, Select “Other”, Copy code  Paste into Text Widget; save

Code

We Need A Header!  Use the “Title” Field in the Text Widget  Or include the code in the body of the widget: Learn About Me

Adding Twitter Badge  We’ll upload an image to your media gallery and link the image to your Twitter account (or a Twitter account).  HTML learned:  img src – image tag, required src and altrequired src and alt  a href – anchor tag for hyperlinks, internal or external internal or external

Code

Credits  Kathy E  Creative Commons: share-and- share alike, non-commercial, attribution