Swift - An Elegant Smooth WP Blog Theme


Swift is an excellent WordPress blog theme for personal bloggers for professional blogging experience. A cool header slider with responsive layout design this theme has it all.. Be sure that with our new theme you can easily customize whatever you want on page. Please also note that all those options are amazingly easy to use

For Wordpress Beginners

If you’re new to wordpress it can be a lot to take in all at once. Thankfully the Internet is an amazing place for learning. Here are some great links to get you through the basics and well on your way to loving wordpress.

Great training videos, highly recommend starting here.
http://wp.tutsplus.com/sessions/wp101-basix-training/

Step by Step tutorials for beginner to pro.
http://codex.wordpress.org/Getting_Started_with_WordPress

1.1 Few words on start

Swift is an excellent WordPress blog theme for personal bloggers for professional blogging experience. A cool header slider with responsive layout design this theme has it all.. Be sure that with our new theme you can easily customize whatever you want on page. Please also note that all those options are amazingly easy to use.

1.2 Package from themeforest

At first, after purchasing this theme please download the package from Themeforest. All you need to do that is move your mouse over your login name in right top corner (of course after you’re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased. It looks exactly just as the diagram next to.

In the next step click the Download > Main File(s) button next to Swift theme and save package on your computer.

In the package you can find things like documentation, license, psd files, zipped file with theme files and folder with theme files called Swift. Please unpack the whole package after downloading it from Themeforest.

1.3 Installation issues

Learn how to handle PHP issues during the installation process.

Most of the time installation problems are due to limited resources, for example on shared hosting servers. Here's an overview of the PHP configuration settings you should check and increase, if needed.

Setting Description
post_max_size Amount of data in a single form submission using the POST method.
upload_max_filesize Size of an individual file uploaded.
max_execution_time Time in seconds a script is allowed to run before it is terminated by the parser.
memory_limit Amount of memory in bytes that a script is allowed to allocate.

You may need to allocate more resources for PHP by modifying the php.ini file directly. If this is not possible, you can try setting the PHP settings through a .htaccess file on your webserver. Though this also depends on your hosting server, if it allows the usage of .htaccess overrides.

To change the PHP configuration through the php.ini file, use the following syntax.

# example of recommended settings
post_max_size = 8M
upload_max_filesize = 8M
max_execution_time = 60
memory_limit = 128M

To change the PHP configuration through a .htaccess file, use the following syntax.

# example of recommended settings
php_value post_max_size 8M
php_value upload_max_filesize 8M
php_value max_execution_time 60
php_value memory_limit 128M

1.4 Installation

At first please make sure that you have unpacked the whole package shown in the last point. This is very important! You can complete installation in two different ways:

Uploading Swift via FTP to Wordpress

Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.

  1. Log into your hosting space via an FTP software
  2.  
  3. Unzip the swift.zip file and ONLY use the extracted swift theme folder
  4.  
  5. Upload the extracted swift theme folder into wp-content > themes folder
  6.  
  7. Activate the newly installed theme. Go to Appearance > Themes and activate it.

All your data in the database are safe because after updating theme files doesn`t change anything in the database. Please however always make a backup of your files & database.

Plugin Installation & Update Notification

When you install Swift or update Swift, you will receive a WordPress notification message letting you know to install or update the required and recommended plugins. Please follow the on screen prompts to install, activate or update.

 

For Swift, we created two different ways to upload demo content. The first one is 1 Click Demo Install, but the second one is .xml files. Below we will describe both and you can choose which one you like the most.

Import demo data using WordPress plugin

If you want to make your website look similar to live preview, you can import Demo Content file.

To import demo content use Tools > Import > WordPress in your dashboard. Then browse the theme_data xml file in Demo_content/Theme_demo_data folder inside your download package.

Main demo data import

From the WordPress admin area go to Tools -> Import and click on the WordPress link.

If you do not have the WordPress importer installed you will be prompted to install the importer, install it and proceed.

You will be presented with a screen to either import or select an author and various other options like to download and import file attachments. Select the author you want to make the author of the new products from the dropdown, your admin user will do, and check the download and import file attachments checkbox. The latter will download all the images to your local server for use on the products.

Click Submit and your dummy data will now be installed, and you now have a working copy of Swift with data loaded, which you can edit to your liking or replace with your own content.

IMPORTANT: If you press Import Demo Content button once again later, it will not duplicate already existing content, which means that it is safe to do that.  Menus are the only exception - menu items will be duplicated, even if they already exist.

Here are some resources that might help you with your site. I have either used these myself or have good reason to trust them (ie. they are recommended by people I trust or have a generally good reputation).

Disclosure: I will receive commission from referring you to some of these products/services.

Plugins

There are some things that are better off left to plugins. Here are a few plugins that I recommend:

  1. Search Engine Optimization

I recommend WordPress SEO by Yoast for search engine optimization tweaking. It is regarded as one of the best SEO plugins (the best in my opinion) and works well with Swift. And it's free.

  1. Social Bookmarking

I found AddThis to look nice and work well with Swift when configured a certain way. This plugin can add social bookmarking buttons for Twitter, Facebook, etc. to your posts, sermons, etc.

After installing and activating it, I recommend you go to Settings > AddThis and configure it in these ways.

  1. Other Plugins

See the WordPress.org Plugin Directory for free plugins and Pro Plugin Directory for commercial plugins. Be aware that I cannot guarantee compatibility with third-party plugins nor can I provide support for them (you can contact the plugin author).

  1. Backup Solutions

It's important to have a backup solution in place.

You can do manual backups of WordPress as well. Read WordPress Backups on the WordPress Codex. Many web hosts provide general website backups as part of their service. WordPress-specific backups are usually more useful.

Code Customizations

Codeable and Elto are services that provide customization services. They have WordPress developers on hand. Ask them to use a child theme.

Each option in the admin panel is pretty well described there and easy to use already, so we will just go through the sections in short so you can get an idea of the overall structure - and point out the important things.

General Settings


This is where you will find general options for the whole theme. This typically includes Logo Upload, Upload favicon, analytics tracking code field and so on.

Theme accent color

Swift includes a built-in option that will allow you to quickly change the “accent” color (default is blue) through the theme. Simply go to Appearance > Theme Option > General Options > Accent Colors to change it via the color picker

Smooth page scroll

This allows you to  Add smooth page scrolling in Chrome browser.

Logo upload:

To change the logo image, you can either use your own existing logo image or edit the included logo PSD file - it is called logo.psd and is located within the PSD folder.

After you have your logo image, go to the SWIFT option > General Settings > Logo Upload section. Then Upload your desired logo or header image.

Upload favicon

A favicon (favorite icon) is a small icon that represents your website and provides a shortcut to it wherever the icon appears (for example, in bookmarks or search results.)

This article from Smashing Magazine lists a few websites that can generate your icon for you from a larger image. You save your favicon as either a favicon.png or a favicon.ico file. The same article will show you what artwork works well in such a small size.

Creating your own favicon

The ideal size of a favicon is 16x16 pixels. You should save your favicon as either favicon.png or favicon.ico.

Reminder

You might notice that different browsers respond differently to the filename extensions. If you have problems with your favicon displaying in Internet Explorer, save your favicon with a .ico extension.

You don't have to create a favicon image in Swift. All you need is move mouse on Upload button and upload your favourite image:

 

Sticky popup

  This option allows you Disable or Enable Search, share, and shopping cart unities sticky on the side of your website.

 

Custom CSS

For many modifications, we may provide you with custom CSS to do things like hide elements on a page, reposition images, or change fonts. All SWIFT themes come with a convenient and straightforward area to place your custom CSS. Navigate to Appearance > Theme Options > General and find the “Custom CSS” field.
 

Typography Options


The Typography option allows you to change the font aspects of your site, such as font size, family, and weight.

To access the Typography options, in your WordPress Administration Panels go to Appearance > Swift > Typography Options.

Header Options

These options affect your website’s header. Allow you to set Header type, show/hide Logo, menu, search box, Header type, and even more.

Footer options

These options affect your website’s footer. These options allow you to customize your website’s footer as well as add configuring layout and copyright.

Import/ Export

Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

Swift Importer

This option allows you to import needed sample data with a single click.

Note! Sometimes, the content can’t be downloaded from external site to your wordpress content folder because of the folder permissions, server configuration, temporary site URL etc. In this case, we recommend you to contact your hosting provider regarding this issue.

Creating a WordPress Page


1. To get started adding a new page to your WordPress site, find the Pages menu in the WordPress Dashboard Navigation menu. Click Add new.

The WordPress page editor looks nearly identical to the post editor, except for a few different boxes located on the right side of the screen.

2. Add the title of the page, like About. Note: If you have pretty permalinks set up, the title of your page will also be the URL slug.

3. Next, add some content.

4. The Publish section of the page editor is exactly the same as for writing posts. When you’re ready to publish, you can either publish immediately, save this or a draft, or schedule the page to be published later.

5. The Page Attributes section applies a parent page and template to your new page. For the Parent section, you can arrange your pages into hierarchies. For example, you could create this new page with additional pages under it. There are no limits to how many levels you can nest pages.

6. Some WordPress themes have custom page templates, so the next Template section allows you to apply a template to your new page.

7. The Order box allows you to order your page numerically. Pages are usually ordered alphabetically, but you can choose your own order by entering a number in this field.

8. Preview the page one last time, then click Publish. You’ve added a new page to your WordPress site.

To get started creating your first WordPress post, locate the Posts menu in the left-hand side of the WordPress Dashboard. You can either hover over the Posts link or click to expand it to reveal the submenu.

The Add New Posts page can also be found from the + New link in the WordPress Admin Bar, also.

Click the Add New link.

Now you’ll see the Add New Post page where you can create your first post.

The first box is where you’ll want to enter the title of your post.

Next is the Post formatting section or post editor. This is where you’ll actually type the content of your post.

If you look on the right side of the box, you’ll see two tabs. There are two modes of editing posts: Visual and Text.

The Visual tab will bring up the visual WYSIWYG editor. WYSIWYG just means “what you see is what you get.” Here you’ll see a formatting toolbar with lots of options for formatting your posts. If you’re familiar with Microsoft Word or any other word processing software, most of these icons should look familiar.

If you click the Text tab, this will reveal a plain-text HTML version of the post editor. This version of the post editor is for editing the HTML code of your post. For most users, the Visual editor is the easiest way to write posts.

At the top of the right column on this screen you’ll see the Publish box. Here, your can save your post as a draft if you’d like to save it for later. If you click the Preview button, you can get a preview of how the post will look once it’s published.

The Status of the post will show if the post has been published, saved as a draft, if it’s pending review of if it’s been scheduled.

The next two links show the visibility of the post — or what visitors will be able to see your post. The Publish line shows whether the post will be published immediately or at a later date.

The next section are for categories and tags assigned to your WordPress post. We’ll cover these two topics in more detail later.

If you’d like to change the screen options for your post editor, just click the screen options tab in the upper right hand corner. Expand this to reveal all the options that can be displayed on the post editor screen.

Again from the post editor, you can also drag or drop the order of these boxes to customize how we want them arranged on the page.

If you ever need help while you’re on the Add New Posts page, just click the Help tab in the upper right corner. From here, you’ll be able to get a reminder for how to customize your post display, tips for adding a post title and using the post editor, inserting media and settings for publishing and discussion.

 

 

Widgets are simple content blocks which allow you to customize your sidebar easily. Our themes often use widgets, not just for sidebars but also for the front page template and footer areas.

You can also check out the WordPress Widgets tutorial on WordPress.org for a more detailed explanation about WordPress widgets.

Adding widget in Swift:

Please see WooCommerce documentation for help with using WooCommerce:http://docs.woothemes.com/documentation/plugins/woocommerce/

1. It Is Always Recommended To Backup Your Current Setup

It’s always a good idea to make sure that you have a current backup of your web site, including your wp-content folder, your wp-config.php file, and your .htaccess file in your WordPress installation folder, and a copy of your WordPress database. You can use these to revert back to your original site if something unforeseen happens during the update process. If you are not familiar with how to do this yourself, there are several plugins available that completely automate that process for you, such as: UpDraft Plus and WordPress Backup Budd

2. Do Not Keep Older Copies of The Theme In WP Theme Folder

You should completely remove all previous Swift theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

3. Do Not Rename the Theme Folder

If you rename your theme folder when you update, then the path is no longer valid. WordPress stores menus and widget settings and some other settings by folder path. You need to rename your theme folder back to what it was before, and your settings, menus, widgets will be restored. Make a copy of your current theme folder before you upload the new theme.

4. Reset Browser Cache, Server Cache And Plugin Cache

It is always recommended to reset your browser, plugin, and server cache when you update. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme or Swift Core version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups.

5. Required & Recommended Plugins Must Be Updated

When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. Our Swift  Core plugin is the only required plugin and it has to be installed and activated for theme features to work. Make sure you are always using the most recent version of the Swift Core plugin. You will be prompted to install it upon installing or updating your theme. If you dismiss the prompt or do not see it, then you can go to Appearance > Install Plugins page and install the plugin that way. Every time you update the theme, the plugin also needs updated.

Before updating your theme, please make sure you have a backup of your site BackupWordPress or Duplicator is a useful plugin to help you do this. To learn more about backing up your WordPress website please see the Codex here: WordPress Backups

Note: We recommend using a child theme if you are going to customize your theme files, as this will make it easier to update your parent theme.

⌛ Auto Update using Envato WordPress Toolkit


Unlike most other free WordPress plugins, the toolkit isn’t available in the WordPress Plugin Repository. You’ll need to go to GitHub to download the plugin.

Download the Envato WordPress Toolkit at GitHub
Download the Envato WordPress Toolkit at GitHub

After you’ve downloaded the plugin, there are a few steps to go through to get the plugin up and running.

1. API Key

You will need to generate an API key to link your WordPress site to your Themeforest account.

Login to Themeforest, go to your dashboard and click on “My Settings.” The API Keys screen allows you to generate a free API key.

2. Install Envato WordPress Toolkit Plugin

Install and activate the toolkit plugin. A new menu item, “Envato Toolkit,” will appear in the admin sidebar. Click on the sidebar link and enter your marketplace username and secret API key. Click “Save Settings.”

All of your theme purchases will now appear on this page after it refreshes.

3. Theme Updates

The plugin will now alert you to theme updates – so long as you check the toolkit settings regularly.

Click on install automatically beside each of your themes to automatically update them.

The toolkit settings page also allows you to install themes that you haven’t already uploaded to your site, delete ones you don’t use and view version details. You can also set up theme backups.

It’s a fairly simple plugin, but also a helpful one.

ღ Always Use a Child Theme

Updating your themes shouldn’t affect any customization to your website, so long as you’re using a child theme. Child theme is included in the Package.

Updating swift via Wordpress

Download the plugin zip file to your computer.

  1. Unzip the package and locate swift.zip in the theme folder.
  2. Go to Appearance > Themes and activate another theme such as the default WordPress theme.
  3. Delete the swift theme which is now inactive.
  4. Go to Install Themes > Upload then install and activate swift.zip from the new package

If you haven`t changed any theme files, all you need to do is update your version of theme by downloading the latest package from themeforest, unpacking files and uploading new files on the server while replacing the old files. Simply overwrite them.


 

✪ Translation Basics


If you are new to translating WordPress, this is the right point to start. In general, internationalization and localization (commonly abbreviated as i18n and l10n respectively) are terms used to describe the effort to make WordPress available in languages other than English, for people from different locales. The actual localization is done using the GNU gettext framework, which is used by WordPress itself including the themes and plugins.

In order to make WordPress recognize the language to which you want to translate the core WordPress, the theme or the plugins, you have to define the language within the wp-config.php file or change a setting within the dashboard. The process is dependent on the WordPress version and is described below:

✪ For Pre-WordPress 4.0 Users

  1. Login to your FTP account and edit the wp-config.php file. In the wp-config.php file, look for WPLANG constant which looks like the following code:
 
/**
* WordPress Localized Language, defaults to English.
* Change this to localize WordPress. A corresponding MO file for the chosen
* language must be installed to wp-content/languages. For example, install
* de_DE.mo to wp-content/languages and set WPLANG to 'de_DE' to enable German
* language support.
*/
define( 'WPLANG', '' );
 
  1. Define the WPLANG constructor by adding the ISO language code of your language. The names consist of locals, a combination of language and regional dialect. Examples: de_DE, nl_NL, es_ES (for more info see here: ISO language codes) e.g. for translating to Deutsch language, change the WPLANG constant will look like the following code:
 
/*
* WordPress Localized Language, defaults to English.
* Change this to localize WordPress. A corresponding MO file for the chosen
* language must be installed to wp-content/languages. For example, install
* de_DE.mo to wp-content/languages and set WPLANG to 'de_DE' to enable German
* language support.
*/
define( 'WPLANG', 'de_DE' );
 

✪ For WordPress 4.0 or 4.0+ Users

After the wp-config.php file is edited, login to WP-admin dashboard and navigate to SettingsGeneral Settings page. Make sure Site Language option is set correctly.

✪ To translate the theme please follows the steps below:

  1. Copy Swift.pot file from Swift/languages folder to your desktop for editing.

  2. Download Poedit and open the file with it.

  3. Choose the text to edit and enter your translation in the bottom box.

  4. Save your .po file according to language code followed by country code. If your translation is written in German, your file name will look like de_DE.po

  5. Once you save, Poedit by default automatically creates a .mo file alongside your .po file.

  6. Upload the .po and .mo files you just created to your /languages folder so they are in the same directory as the swift.po

  7. Open wp-content folder and and create /languages folder, if it is not already there.

  8. Upload the WordPress .mo file corresponding to the desired language (de_DE.po for example) into your /languages folder. 

  9. In Settings/General scroll to the last setting and choose the language.

✍ Why don't my permalinks look nice?

Mod Rewrite is necessary for "Pretty Permalinks". Nearly all servers support this but some don't. You can show Permalink Types to your host and ask if Mod Rewrite is available for "Pretty Permalinks" to work in WordPress.

✍ How can I start over with WordPress?

If you're building your site and want to start over from scratch, you have two options:

  1. Re-install WordPress (use your host's one click-installation feature)
  2. Use a plugin like WordPress Reset to erase all content, settings, themes and plugi

How can I customize the admin menu?

The Admin Menu Editor plugin is useful for hiding or renaming admin menu items.

✍ How To Speed Up Your Site With WP Super Cache

WP Super Cache is a plugin for WordPress that generates static HTML pages from your dynamic WordPress blog. Once static pages are generated, those pages are displayed to visitors, using less server resources than dynamic webpages.

For busy websites running WordPress, we recommend to enable a caching plugin, such as WP Super Cache. This will allow your website to handle more simultaneous visitors and also typically loads much faster than without the caching plugin.

✍ Configuration & Settings

Please complete all four steps to use the suggested settings.

✍ Step 1. Set General Settings

On “Advanced” tab, you should either select “Use mod_rewrite” to serve cache files or the “304 Not Modified browser caching” as the recent updates to the WP Super Cache Plugin have made their use un-accessible at this time.

Wp Super Cache Configuration Options
Wp Super Cache Configuration Options

✍ Step 2. Set Garbage Collection

Scroll down to “Expiry Time & Garbage Collection” and enter “3600” in the box, then select “Change Expiration”

WP Super Cache Garbase Collection Options
WP Super Cache Garbase Collection Options

✍ Step 3. Set Rejected User Agents

It is recommended that you do not remove the default user agents from the list, to prevent bots from caching content and pages not normally seen by your visitors.

Rejected User Agents
Rejected User Agents

✍ Explanation of the Options Selected

Cache hits to this website…

Enables caching

Use mod_rewrite to serve cache files

Fastest caching method, uses mod_rewrite rules in client’s .htaccess file

Compress Pages

Super Cache files are compressed and stored that way so the heavy compression is done only once. These files are often much smaller. They are sent to a visitor’s browser much faster than uncompressed html. As a result, the server spends less time talking over the network. It saves CPU time and bandwidth, and can also serve the next request with much high speed.

304 Not Modified browser caching

Indicates to the client’s browser whether a requested file has been modified or not (see: http://www.addedbytes.com/for-beginners/http-status-codes/ or elsewhere for more info on that apache code)

Don’t cache pages for known users

This prevents logged-in users from being served cached pages and is the default for almost every caching plugin out there.

Expiry Time & Garbage Collection

The default setting will allow cache files to age 1 hour (3600 seconds) prior to being removed which is ideal. This setting can be increased for sites that do not have many posts (1,000 or less ) if you do not update your content often. If you have a very large amount of posts ( 25,000+ ), a lower setting around 1800 may be more viable to prevent stat/CPU issues due to the amount of files being created.

Rejected User Agents

It is recommended that you do not remove the default user agents from the list, to prevent bots from caching content and pages not normally seen by your visitors. (For example, if you have a calendar, a real visitor may only browse months close to now, but a bot will index every month forever as if it is a different page. Caching these pages real visitors are unlikely to visit wastes resources.)

Rate 5 Stars

 

✍ The images I uploaded are appearing too big. Why?

You may encounter this problem if you are using a version of Risen older than 1.1.7. Update to the latest version of the theme then run the Regenerate Thumbnails plugin to re-create your existing images. Images uploading after updating the theme will not have this problem.

✍ "Page Not Found" or "File Not Found" when trying to access some pages.

Your permalink structure (friendly URL's) is not active. Please repeat Step 3 in Installation:

If you do this but the problem persists, your server may not be allowing WordPress to write the .htaccess file which enables a friendly URL structure. Return to Settings > Permalinks and look for manual instructions provided by WordPress below the Save button.

  1. Go to Settings > Permalinks.
  2. Choose your preferred URL format ("Day and name" recommended — don't use "Default").
  3. Save even if you are sticking with what is already set.

✍ Advanced theme customization


Sometimes there is a moment when you want to change something on your site that is not available in theme options panel. Something like: font size, color, margin or any other customization. You don`t have to ask us about all these things and wait for our response ever again. You can succeed in doing it on your own.

✍ Google Chrome

To do it you can use two best tools available for free in your web browser. If you`re using Google Chrome you can inspect element that you need to change by "Inspect element". To do it just hover mouse on element and click "Inspect element". After that you`ll see something like on image next to.

As you can see on the image, on the left side there is a list of styles used for each class/id. If you want to change something, you can edit it on the screen and see how the elements look like. If everything is good and you want to make the same changes on your site please copy right styles from box of right side, for example: