WooCommerce Per Product Shipping Price Calculation


If you have different rates depending on the item you will need to setup each one in ‘Flat Rate’ shipping method and make sure it is selected on the Product itself.

First you will need to have a Shipping Class setup:

Go to the left hand menu, under Products you will find Shipping Classes.
Give your Shipping Class a name and a description and then hit “Add New Shipping Class”

Once that is done you can go back to the Shipping Setup, Under WooCommerce Settings.

Click on Flat Rate and at the bottom of the screen click on “Add New Rate”
Choose your Shipping Class.
Give it a cost and a handling fee.

Why will you need separate shipping classes?

Imagine you sell small items but just so happen to have one large item you want to sell on your site. You obviously cannot charge the same as you can with the small items.

The Quick Selection Tool In Photoshop for Auto Selection


First introduced in Photoshop CS3, the Quick Selection Tool is somewhat similar to the Magic Wand in that it also selects pixels based on tone and color. But the Quick Selection Tool goes far beyond the Magic Wand’s limited abilities by also looking for similar textures in the image, which makes it great at detecting the edges of objects. And unlike the Magic Wand where we click on an area and hope for the best, the Quick Selection Tool works more like a brush, allowing us to select areas simply by “painting” over them! In fact, as we’ll see in this tutorial, it often works so well and so quickly that if you’re using Photoshop CS3 or higher (I’m using Photoshop CS5 here), the Quick Selection Tool could easily become your main selection tool of choice.

Selecting The Quick Selection Tool

To select the Quick Selection Tool, click on its icon in Photoshop’s Tools panel, or press the letter W on your keyboard to select it with the shortcut:

The Quick Selection Tool in Photoshop. Image © 2010 Photoshop Essentials.com

The Quick Selection Tool is found near the top of the Tools panel.

Making Selections

Here’s an image I have open in Photoshop:

A child pushing a wheelbarrow filled with pumpkins. Image licensed from Shutterstock by Photoshop Essentials.com

The original image.

For this image, I’d like to keep the original colors in the main subject (the child pushing the wheelbarrow filled with pumpkins) and colorize the rest of the background with a single color. To do that, I’ll first need to select the main subject. I could try drawing a freehand selection around everything with the Lasso Tool, but Lasso Tool selections tend to look rough and unprofessional. The Pen Tool would work great with this image thanks to all the sharp edges and smooth curves, but drawing a path around the main subject would take some time. The Magnetic Lasso Tool would also work well due to the strong contrast between the main subject and the background. But let’s see how well the Quick Selection Tool can select the area we need.

To begin my selection, I’ll move the Quick Selection Tool’s cursor into the top left corner of the child’s sweater and I’ll click once with my mouse. An initial selection outline appears around the area I clicked on:

Clicking on the image with the Quick Selection Tool. Image © 2010 Photoshop Essentials.com

An initial selection outline appears in the top left of the sweater.

So far so good, but obviously there’s much more I still need to select, which means I’ll need to add to my existing selection. Normally, to add to a selection, we need to hold down the Shift key on the keyboard to switch the tool to its “Add to selection” mode, but the Quick Selection Tool is different. It’s already in “Add to selection” mode by default, indicated by the small plus sign (+) displayed in the center of the tool’s cursor.

If you look in the Options Bar along the top of the screen, you’ll see a series of three icons which let us switch between the tool’s three selection modes (from left to right – New selectionAdd to selection and Subtract from selection). The “Add to selection” option (middle one) is already chosen for us, since the whole point of the Quick Selection Tool is to continue adding to the selection until you’ve selected everything you need:

The three selection mode icons for the Quick Selection Tool in the Options Bar. Image © 2010 Photoshop Essentials.com

The “Add to selection” mode is already chosen by default with the Quick Selection Tool.

There’s two ways to use the Quick Selection Tool. One is to simply click on different areas of the image just like we would with the Magic Wand, and just as I did a moment ago to begin my selection. The more common way, though, is to click and drag over the area you need to select as if you were painting with a brush. As you drag, Photoshop continuously analyzes the area, comparing color, tone and texture, and does its best job to figure out what it is you’re trying to select, often with amazing results.

To add to my initial selection, then, I’ll simply click and drag along the left edge of the sweater. The area I drag over is added to the selection. As long as I keep the cursor inside the sweater and don’t drag over the sky or the trees in the background, only the sweater itself gets added:

Adding the sweater sleeve to the selection. Image © 2010 Photoshop Essentials.com

Keep the cursor over the area you want to add to the selection.

If I do accidentally extend my cursor into the background area, the background gets added to the selection as well, which isn’t what I want. If that happens, press Ctrl+Z (Win) / Command+Z (Mac) on your keyboard to undo it and try again. A bit later on, we’ll see how to remove unwanted areas of a selection with the Quick Selection Tool, but a good habit to get into here is to not try to select everything in a single drag. If you do, and you make a mistake and need to undo it, you’ll undo everything you’ve done. Using a series of short drags, releasing your mouse button between each one, is a better and safer way to work:

Accidentally selecting part of the background. Image © 2010 Photoshop Essentials.com

Part of the background is accidentally selected. Press Ctrl+Z (Win) / Command+Z (Mac) to undo.

I’ll continue clicking and dragging over the sweater to add it to my selection:

Adding the rest of the sweater to the selection with the Quick Selection Tool. Image © 2010 Photoshop Essentials.com

Adding the rest of the sweater to the selection was as easy as dragging over it.

Resizing The Cursor
If you have a large area to select, you may want to increase the size of the cursor so you won’t need to drag as much (I know, us Photoshop users can be a lazy bunch sometimes). Likewise, selecting smaller areas often requires a smaller cursor. The Quick Selection Tool’s cursor can be resized quickly from the keyboard the same way we’d resize a brush. Press the left bracket key ( [ ) to make the cursor smaller or the right bracket key ( ] ) to make it larger. Typically, a smaller cursor will give you more accurate results.

I’ll increase my cursor size a little and continue dragging over the pumpkins and the wheelbarrow to add them to my selection. In the few seconds it took me to drag over things with the Quick Selection Tool, Photoshop was able to do a pretty outstanding job of selecting my main subject for me:

The main subject has been selected. Image © 2010 Photoshop Essentials.com

The initial selection of the main subject is complete. Estimated time: 10 seconds.

Subtracting From A Selection

The Quick Selection Tool did an impressive job with the initial selection of my main subject, but it’s not perfect. There’s a few areas here and there that need to be removed from the selection, like this gap between the sweater and the child’s arm where the background is showing through:

An area that needs to be removed from the selection. Image © 2010 Photoshop Essentials.com

The Quick Selection Tool selected a few areas that shouldn’t have been included.

To remove an area from a selection, hold down your Alt (Win) / Option (Mac) key, which temporarily switches the Quick Selection Tool to Subtract from selection mode (you could also select the “Subtract from selection” option in the Options Bar but you’d need to remember to switch it back to the “Add to selection” mode when you’re done). The small plus sign in the center of the cursor will be replaced with a minus sign (-). Then, with Alt / Option still held down, click and drag inside the area you need to remove. I’ll need to make my cursor smaller here by pressing the left bracket key a few times:

Subtracting an area from the selection with the Quick Selection Tool. Image © 2010 Photoshop Essentials.com

Hold down Alt (Win) / Option (Mac) and drag over areas you need to remove from the selection.

I’ll do the same thing along the bottom of the wheelbarrow where the background is showing through. It often helps to zoom in on the image to remove smaller areas like these:

Removing selection areas from the bottom of the image. Image © 2010 Photoshop Essentials.com

A few more unwanted areas to remove.

And with that, my selection is complete! Not bad at all for a minute or two’s worth of effort:

A selection made with the Quick Selection Tool in Photoshop. Image © 2010 Photoshop Essentials.com

The final selection.

With my main subject now selected, to colorize the background, I’ll invert the selection by pressing Shift+Ctrl+I(Win) / Shift+Command+I (Mac), which will deselect my main subject and select everything around it instead. Then I’ll click on the New Adjustment Layer icon at the bottom of the Layers panel:

The New Ajustment Layer icon in the Layers panel in Photoshop. Image © 2010 Photoshop Essentials.com

The New Adjustment Layer icon.

I’ll choose a Hue/Saturation adjustment layer from the list:

Choosing a Hue/Saturation adjustment layer in Photoshop. Image © 2010 Photoshop Essentials.com

Choosing a Hue/Saturation adjustment layer.

If you’re using Photoshop CS5 as I am, the Hue/Saturation controls will appear in the Adjustments Panel. In CS4 and earlier, the Hue/Saturation dialog box will appear. To colorize the image, I’ll select the Colorize option by clicking inside its checkbox. Then I’ll drag the Hue slider a little towards the right to select a brown color similar to the color of the wheelbarrow:

The Hue/Saturation controls in Photoshop. Image © 2010 Photoshop Essentials.com

Select “Colorize”, then dial in a color with the Hue slider.

Click OK to exit out of the Hue/Saturation dialog box when you’re done (Photoshop CS4 and earlier only). Finally, I’ll change the blend mode of my adjustment layer to Color so that only the colors in the image, not the brightness values, are affected:

Changing the layer blend mode of the adjustment layer to Color. Image © 2010 Photoshop Essentials.com

Change the blend mode to “Color”.

Here, after changing the blend mode to Color, is my final result:

Photoshop colorizing background effect. Image © 2010 Photoshop Essentials.com

The Quick Selection Tool made colorizing the background easy.

Additional Options

