Class on 5.16.13

Today 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 let me know in class.

Class on 5.14.13

Today is going to be mostly me helping you all with your projects. We are going to wait until Thursday to do the group thing where you check to see if you have the requirements. However, you can work in pairs today if you like.

At the beginning of class I will quickly go over the following:

  1. Status on Server
  2. Enqueue Script
  3. WordPress Typography Baseline
  4. Styling Sub-Menu Items

1. Status of Server Accounts

Basically the status is that it is not complete. I had some issues with my host and allowing people FTP access into just the Themes folder. I’m hoping to resolve it by Thursday.

2. Enqueue Script

There will be times when you want to add in some custom JavaScript to WordPress. The correct way to do this is with the enqueue_script functionality in WordPress. This basically allows you to tell WP that you want to use certain scripts in your pages (you can point it to files in your theme folder or on the web) and also allows you to say that one script is dependent on another script being loaded first (like it need jQuery).

To help with this, I’m linking to a post by Susan Delgado, a former BMCC student who is now doing the CUNY BA.

From Susan Delgado
http://www.sdelgado.com/code/wordpress-registering-your-scripts-2/

You may also want to visit her code snippets page: http://www.sdelgado.com/codesnippets/
she has some links on helpful scripts.

You might use that to add the JavaScript for a basic slider script like this one: http://basic-slider.com/ You will also have to add the HTML for that to your loop and create a query to get the right posts for the loop (much like what we did in class with the hero just modify the HTML to match the slider and remove the limit of one post that is there).

3. WordPress Typography Baseline

When you’re creating a theme you need to add in some styles for elements that the users of your theme might put in. To help you cover your bases I’m adding links to some files that give a basic covering of the options from a typography perspective.

 

Stylesheet from Themeatic
https://code.google.com/p/thematic/source/browse/trunk/library/styles/typography.css
- include as a separate stylesheet. Add a comment at the top to say where you got it from
- I would recommend changing some of the px to em. In the body change 12px to 75%. Then change the line-height to 1.5. There are a number of 18px margin-bottoms. change those to 1.5em
- even if you change it totally it is a good example of the things you need to style in your typography.

Another WordPress typography boilerplate
http://wp-sitemakers.com/boiler-plate-typography-css/
- you will need to change the font-size and font-family to suit your design\
- it has the same font-family for body and headlines. It is usually good to make them different. To do that, set the font-family in the styles on line 21

4. Styling Sub-Menu Items

Here is a link to a site that has a bunch of menus you can customize and a link to a tutorial for how to incorporate them into WordPress

DROPDOWN MENU in WordPress
http://cssmenumaker.com/blog/wordpress-3-drop-down-menu-tutorial
Make sure that you remove any menu styling you have (or comment it out) before you add in one of the CSS menus from here
- again make sure to add the links to the tutorial and CSS theme you customized in your WP theme to give credit.

WEB FONTS
Three of the major players in web fonts are Google Fonts, Typekit and Fonts.com. Each has plugins to help you use the fonts from the sites:
** Note of caution, you will need to create accounts on the respective sites (free) to use these properly.
http://wordpress.org/extend/plugins/web-fonts/ (google and fonts.com)
http://wordpress.org/extend/plugins/wp-google-fonts/
http://wordpress.org/extend/plugins/typekit-fonts-for-wordpress/

 

Outside of scope of this class but may be interesting for you

Type settings option page in dashboard for your theme:

http://theme.fm/2011/08/providing-typography-options-in-your-wordpress-themes-1576/

Announcement: CUNY Service Corps Opportunity

Borough of Manhattan Community College (BMCC) was selected by CUNY to launch the CUNY Service Corps on this campus, and we need your help to show that our students need this opportunity. Through the CUNY Service Corps program, selected students will be employed part-time for fall 2013 and spring 2014 semesters, be paid about $12.00 per hour to work for a non-profit agency, gain professional experience, and help our city – all while earning their degree. To participate in the program, by the end of this spring 2013 semester, students must have a GPA of at least 2.50; earned 24 credits; will register full-time for 2013-2014 academic year at BMCC and be able to legally work in the US.
Interested students must complete the RSVP form and reserve a space in an information session by visiting www.bmcc.cuny.edu/servicecorps. If students are unable to attend one of the workshops, please inform them to contact Kimberly Chu at bmccservicecorps@bmcc.cuny.edu, and she will schedule a convenient time for them to meet with her.

Class on 5.7.13

Today 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 4.30.13

Today 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

Today 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.

iOS Development Course

This is just an FYI announcement unrelated to work for our class.

If you’re interested in learning to create apps for iOS you may want to check out this course, http://www.queenstech.org/access-code/#application. It’s normally $950 but they are offering free scholarships: “Our full tuition scholarships are for students who are passionate about pursuing a career in technology, demonstrate financial need, or fall within the following underrepresented demographics: Women, Public Universities and Community Colleges, underrepresented Minorities and Immigrants.”

Class on 4.18.13 Group Midterm Evaluation

Today 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. You will also be able to help each other fix problems that you have. In the end you will hopefully learn from others helping you and you helping others. You will each be required to show what you have regardless of what state your project is in.

While you all are talking with each other I will go around and help out as needed.

I will be handing out evaluation sheets in class. In case you miss class here is a PDF of that sheet: MMP350_MidtermGroupEvaluation.pdf