background preloader

Toolset - Develop WordPress Sites with No Coding

Toolset - Develop WordPress Sites with No Coding

A Walkthrough on Conditional Tags in WordPress: Introduction - Tuts+ Code Tutorial One of the most important strengths of WordPress is the extensibility of the core. With plugins and themes, WordPress users have been able to mold their websites for almost a decade. (WordPress was first released in 2003, but plugins were introduced in 2004 and themes were introduced in 2005.) And to create such a solid infrastructure, WordPress includes lots of handy sub-systems (functions, classes or whole APIs). One of them is "Conditional Tags", which allow our code to function differently in particular situations. In this series, we're going to learn about these Conditional Tags. Let's begin! In the Codex, Conditional Tags are described like this: The Conditional Tags can be used in your Template files to change what content is displayed and how that content is displayed on a particular page depending on what conditions that page matches. Your Code: Hey man, I need some help. Let's have a quick example of how a Conditional Tag works: Get it? See what we did? See you in the next part!

10 WordPress Plugins to Optimize Image Performance A website without images is well, drab. You know, boring. A website with non-optimized images is a complete drag, and it will eat up your precious bandwidth, slow down just about everything and ruin the user experience (UX). Every website owner should strive to provide the best user experience to their visitors at all times. Using heavy images that take ages to load isn’t how you deliver a streamlined user experience. And if you have heavy images on your site, you probably haven’t optimized the same for search engines. Today’s post will show you how to optimize your images for best site performance and SEO purposes. How to Optimize Images for WordPress (Prior to Uploading) Before looking at WordPress image optimization plugins, let’s get a few things out of the way. Your images are named appropriately (Great for SEO)Images are the right size (Why upload a huge file when a smaller one can do the trick?) Naming Images Appropriately Using Images with Proper Sizes Smushing Images Using Sprites

wp made simple | Training Simple As Pie Web Site Optimization: Speed Up Your Site website optimization web speed optimize web site performance company WordPress hooks database - action and filter hooks for wp plugin developers -- Adam Brown, BYU Political Science What is a hook? In brief, WordPress hooks enable you to change how WordPress behaves without editing any core files. Because you leave the WordPress files untouched, you can painlessly upgrade your blog with each new version of WordPress. If you don't know what WordPress hooks are for, read the Plugin API or this tutorial. What is this directory? If you're a plugin or theme developer, you know how difficult it can be to figure out which hooks are available. What is this good for? See what new hooks are available with each new version of WordPress See which hooks have been deprecated or renamed (use the "view all hooks" option) Easily learn exactly which WP file(s) use each hook. How to help? Update and improve the official action and filter references.

How to Calculate Hourly Freelance Rates for Web Design, Development Work (Figure out how to fill up the freelance pig. Photo by Mike Tungate / Flickr) If there’s one question I’m asked by web designers and developers more than any other, it’s how to figure out what to charge for a freelance project. Sure, we want to be fair to the client. There are several ways web freelancers estimate projects. The most common methods, by far, are by the hour and by the project. Free trial on Treehouse: Do you want to sharpen your web design and development skills? Page rates can be easy to estimate, but there’s always the real risk of scope-creep that eats into profits. Winning the Freelance Estimating Game Whether you plan to bill by the hour, project or retainer, you must know your specific hourly rate to generate accurate estimates. You need to recoup the cost of your time, overhead and also make a profit. For many designers, billing a website design project by the hour makes a lot of sense. Why? You’re unique. The Place to Start Is You What’s your target salary? Whew!

60 brilliant WordPress tutorials | WordPress (Image: © Alexandra Bruel) WordPress is one of the world's most popular publishing platforms. It's highly customisable, very easy to use and it's completely free, making it an obvious choice for anything from a simple blog to an online design portfolio. Because of its enormous popularity, there's a wealth of WordPress portfolio themes available, plus plenty of WordPress tutorials online to help you get to grips with the CMS. But with so much choice, things can often get confusing. To save you time, we've picked 25 brilliant WordPress tutorials from around the web. 01. Perhaps the most frightening part of getting started with WordPress is the business of actually installing it. 02. This complete guide to creating your first WordPress site is a great place to start if you're a total beginner, or someone with a bit of experience looking to fill holes in their knowledge. 03. 04. 05. Next page: Intermediate WordPress tutorials

WordPress with Git and Composer Part 1 - Storing WordPress in Git Welcome to the first post in a series on Managing Your WordPress Site with Git and Composer. Together we’re going to look at how you can store WordPress in Git and how you can manage the parts of your WordPress site that shouldn’t be stored in your Git repository (e.g. themes and plugins) using Composer or Git Submodules. At first we will simply store WordPress in Git as an introduction to using WordPress with Git, however later in the series we will cover the more complex, but arguably better approach to managing WordPress core itself using Composer or Git Submodules. Why Git? Version control systems like Git have become a huge help to developers in recent years, allowing collaboration on a level that previously just wasn’t possible. However the benefits of learning how to manage your WordPress site using Git are huge. So, without further ado, let’s get going. Storing WordPress in Git To begin with we are going to store the WordPress core itself in Git. mkdir wpgit && cd wpgit git init

Leveraging Chrome Developer Tools for WordPress Development One of the most common questions I see in forums, and when talking to people one-on-one is “how do you know?” How do you know what style rules a specific element has? How do you know exactly what classes are applied to it? How can you tell that the script isn’t loading properly? There are JavaScript errors? My answer is Chrome Developer Tools! In this article we take a look at Chrome’s Developer Tools, but the general idea can be applied to all large browsers. If you have Chrome open, go to View > Developer > Developer Tools or press Command + Shift + C on your Mac or Control + Shift + C on Windows to bring up the developer tools. Inspecting Elements The foundation of any HTML/CSS information is the Elements section and the Element Inspector. By default the inspector will be turned on. The inspector allows you to hover over an element on the page and click to select it. One trick I like is that you can copy/edit/delete nodes. Working With CSS Element Style Overview View and Add Rules

Related: