Resize Images Within WordPress

Resize Images Within WordPress

Make Images Fit Best Into Slides

Sliders are a great addition to Responsive themes like Evolve.  The Bootstrap slider in Evolve has a smooth scroll, linked buttons, titles and descriptions.

Log in and go to your Media Library to upload or resize an existing image.  The image must be larger than the size you need it to resize to.  For example, an image that is 1200 x 700 can be resized to 1000 x 500 but can not be resized to 1300 x 800 or 1300 x 700 OR 1200 x 800, for that matter.

Click on the image you want to resize.  Once the image has opened, click on the Edit Image button below the image.

edit-image-button

Now you’ll want to Click and Drag over the image to highlight an area.  You can then use the Selection fields to enter a new width and height.  Then drag the already highlighted area to just the right position.  You may want to double check that the Selection fields are still the same sizes you originally entered.

selection-sizeNow you can click the Crop icon in the upper left (first icon) and then click Save under the image.  You are done!  Now you can close the window and use the Customize button to add the image to your slider.

crop-save

This resizing for a slider works especially well if all images added to the slider are the same width and height.  If they are different sizes, the slider tends to make the page jump up and down while scrolling through the images.  With the Evolve theme, the Bootstrap slider works great when not full width and using images constrained to the same size proportions.

Open post

Wysija – Mail Poet – Set up in WordPress

WordPress Newsletter Plugin Wysija (Mail Poet(free)) and Mailchimp’s Mandrill (free)

Send with a professional SMTP provider

*Required:  Login information for your hosting account, A Mandrill account (free), Installation of the Wysija Plugin to your WordPress website

(This may take a few hours to a couple of days to work!  Be patient!)

So far, I have not been able to get this plugin working with Bluehost and Mandrill, it does, however, work with Elasticemail.com. You are limited to 50 free emails per day and pay up front for credits starting as low as $4.98 ($1.00 per thousand emails offered).  https://elasticemail.com/

Get a free Professional SMTP Provider with Mandrill

Install and Activate Wysija plugin through WordPress.

Setup a Mandrill account here: https://mandrill.com/signup/

Logged into Mandrill, Click on “Get SMTP Credentials”.  Here you will find:mandrill-password

  • Host (smtp.mandrillapp.com)
  • Port (587)
  • SMTP Username (usually the email address you signed up with)
  • Password (see below and image reference on right)

To get your Password, Click on “+ New API Key” – the code generated is your PASSWORD

Choose the “Sending Domains” option from the menu on the left.

mandrill-dns-verified

Click “Verify A Domain” on the right.  Open your email and find the email sent. Verify your domain by clicking the link indicated.

bluehost-dns-zone-editor
Adding DKIM and SPF settings to your DNS Zone Editor

In your cpanel within your hosting account (this tutorial uses Bluehost), select your domain (this may or may not be an option) and enter the credentials found in Mandrill under “Sending Domains”, “DKIM Settings”.

You will have to do 2 things:

  • Add or Create a new  SPF record

  • Add a TXT record

Adding an SPF record:

Look at your txt files and check to see if there is a Host Record with the name “@”.

If you already have a TXT record with SPF information, you’ll need to add Mandrill’s servers to that record by adding include:spf.mandrillapp.com in the record (before the last operator, which is usually ?all,~all, or -all).

If you do not already have a TXT record with SPF information, you’ll need to add a new record to your DNS (see photo).

  • Host Record: @
  • TTL: leave as is
  • Type: TXT
  • TXT Value: v=spf1 include:spf.mandrillapp.com ?all

Adding a DNS TXT (DKIM) record:

  • Host Record:  mandrill._domainkey.yourdomain.com  (enter your domain name instead of “yourdomain.com”
  • TTL: leave as is
  • Type: TXT
  • TXT Value: copy from Mandrill DKIM settings

Need more help?  Go to http://help.mandrill.com/entries/22030056-how-do-i-add-dns-records-for-my-sending-domains

Test Your DNS Settings inside Mandrill (button on right in  “Sending Domains”).

 

wysija-settings

Enter those settings (above) into your Wysija plugin settings in the “Send With…” tab using the “Third Party” (Send with a professional SMTP provider) option.

It may take a few hours to a couple of days for these settings to work.

Use the “Send a test email” button and check your email account.

If everything works, you are ready to begin sending emails!

 

Bluehost: IMAP Incoming / Outgoing Server Port Numbers

Bluehost: IMAP Incoming / Outgoing Server Port Numbers

INCOMING Server Port Number: 143 (wihout SSL)

Other Mail Settings:

Username: Your full email address.

Password: The password for your email account.

Host: Your domain preceded by “mail.”, for example: mail.example.com

Port:

Without SSL: 143
With SSL: 993

OUTGOING Server Port Number: 26 (without SSL)

Many ISPs are now blocking port 25.  If you are unable to send email but are able to receive, you may need to change your outgoing SMTP server port to 26.

 

Email Programs Settings as described by Bluehost

Thunderbird

To change the outgoing mail port from 25 to 26:

  1. Launch the Thunderbird mail client
  2. Drop down the Edit menu, and choose Account Settings
  3. Click Outgoing Server (SMTP)
  4. On the right hand side select the server to modify and click Edit
  5. Change the port number from 25 to 26
  6. Click OK
  7. Restart Thunderbird

Microsoft Outlook and Outlook Express

To change the outgoing mail port from 25 to 26:

  1. In Outlook, drop down the Tools menu
  2. Choose Accounts or Email Accounts
  3. View or change existing e-mail accounts should be marked
  4. Click Next
  5. Select the account and click Change
  6. Select More Settings
  7. In Outlook Express, drop down the Tools menu
  8. Choose Accounts
  9. Select the account and click Properties
  10. Click on the Advanced tab
  11. Change the outgoing mail from port 25 to port 26
  12. Make sure that the box that says This connections requires a secure connection(SSL) is NOT checked
  13. Click OK
  14. Restart Outlook

Best Plugins for WordPress and Atahualpa

Atahualpa Theme Best WordPress Plugins

Calendar Plugins:

All-in-One Event Calendar by Timely (Event Calendar with Widget) -http://wordpress.org/plugins/all-in-one-event-calendar/ –  show a calendar in your sidebar with upcoming events, a calendar page with poster board dates

Image/Media Plugins:

Dynamic Content Gallery – http://www.studiograsshopper.ch/dynamic-content-gallery/ – show a custom-sized slideshow of images from your current WordPress posts or use with All In One Event Calendar for images of Calendar or Music Events

Slim Jetpack – http://wordpress.org/plugins/slimjetpack/ – better than Jetpack, you don’t have to sign up for an account.  Offers tons of features including a beautiful image slider to transform your standard image galleries into an immersive full-screen experience, a mobile skin/theme for your website, and circular images or a mosaic image formats plus much more.

Disable Right Click – http://wordpress.org/plugins/disable-right-click/ – disable right click on images to protect them from copying

http://wordpress.org/support/view/plugin-reviews/disable-right-click?rate=5#postform

Electric Studio Auto Post Expire – http://www.electricstudio.co.uk/ – for use with All In One Event Calendar by Timely – automatically expires posts by setting the post to “Draft” instead of “Published” after a certain date

Advanced YouTube Embed Plugin – Embed Plus – http://wordpress.org/extend/plugins/embedplus-for-wordpress/ – Best WordPress plugin for YouTube Videos

WordPress Video Gallery – http://wordpress.org/plugins/contus-video-gallery/ – play videos uploaded to your website

Resize At Upload Plus – http://wordpress.org/extend/plugins/resize-at-upload-plus/– resizes images as you upload them through WordPress – great for use with Dynamic Content Gallery

Cimy Header Image Rotator – http://wordpress.org/plugins/cimy-header-image-rotator/ – top image/header rotation with optional linking, and great rotation effects.

Social Media Plugins:

NextScripts: Social Networks Auto-Posterhttp://wordpress.org/plugins/social-networks-auto-poster-facebook-twitter-g/ – lets you post to social media outlets directly from WordPress.  No more double posting! Facebook, Twitter

Slick Social Share Buttonshttp://wordpress.org/plugins/slick-social-share-buttons/ – provides a floating social media icon that is unobtrusive but always in view so users will be reminded to “Like” your Facebook page or add your business to their social media following.

Contact Forms:

Contact Form 7http://wordpress.org/extend/plugins/contact-form-7/ – a great way to customize a contact page or create surveys, applications and forms

Really Simple Captcha http://wordpress.org/plugins/really-simple-captcha/ –  for use with Contact Form 7 to keep computer bots and spiders from collecting sending automatic spam to your email

Google Maps Widget:

Google Maps Widgethttp://wordpress.org/plugins/google-maps-widget/

Google Fonts:

Supreme Google Webfonts – http://wordpress.org/plugins/supreme-google-webfonts/ lets you choose Google Webfonts directly from your Post/Page edit with visual font style list (For use with Ultimate TinyMCE plugin http://wordpress.org/plugins/ultimate-tinymce/ )

 SEO/SEM Plugins:

Google Analyticator –http://wordpress.org/extend/plugins/google-analyticator/ – this is a plugin to make integrating Google Analytics into your WordPress site easy

Google XML Sitemaps – http://www.arnebrachhold.de/redir/sitemap-home/ – keep track of Google Analytics right from your Dashboard

Gd-star-ratinghttp://wordpress.org/extend/plugins/gd-star-rating/ – let your users rate your posts and pages with stars or thumbs up ratings

Postiehttp://wordpress.org/extend/plugins/postie/ – just write an email to post to your website (special email account must be set up)

WordPress SEO by Yoasthttp://wordpress.org/plugins/wordpress-seo/

Security Plugins:

It is imperative that you keep all your WordPress installations up to date, your plugins and themes as well.  Read about updates here.

Askimet – filters out spam and is automatically installed with WordPress

You must get an API Key from WordPress – http://en.wordpress.com/api-keys/ Sign up for a WordPress Account at http://www.wordpress.com After signing in to your account, Click on My Account in the upper left corner, select Edit Profile and at the top of that page you will see your Askimet Key Number. Copy and paste the number into your Askimet plugin

BackWPup – http://backwpup.com/ – easy backup to server or to your computer

Botdetect CAPTCHA – https://github.com/wp-plugins/botdetect-wp-captcha (UPLOAD WITH FILEZILLA)

WP htaccess Control – http://dardna.com/wp-htaccess-control – another security measure for WordPress – interface to customize the permalinks (author, category, archives and pagination) and htaccess file generated by WordPress

Better WP Security – http://bit51.com/software/better-wp-security/ – takes the best WordPress security features and techniques and combines them in a single plugin thereby ensuring that as many security holes as possible are patched  (can be used in conjunction with Wordfence Security and WordPressFirewall in Atahualpa Theme)

Wordfence Security – http://wordfence.com/ – anti-virus and firewall security plugin for WordPress (can be used in conjunction with Better WP Security and WordPress Firewall in Atahualpa Theme)

 

These plugins get my thumbs up!

WP-Print – http://lesterchan.net/portfolio/programming/php/

WP – Wundergroundhttp://wordpress.org/extend/plugins/wunderground/?topic_id=17754 – add a weather widget to your sidebar

 

 

 

Place Cimy Header in Atahualpa Theme

Remember to delete the header image files provided by Atahualpa with your FTP uploader or Filezilla

Located here: wp-content/themes/atahualpa/images/header

Add Cimy Header Code to your Atahualpa Theme:

Go to

Dashboard

Appearance

Editor

and choose from the right:

Header (header.php)

Under <!– Header –> and before any other code, paste the code found under:

Settings

Cimy Header Image Rotator

To have the cimy header images centered over your center-aligned website, get rid of the “float:left” line in the code.

 

 

All In One Event Calendar IE7 and IE8 Poster board view Date and Month Opacity Fix

You may need the latest Time.ly release of the FREE PREMIUM EDITION to change the CSS.

In the file calendar.css in wp-content/themes-ai1ec/umbra (or whatever theme you are using)/css/

Easiest way to find the code is to search (Ctrl + F  keys on keyboard) for “.ai1ec-posterboard-view .ai1ec-date-block-wrap”

change the filter: alpha(opacity=7);

to filter: alpha(opacity=50);

FIND THIS CODE

.ai1ec-posterboard-view .ai1ec-date-block-wrap {

float: right;
margin: 0 0 0.5em 0.5em;
background: #5e8cba;;
text-align: center;
color: #FFFFFF;
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=50); /*CHANGE THIS NUMBER FROM 7 TO 50*/
-webkit-transition: 0.2s all ease-out;
-moz-transition: 0.2s all ease-out;
-ms-transition: 0.2s all ease-out;
-o-transition: 0.2s all ease-out;
transition: 0.2s all ease-out;
-webkit-transform: translatez(0);
}

Using Dynamic Content Gallery to display Events from All In One Event Calendar

****DATES

Do not put DATES as text in the event description.  You may reuse the events or the event may be recurring.  The actual date is entered in a separate window below.

Log In

Add

/wp-admin

to the end of your url (ex. http://www.mysitename.com/wp-admin)

Hit Enter on keyboard

Click on Events

Add a New Event

OR

Use an old Event with “Draft” written next to the title

 Fill Out the needed fields

 Make a Repeating Event

 Upload a Picture

 Add a Picture from your computer

Check that the Image does

1. not contain a Link,

2. is Right-Aligned,

3. is Full Sized,

4. and Insert Into Post

 

 

Check “Events” button under Categories

Publish

Google Places Ads – SEM

Now you can easily show advertisements for your Local Business Listings in Google Maps for free every 30 days!  Log into your Google Places account and “Share an Update on Your Place Page”.

This is great for Google Search Engines!  Just another way to tell Google what service/products you provide!

Google Local Business Listing Advertisements

ADD AN EVENT WITH ALL-IN-ONE EVENT CALENDAR AND DYNAMIC CONTENT GALLERY

Plugins Used In This Tutorial:

  • Dynamic Content Gallery
  • Resize At Upload Plus
  • All-In-One Event Calendar
    1. This first video is how to check that your settings in Resize At Upload Plus match your Dynamic Content Gallery image sizes.
    2. Add an event with All-In-One Event Calendar which will be displayed in your “rotating pictures” with your Dynamic Content Gallery.
      Watch on YouTube for a clearer video. VIDEO

      1. Add the title
      2. Add a picture
        1. Upload
        2. Copy the file location
        3. Add Keywords for Google
        4. Insert into post (choose right-align and full-size image)
      3. Paste the file location (url) into the Dynamic Content Gallery Image Url
      4. Choose the Date and Time
      5. Give the Post an Expiration Date (UNLESS it is recurring)
      6. Select the Category (Events)
      7. Publish or Update (save)

Posts navigation

1 2 3