My Favorite WordPress Developer Resource


Here is a list of my favorite resource related to WordPress. It will be maintained and update regularly.

  1. Plugin: Advanced Menu Widget, Custom Widget Area, jQuery Mega Menu Widget, Len Slider, and WP UI.
  2. Plugin How-To: Play with shortcode
  3. Theme Collection
  4. Theme How-To: Customize Twenty Twelve
  5. Others: Topics worth pay attention

Plugin

Advanced Menu Widget

WordPress Plugin: Advanced Menu Widget

List menu as navigator for easier browsing and selecting. You may customize its appearance by CSS. Child and Sibling Selectors explains child combinator, adjacent sibling combinator, and general sibling combinator very clearly if you need more control over markup structure.

Custom Widget Area

WordPress Plugin: Custom Widget Area

Create a [Header Widget Area] that you may drag-and-drop widgets on it.

After activation, you need to manually insert following code where you want it appear in theme files using Theme Editor or upload to replace existing file.

For example, if you want it appear between title and nav-bar in theme Twenty Thirteen , you need to insert these code just above <div id=”navbar” class=”navbar”> tag in header.php.

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Header Widget Area')) : 
  endif; ?>

Here are some related resource:

WP READS: How to Create a widget area in wordpress theme
Colorlabs & Company: How to Create a Simple Widget on WordPress
wpmudev: How to Create a WordPress Widget: 4 Killer Tutorials You Should Read

Explain how to enable and add a custom widget area by code.

jQuery Mega Menu Widget

WordPress Plugin: jQuery Mega Menu Widget
Demo

It is a beautiful drop down menu that you may customized for multi-column and multi-layer menu items by editing the skin files.

Here are some related resource:

WordPress.org Forums: JQuery Mega Menu Widget: [resolved] how to add custom php shortcode to header.php

Use Custom Widget Area to place jQuery Mega Menu Widget in the desired place.

Len Slider

LenSlider

It is a beautiful plugin to display post or pages  or manually assigned hyper-link. You may customized appearance by replacing or adding your new skins. No need to modify JavaScrip files.

Here are some related resource if you want to customize appearance:

LenSlider support forum: vania_fit questionsWordPress.org Forums: Len Slider: [resolved] Trouble creating custom skin (4 posts)

WP UI

WordPress Plugin: WP UI – Tabs, Accordions, SlidersKavin: WP UI – WordPress Tabs, Accordions, spoilers plugin

Provide many useful UI components you might need to use in posts and pages. I like to use Tabs to compress the length of my post and make it easier to read. Kavin creates a good post explaining how to use these shortcodes.

Plugin How-To

Play with shortcode

WordPress.org Forums: How to get short code using plugin to work on my sites mega menu?

When you need to use shortcode to display a plugin but not in a page or post, inset following code in theme or other php files.

<?php echo do_shortcode($full_shortcode); ?>

Theme Collection

TripWire Magazine: 20+ Great 3 Column WordPress Theme Collection
Themify.me: WordPress Themes

I like Parallax, Flat, and Agency on Themify.me because of the responsive and story-telling style on the front page. 優異網站架設教學網:為什麼選擇Themify has a great post about why he preferred Themify.me than others in Traditional Chinese.

Theme How-To

Customize Twenty Twelve

Zeaks Blog
Zeaks Blog: Tutorials

Zeak has written  many useful tutorials about how to customize WordPress Theme: Twenty Twelve. It is a good idea to focus on one theme to learn how to customize your-self.

Others

Optimization and Security

Digital Inspiration: Things You Should Do After Installing WordPress
免費資源網路社群:安裝 WordPress 後你應該做的 25 件事

Amit Agarwal wrote a good post about optimization and security tips. I recommend to use it as a checklist before you launch your site to public.

Reference

  1. Colorlabs & Company: How to Create a Simple Widget on WordPress
  2. CSS-Tricks: Child and Sibling Selectors
  3. Design Chemical: Demo – WordPress jQuery Mega Menu Plugin
  4. Digital Inspiration: Things You Should Do After Installing WordPress
  5. Kavin: WP UI – WordPress Tabs, Accordions, spoilers plugin
  6. LenSlider
  7. LenSlider support forum: vania_fit questions
  8. Themify.me: Agency
  9. Themify.me: Flat
  10. Themify.me: Parallax
  11. Themify.me: WordPress Themes
  12. TripWire Magazine: 20+ Great 3 Column WordPress Theme Collection
  13. WordPress Plugin: Custom Widget Area
  14. WordPress Plugin: jQuery Mega Menu Widget
  15. WordPress Plugin: WP UI – Tabs, Accordions, Sliders
  16. WordPress Theme: Twenty Twelve
  17. WordPress.org
  18. WordPress.org Forums: How to get short code using plugin to work on my sites mega menu?
  19. WordPress.org Forums: JQuery Mega Menu Widget: [resolved] how to add custom php shortcode to header.php
  20. WordPress.org Forums: Len Slider: [resolved] Trouble creating custom skin (4 posts)
  21. WP READS: How to Create a widget area in wordpress theme
  22. wpmudev: How to Create a WordPress Widget: 4 Killer Tutorials You Should Read
  23. Zeaks Blog
  24. Zeaks Blog: Tutorials
  25. 優異網站架設教學網:為什麼選擇Themify
  26. 免費資源網路社群:安裝 WordPress 後你應該做的 25 件事
Advertisements

One thought on “My Favorite WordPress Developer Resource

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s