Classes

For most classes I will put up a post to describe what the class will be about. This page lists those posts.

  • Class on 5.16.13

    May 16, 2013Christopher SteinToday we are going to spend most of the day working on your projects. I’m going to have you all take some time at the beginning of class to work in pairs and go over each other’s projects to check where you are and help each other out. I will also go around from group to group and  be able to get to more people by seeing two at once. Use the requirements here when talking over your projects. Before that a couple of quick points: I made a post about the  CUNY Service Corps. I believe the numbers are $12/hr and 12 hrs per week, but don’t hold me to that. Remember that they asked specifically for MMP/MMA students so you may have a good shot at getting it. I created a page for the content. It is here: It is password protected. I’ll tell you what that is in class. I’m caught up on grading in Blackboard so check in with that and make sure you submit or resubmit assignments soon. And the most important, for some of you, I have finally figured out how to add WordPress accounts to one of my servers. If you need hosting to put your site online, then ...
  • Class on 5.7.13

    May 7, 2013Christopher SteinToday we are going to do two things. At the beginning of the class we are going to go over using Custom Fields to show bio information on the subject of the articles. Then in the second half you will review each other’s progress against the project requirements. Custom Fields Custom fields allow you to enter specific information along with the normal post content. You can then pull out this information in your template. Here is the codex page on Custom Fields: http://codex.wordpress.org/Custom_Fields We will also use get_post_meta() to retrieve the information. Here is an (unfinished) example: <?php if((get_post_meta($post->ID, "bio", true))) { ?> <div id="bio"> <?php echo get_post_meta($post->ID, "bio", true); ?> </div> <?php } ?> Partner Progress Evaluation Using the Final Requirements, go over where each of you are in relation to the requirements. Help each other out with things you are unsure about or need work on.
  • Class on 5.2.13

    May 2, 2013Christopher SteinToday we are going to quickly review the styling on the hero image from last class and then look at the single page view. We will start with these files: InClass_5.2.13_start.zip   certifiedtestsite.wordpress.2013-05-02.xml   Images_to_Students.zip   We will use this article by Justin Tadlock to see how to add user profile fields: http://justintadlock.com/archives/2009/09/10/adding-and-using-custom-user-profile-fields
  • Class on 4.30.13

    April 30, 2013Christopher SteinToday we are going to look again at the featured image use on the homepage. We will add in a hero image and look at using JavaScript for the other images on the page. For the JavaScript part we will follow loosely this tutorial: http://mattbango.com/notebook/code/hover-zoom-effect-with-jquery-and-css/ with some modifications for using it with WordPress That will most likely take up all of our time, but if we have more we will start looking at the single post view for articles.
  • Class on 4.25.13

    April 25, 2013Christopher SteinToday we are going to look at how to use the featured image functionality with WP_Query() to create a custom home page. There are a lot of little parts to get it working. None of them are too tough but the combination of all of them can be tricky. The rough order is: talk about why featured images might not upload Before you start a custom home page (planning the page) Setting the featured image sizes in functions.php to match your plan Creating a Page Template Create a custom content-x.php (we will also look at putting a loop right on the page.) Dashboard settings for the Custom page (Choosing the template for a page and then making that page the static front page) Creating a custom header-x.php (in case you want to change how the header appears) Modifications to style.css Depending on time we may also talk about the kinds of things you might need to do if you wanted to make a slider.
  • Class on 4.18.13 Group Midterm Evaluation

    April 18, 2013Christopher SteinToday we are going to break into groups and you are going to give each other feedback on your midterm projects. The overall goal of the day is to help you see where you are with the project and what you need to do to complete it.
  • Class on Thursday 4.11.13

    April 12, 2013Christopher SteinToday we are going to look at some more page template types. More specifically we will look at archive.php page templates We will start with the Class Files from Tuesday, 4/9/11.   Page Templates Page templates are basically the same as other template files except that they have a comment at the top that tells WordPress they are page templates. The purpose of these is to allow the a WP page creator to specify a template for a page when they make it in the dashboard. The templates we’ve worked with so far (index.php, single.php, page.php) are templates that WP automatically chooses depending on what it is showing. So when you view a single page it looks for page.php, when you view a single post it looks for post.php. So the purpose of page templates is to allow some flexibility with this and let users decide to show a particular template. This only applies to pages, not posts, hence the name Page Templates. Page Template Comment Snippet <?php /* Template Name: My Page Template */ ?> In the example above My Page Template is the name of the template and what users would be able to choose when creating a new page. You can change that to what you like. You must leave Template Name: ...
  • Class on Tuesday 4.9.13

    April 11, 2013Christopher SteinToday we went over how to add multiple menus and multiple widget areas (sidebars) to a page.
  • Class on 3.19.13 Adding Comments to Single Post View

    March 20, 2013Christopher SteinToday in class we worked on adding comments to the single view for a post. On the homepage (which for now is index.php) you see a list of posts so there is no room to show the actual comments, but it is good to see the number of comments. When you click a post to view it by itself, then you want to see the comments for that post. Review of how WordPress puts together a page Stepping back for a minute there are three basic kinds of template files. These are my classifications and not official WordPress ones. In WP they are all called Template Files. Main Template Pages: These are what WP calls to render a given page. The default is always index.php. Other examples include: index.php: defaults to this if no other Main Template Page is found single.php: Shows a single Post page.php: Shows a static Page home.php: Shows the home page search.php: shows the search results Official Template Blocks:these are parts of a page that are part of the official WP structure. They have template tags that are used to include them: header.php: includes header and beginning of body. Called by get_header(); footer.php: includes the footer with closing body. called by get_footer(); sidebar.php: includes sidebars (they must be ...
  • Class on Thursday 3.14.13

    March 14, 2013Christopher SteinFor the first half of the class you will work on your Assignment 4 files. Focus on the index.php and content.php files. In the second half of the class we will see how we can convert these files to show a single post. The basic difference with the single post is that it shows comments at the bottom of the post. index.php —-> single.php (remove the if( have_posts() ) and the else) content.php —–> content-single.php (add in the code for comments.php) And we will create comments.php
  • Class on Tuesday 3.12.13

    March 12, 2013Christopher SteinToday we are going to spend some time talking about and then working on Assignment #4. I want to give you some time today to work on your own to help you gauge what you understand and don’t understand.
  • Class on Thursday 3.7.13

    March 7, 2013Christopher SteinThursday 3.17.13. We will continue to work on our custom theme from scratch (started on Tuesday).
  • Class on Tuesday 3.5.13

    March 5, 2013Christopher SteinWe got through starting a theme and converted the basic header and footer. The files from class are in the Class Files section for 3.5.13 Today we will start with creating themes. It is chapter 4 in the book We will use these files for today StartingHTMLCSS.zip and start to convert them into a theme. Diagram to help explain below.
  • Class on Thursday 2.28.13

    February 28, 2013Christopher SteinWe got through using WP_Query and doing it three times as called for in the assignment. Because the files were too close to what is required on the assignment, I won’t be uploading the ones I worked on. If you missed class and have questions, email me. Today we are going to continue looking at the WordPress Loop. We are also continuing working on Assignment #3. Normally I won’t work this closely on an assignment in class but this is your first big assignment and there is a lot of new stuff to cover. Today we will focus on using WP_Query() to make the query that gets the data for the Loop. We will also need to use wp_reset_postdata() to clear out the Loop before we use WP_Query for the second and third times. Visit the Class files section to get the files from Tuesday if you don’t have them.
  • Class on Tuesday 2.26.13

    February 26, 2013Christopher Stein Update Today we changed things a bit and added in a lesson on installing and using Sublime and the Emmet and WordPress packages for Sublimt Text 2. There is a separate post on Sublime here: We then went through the first 3 STEPS of Assignment 3. These are essentially the steps that get the blog and the theme ready to add the code to put loops on the page. As part of our working through thos steps we also looked at the query_posts() function and downloaded my example page template that uses query_posts:page-test-query-posts.php.zip. When you are using this yourself there are a couple of things to keep in mind: You need to download and unzip the file before adding it to your Theme. The page template was created with the idea that it would be added to the Twenty Ten theme. To see the page that uses query_posts in action you have to assign the “Test query posts” template to a page and then view that page. You need to go in and change the code in page-test-query-posts.php so that the part that reads $args = array(‘cat’ => 13 ); is changed to $args = array(‘cat’ => x ); where x is the id of a category on your ...
  • Class on Thursday 2.21.13

    February 21, 2013Christopher SteinThis class we will continue from Tuesday’s class and finish the Template Tags. Then we will move on to the WordPress Loop. We will try to set you up for the Assignment #3 which will be due in on week on 2.28.13
  • Class on 2.19.13

    February 19, 2013Christopher SteinOutline of the day Template Tags Background on WordPress Template Hierarchy: http://codex.wordpress.org/Template_Hierarchy Download the TwentyTwelve-2.19.13 theme: twentytwelve-2.19.13.zip Page Templates Open the test-page.php page template file. Create a page that uses that template Have it use sidebar-new.php instead of sidebar.php Duplicate sidebar.php and rename it sidebar-new.php Add Link to RSS feed in the sidebar-new.php using the bloginfo() Template Tag: http://codex.wordpress.org/Function_Reference/bloginfo Add in a tag cloud using the wp_tag_cloud() template tag http://codex.wordpress.org/Function_Reference/wp_tag_cloud We will also talk about template tag arguments and use them for the wp_tag_cloud() Conditional Tags What are they Examples of Conditional Tags The Loop This starts in chapter 3 in the book. We are going to start this out. We might not get to it until Thursday. What is the loop Download modified Twenty Ten theme and follow along in the book. twentyten-chapter3-start.zip Below are some images that help clarify what the book asks you to do This file contains a basic loop: BasicLoop.php The Basic Loop Asking for a particular loop file using get_template_part() Adding in the Excerpt Removing Filters in functions.php Adding CSS to style.css’
  • Class on 2.14.13

    February 14, 2013Christopher SteinHappy Valentine’s Day, if you celebrate it. Today in class we are going to look in more detail the code behind a WordPress page. We will start with Template Tags (which are really functions in PHP) which is Chapter 2, and, time permitting, get into The Loop which is in Chapter 3.   Download and install this sample theme. It is just a renamed version of Twenty Twelve: twentytwelve-testing.zip To install it: Download the zip file Unzip it FTP the whole folder (not just the contents) to the wp-content > themes folder on your WordPress Install (just save the file there if your’e running from a USB installation). Open the WP Dashboard and go to Appearance > Themes Activate the Twenty Twelve Testing theme We will be adding the template tags below to the theme files. As I’ve stated before, normally you would create something called a child theme to do this, but in the interest of learning these basic concepts quick and simple, we’re just going to edit the theme files directly. Another point is that this process for adding the theme to WordPress is the same thing you’re going to do with your themes when  you make them later in the semester. Template Tags http://codex.wordpress.org/template_tags We’re going to look at these by ...
  • Reminder no class on Tuesday 2.12

    February 12, 2013Christopher SteinHi Class, just a reminder that there is no class today, Tuesday 2/12/13. Also, Assignment #2 is now up. It is due on Friday, but you should be able to finish it before class on Thursday. Since it isn’t due until Friday you can ask questions on Thursday’s class (so start before then). I will see you in class on Thursday.
  • Class on 2.7.13

    February 7, 2013Christopher SteinToday we are going to make sure everyone has WordPress installed somewhere (see my updated post on installing Server2Go on a USB) and then jump into what is in the book  ”Chapter 2: The WordPress Syntax” We will see the different pieces that make up a WordPress theme and experiment with changing things to help you see how it fits together.
  • Installing Server2Go on a USB Drive

    February 5, 2013Christopher SteinUPDATE: I figured out what was wrong (I think) with our Server2Go install in class on 2.5.13. I’ve made a new tutorial that shows how to install Server2Go on a USB drive. Remember, this will only work on Windows computers. Here is the link to the tutorial: http://profstein.clarify-it.com/d/p3vwel
  • Class on 4.5.13: Installing WordPress

    February 5, 2013Christopher SteinToday we are going to install WordPress on your own accounts where you will have the ability to see the WordPress files, upload themes and even create your own themes to upload. This is a two-step process where we will first get a free hosting account and then install WordPress on it. Before we jump into the install I want to quickly go over a couple of diagrams to help explain what is needed to run WordPress and a quick rundown of a WordPress page load (even though it looks complicated, we will get into more detail later if you can believe it). Requirements to Run a WordPress Site This diagram shows the software and services that are needed before you can install and run a WordPress site. Loading a WordPress Page This diagram shows what happens when you load a page from WordPress. I’ll talk through it in class. Getting Your Free Hosting Account This tutorial shows how to get your account. We’ll do the first couple of steps together and then I’ll walk around and help you on your own. http://profstein.clarify-it.com/d/tpd7f3 Installing WordPress Try following this tutorial on you own after you create your account. I will come around and help, and may stop the class to point out ...
  • Class 1.31.13 WordPress Introduction Part II

    January 31, 2013Christopher SteinToday we are going to learn more about how WordPress works both from a few different perspectives: Content Creation WordPress Administration WordPress Development We will look at some of the core WordPress resources along the way WordPress Where to Start: this gives help on getting started with WordPress WordPress Lessons: this page has a lot of different information and tutorials WordPress Codex: this is the big gigantic WordPress documentation site WordPress.com vs WordPress.org WordPress itself is an open-source blogging and content management system. WordPress.org is the place you go to get the open-source files and it is also where you can documentation, help, community and free plugins and themes. In order to use the WordPress software in this way you need to have: A Domain Name A Server (usually through a hosting company) PHP on the Server MySQL database on the server FTP access to the server Install WordPress on the server (some hosts have one-click installs to make this easy) WordPress.com is a commercial, for-profit site that hosts WordPress for you. You don’t need to worry about getting a host or domain or installing the files. However the downsides are: You can’t upload your own custom themes. You can’t even choose which themes are available Same for plugins, you can’t write or install plugins, you have to use ...
  • Welcome to MMP 350 Advanced Web Design

    January 29, 2013Christopher SteinWelcome to MMP 350. Today is the first day and we are going to take it slowly and do some introductions: To me: Prof Stein To you To WordPress For the WordPress introduction we are going to all create accounts at http://wordpress.com And we will import some pages from this link http://donalyza.com/projects/wordpress-sample-blog-content/ Directions for Importing the File 1. Download the zip file Scroll to the bottom of the page and click Download (1) 2. Save the zip file 3. Unzip the file It will be an XML file (1) 4. Go to your WordPress.com Dashboard 5. Click on Tools > Import 6. Click on WordPress Import 7. Click “Choose File” and select the xml file Make sure to select the XML file and not the .zip 8. Click Upload File and Import 9. Select yourself as the author of the posts. This is needed, all WP posts have authors. 10. Click on Posts > All Posts 11. See your new Posts You should have a bunch of new Posts

Leave a Reply