The Quick Selection Tool includes a couple of additional options in the Options Bar. If your document contains multiple layers and you want Photoshop to analyze all the layers when making the selection, check the Sample All Layers option. Leaving it unchecked tells Photoshop to include only the layer that’s currently active (highlighted in blue) in the Layers panel:

The Sample All Layers option for the Quick Selection Tool. Image © 2010 Photoshop Essentials.com

Choose “Sample All Layers” if you want to include multiple layers in the selection.

If you’re running Photoshop on a fairly powerful computer, selecting the Auto-Enhance option can produce smoother, higher quality selection edges (they tend to look a bit blocky on their own), but you may find the Quick Selection Tool takes slightly longer to do its thing with Auto-Enhance enabled. I’d suggest turning Auto-Enhance on unless you find yourself running into performance problems:

The Auto-Enhance option for the Quick Selection Tool. Image © 2010 Photoshop Essentials.com

Auto-Enhance can give smoother results but may result in slower performance.

And there we have it!

[Ref: http://www.photoshopessentials.com/basics/selections/quick-selection-tool/%5D

How to Remove Text from a Photo in Photoshop: 14 Steps


How to Remove Text from a Photo in Photoshop

Removing Text Using Content-Aware FillRemoving Text Using the Clone Stamp in Earlier or Latest Versions of Photoshop

Do you have a great photo or image that is ruined by unnecessary text? This article will show you how remove text from a photo in Photoshop using either content-aware fill for CS5 or later or the clone stamp for earlier versions of Photoshop.


Method 1 of 2: Removing Text Using Content-Aware Fill

  1. Remove Text from a Photo in Photoshop Step 1.jpg

    Open your image in Photoshop.

  2. Remove Text from a Photo in Photoshop Step 2.jpg

    Choose the “Lasso tool” from the toolbar on the left side of the screen.

    • Click near the edge of your text and drag the tool until you’ve created a rough outline around the text.
      Remove Text from a Photo in Photoshop Step 2Bullet1.jpg
    • Make sure that you leave a thin border around the text. This action helps Photoshop to do a better job of blending the background after you remove the text.
  3. Remove Text from a Photo in Photoshop Step 3.jpg

    Click on “Edit” and select “Fill” from the drop-down menu. Alternatively, just press Shift+F5. A box labeled “Fill” will pop up on the screen.

  4. Remove Text from a Photo in Photoshop Step 4.jpg

    Select “Content-Aware” from the drop-down menu next to “Use.

  5. Remove Text from a Photo in Photoshop Step 5.jpg

    Click “OK.” Wait for Photoshop to fill in the space left when the text is eliminated.

  6. Remove Text from a Photo in Photoshop Step 6.jpg

    Press CTRL-D to deselect the image when the fill is complete.

  7. Remove Text from a Photo in Photoshop Step 7.jpg

    Save the altered image.


Method 2 of 2: Removing Text Using the Clone Stamp in Earlier or Latest Versions of Photoshop

  1. Remove Text from a Photo in Photoshop Step 8.jpg

    Open your image in Photoshop.

  2. Remove Text from a Photo in Photoshop Step 9.jpg

    Click the clone stamp on the tools pallet. Alternatively, press CTRL-S.

    • Choose a soft-tipped brush with a flow rate between 10 and 30 percent for most jobs.
      Remove Text from a Photo in Photoshop Step 9Bullet1.jpg
    • Start with opacity at 95 percent. You can make adjustments as needed.
      Remove Text from a Photo in Photoshop Step 9Bullet2.jpg
  3. Remove Text from a Photo in Photoshop Step 10.jpg

    Click the Layers panel. Select the original layer in the Layers panel.

    • Drag the original layer to the “Create a New Layer” button, which is the symbol to the left of the trash can.
      Remove Text from a Photo in Photoshop Step 10Bullet1.jpg
    • Alternatively, hit CTRL+J to create a new layer.
  4. Remove Text from a Photo in Photoshop Step 11.jpg

    Place your cursor over a spot that is as close to the lettering as possible. Hold Alt and then left-click on your selection.

    • This spot is called your source. Essentially, you will pick up “paint” from this spot and use it to paint over your text.
    • The source will move as you paint over the text, so be careful not to get too close to the lettering. If you get too close, then you will just be copying the spot you were trying to erase.
    • If your source is too far away from your lettering, then the color of the background may not be appropriate for camouflaging the spot where the letters were. You will see distortion when you paint over the image.
  5. Remove Text from a Photo in Photoshop Step 12.jpg

    Open the Options menu and choose “Aligned.” This action samples pixels continuously without losing the current sampling point. Every time you stop painting, deselect “Aligned” before you start over and reset it after you choose a new sampling point.

  6. Remove Text from a Photo in Photoshop Step 13.jpg

    Release the Alt key and move the mouse over the lettering that you want to cover up. Left click to paint the source over the lettering.

    • Notice the lighting of the background image. Make sure that the spots that you clone are lit in the same direction as the image.
    • Paint in small sections rather than dragging the mouse over the letters in large strokes. This action will ensure that your work looks professional instead of blotchy.
  7. Remove Text from a Photo in Photoshop Step 14.jpg

    Continue this process until the project is complete.

[Ref: How to Remove Text from a Photo in Photoshop: 14 Steps.]


What J talked about in 2013


The WordPress.com stats helper monkeys prepared a 2013 annual report for this blog.

Here’s an excerpt:

The concert hall at the Sydney Opera House holds 2,700 people. This blog was viewed about 37,000 times in 2013. If it were a concert at Sydney Opera House, it would take about 14 sold-out performances for that many people to see it.

Click here to see the complete report.


Google+ Custom URLs

English: Google+ wordmark

English: Google+ wordmark (Photo credit: Wikipedia)


Getting Started with Google+ Custom URLs


A custom URL is a short, easy-to-remember web address that links directly to your profile or page.

For example, YouTube’s Google+ page can direct people to google.com/+YouTube to visit their page rather than https://plus.google.com/115229808208707341778.

If you meet the eligibility requirements, you can get a custom URL for your Google+ account or page. This means you can choose one of the custom URLs Google preassigns to your Google+ profile or page. Depending on the preassigned custom URL, you may also need to add a few letters or numbers to make it unique to you.

Custom URLs must be used in compliance with the Google+ User Content and Conduct policies and Google+ custom URLs terms of use.

Requirements for getting a custom URL

Before you can get a custom URL, your account needs to be in good standing and meet the following requirements:

Eligibility for People:

  • Ten or more followers
  • Your account is 30 days old or more
  • A profile photo

Eligibility for Local Google+ pages: Must be a verified local business

Eligibility for Non-local Google+ pages: Must be linked to a website

Getting your custom URL through Google+

If you meet the above criteria, you’ll see a notification at the top of your Google+ page or Profile.

  1. Click Get a custom URL button to get started. Alternatively, from the “About” tab on your Profile, click the “Get” link located under your Google+ URL.
  2. You’ll see the URL(s) you’ve been approved for. If you see more than one option, select the one you like best. You may also be asked to add a few numbers or letters to make the custom URL unique to you.
  3. Check the box to agree to the Terms of Service.
  4. Click Change URL.
  5. We may ask you to verify your account by your mobile phone number. If you need to do this, you’ll see a box pop up asking you to do so.
    a. Enter your mobile phone number.
    b. Check the box to make it easier for people who have your phone number to find you on Google services.
    c. Check your phone for the code that was sent to you.
    d. Enter that code in the box.
    e. Click Verify.
  6. Once approved, this URL will be linked to your Google+ page or Profile, so be sure everything is exactly the way you want it. Once your URL has been approved, you can’t request to change it. When you’re certain, click Confirm.

Pro-tip! If you know someone’s custom URL, you can quickly access areas of their Google+ Profile or Page by adding key words to the end of the URL. Some examples are:

  • google.com/+customURL/posts
  • google.com/+customURL/about
  • google.com/+customURL/photos
  • google.com/+customURL/videos
  • google.com/+customURL/plusones

Change your custom URL

If you want to change the capitalization or accents/diacritics of your custom URL, follow these steps:

  1. Go to the “Links” section of your Google+ profile.
  2. A box will appear allowing you to make edits to the formatting.

Remember, you can only change the capitalization or accents/diacritics of the URL, not the URL itself.

[Source: https://support.google.com/plus/answer/2676340?hl=en&topic=2400106%5D


How to set a new OneNote screenshot shortcut in Windows 8.1


Image representing Microsoft as depicted in Cr...


Since in Windows 8.1, the Window+S key is used for search, it overrides OneNote screenshot shortcut. For now, you can manually set a shortcut key to Windows + A for OneNote screenshot. You’ll have to change the shortcut key through your registry. (Note: Unintended changes in your registry can cause problems, so make sure you follow these instructions exactly.)


1. Use Windows + R to pull up this dialog, and type regedit.




2. Now in the folders on the left, navigate down this path:




Note: The path requires the specific version of Office. In the path above, 15.0 refers to Office 2013. If you’re using Office 2010, type 14.0 in place of 15.0 at the end of the path.  Replace 15.0 with 12.0 if you’re using Office 2007.


3. In the folder named Other, right-click the white space underneath the files in that folder and select New, then select DWORD (32-bit) Value.


DWORD dialog


4. In the text entry field that pops up, type ScreenClippingShortcutKey. You just created a new DWORD. (If you are in Office 12.0, this DWORD will already exist.)


5. Right click this DWORD and select Modify, then in the Value field, type 41.


Your new shortcut key has been assigned to Windows + A. Now log off and log on again and you should be all set!