Jaguar

Each Page template has its own custom options displayed only if corresponding Page template is assigned to the Page. So you know exactly what settings are required.

Unique flexible horizontal widget area layout system makes it super easy to add up to 5 columns of widgets into one widget area. Yes, into ONE widget area. No more 5 widget areas for website footer or so!

Now trully WYSIWYG visual editor can be used for adding a new content. The theme encourgages you to use as little shortcodes as possible, replacing them with styles. Thus you can see how your website will really look like when you publish the content.

Search engines will love your new website! Jaguar does really good job on field of Search Engine Optimization (SEO).

Jaguar’s Key Features

• WordPress 3.1+ Ready
• 15+ shortcodes (not counting their variations ;)) – but replaceable with Styles! (WebMan Simple Shortcode Generator also included)
• True WYSIWYG visual editor!
• (Up to) 7 predefined widget areas + infinite number of custom widget areas
• 7 custom widgets
• Easy to use WebMan Admin Panel
• Easily skinable (5 predefined skins included)
• Infinite colors and backgrounds (52 background patterns also included) with automatic text color calculation (any page or portfolio item can have its own background image)
• Supports WordPress navigation menus (you can create multi level dropdown navigation that will work even when JavaScript’s turned off)
• Several different featured content presenters: Nivo slider, Roundabout slider, Kwicks accordion slider, Simple slider, video and static image. You can set different presenter for each page and it can display slides from any Slides custom post category or even page’s image gallery.
• Custom fonts
• Great WordPress gallery improvements
• Optimized CSS stylesheet and JavaScript files
• SEO optimized valid HTML5 code
• Cross browser compatibility (Internet Explorer 7+, FireFox 3.6+, Safari 4+, Chrome, Opera)
• Customizable login screen
• Custom print css stylesheet
• Translation ready (with .PO files included). The theme separates translation into 4 sections for easy manipulation: front-end (the actual website), basic theme admin area extensions, contextual help translation and WebMan Admin Panel translation.
• Graphics source files in vector SVG format!
• Extensive documentation and hints and information built directly into WordPress contextual help
• Color-coded widgets and widget areas in WordPress admin for better orientation
• Selection of icon packs included
• Post formats support: Standard, Gallery, Link, Quote, Status, Video
• PrettyPhoto lightbox image previewing
• 100% unobtrusive jQuery effects wich degrade gracefully when JavaScript is turned off

External resources used

• jQuery Framework
• jQuery Easing plugin
• Kwicks slider
• Nivo slider
• PrettyPhoto image lightbox viewer
• Quicksand filter
• Roundabout slider
• Fonts by Google Webfonts
• DarkGlass icon pack
• DefaultIcon icon pack
• Faenza icon pack by Matthieu James
• hydroxygen iconset by deviantdark
• nuoveXT icon pack by Alexandre Moore
• Tango icon pack from Tango Desktop Project
• WooFunction icon pack by WooThemes
• Most of the images used on Jaguar demo website were bought on depositphotos.com website and are properly licenced. None of them are included within the theme download package.

Changelog

Version 1.2 – 20/05/2012

• Added: Video post format supports featured image
• Added: PrettyPhoto image size selection
• Added: Boxed top bar option
• Added: Jaguar Posts widget can display posts in grid
• Added: Social networks can be opened in new window
• Added: Ability to hide featured images in single post view
• Added: Ability to hide slide title on Slides custom post
• Fixed: Minor CSS styling issues
• Fixed: Top bar positioning when WordPress admin bar is enabled
• Fixed: Full width blog (no sidebar) video size

Version 1.1 – 10/05/2012

• Added : Option for dynamic (always current) year in footer
• Added : Top bar widget area
• Fixed : HTML tags inside the content of accordion shortcode
• Fixed : Fullwidth layout of fully widgetized page template and map on contact page template
• Fixed : Gallery on portfolio details page
• Fixed : Button shortcode text shadow issue

Version 1.0 – 08/05/2012

• Initial release

Support

If you need support, feel free to send me an email using the contact form on my user page. Please include the theme name, website URL and detailed information about your problem. I usually respond to support requests within 24 hours on weekdays, depending on the number of requests in queue. Support request sent during weekends or holidays will be processed on the next business day.

Buy on ThemeForest

Wordpress administration

WordPress works with 2 main content types – Posts and Pages. The difference between these two can be difficult to recognize at first, but basically you use a Page to display content (web page) that is static, that does not need to be updated very often. Posts, on the other side, are something like news, blog articles, so they represent content that is being continuously added and updated on your website.

An example could be a catering company website with this navigational structure (a site menu): Home, About, Services, Our Projects and Contact. On such website a Home, About, Contact and most probably also Services would be created as Pages in WordPress. And, you’ve guessed it, if you would like to add a new project in Our Projects section, you would have to create a new Post in WordPress.

All Posts have to be assigned to their Category (or more categories) – in this case its name would be “Our Projects” or simply “Projects”. Categories (as well as Pages) can be hierarchically ordered, which you will see in Publish the post section bellow. It means the “Our Projects” category can contain subcategories “Business events”, “Weddings”, “Celebrations”. If you add a post to any subcategory, there is usually no need to assign it also to a parent category (although, everything depends on the WordPress template you are using).

Now, with the basic theory needed, we can start creating our first Post in WordPress. If you have an experience with a text processing application like MicroSoft Word (from their MS Office suite) or OpenOffice.org Writer, than you will find the procedure very very easy. I divided whole process into following sections:

• Creating a new post
• Basic editing
• Inserting an image
• Publishing the post
• Additional editing

Let’s roll it…

Creating a new post

Creating a new Post in WordPress is really easy. But first you need to log into WordPress administration ;).

1. After you log in, the Dashboard will appear. Here you have 2 possibilities how to create a new article. You can either click a “New Post” quick access button on top right (A) or hover the mouse over “Posts” panel, click the triangle button (B) and choose “Add New” (C)from displayed menu.
   
2. You will be taken to “Add New Post” page. There are several panels displayed here so you might be a bit confused. This and another step is optional and it’s just my advice to turn some panels off as you will probably never need them (on the picture in orange). Each WordPress administration page contains “Screen Options” (A)which will help you to hide/display just the information you need.
   

   There is no need to repeat the Screen Options procedure in the future if you access the WordPress administration from the same computer and the same web-browser.

3. Clicking the “Screen Options” button will display hidden panel where you can un-check the information you don’t want to show up (A). When you finish, click the “Screen Options” button (B) again to hide the panel. As you can see, all the information I didn’t want to display is gone. Nothing will distract me from what is important now – writing the article.
   
   
4. As you’ve noticed already, the whole screen is divided into 3 sections. The menu on the left, the main content area at the middle and the other settings area on the right side. The body of article (Post) is being created in main content area. Every post needs to have a unique title (A). You write the article into content area (B) bellow formatting panel (C). At first you can probably see just the first row of formatting panel. It contains the basic, most-used formatting options. If you would like to display additional formatting buttons, just click the last button (far right) in the first row of formatting panel (C).
   
   

Now, that we’ve inserted some text into Post, it is time to make it look better. Time to format.

Basic editing

WordPress offers quite extensive possibilities of text formatting. If the tools offered are not enough for you, you can still use a plain HTML coding (you need to switch from Visual editor to HTML editor – tabs in the top right corner of post content block). We will go through the basic ones now, but you can try the other functions yourself. If you mess up something, there is still “Undo” and “Redo” button (in the second row of formatting panel).

1. The text in WordPress is divided into paragraphs. Each time you press [ENTER] on your keyboard, a new paragraph is created.
   

   In case you would like to start a new line in the paragraph, you can insert it with [SHIFT] + [ENTER] key combination.

   In this step I will show you how to insert a sub-title or sub-heading to separate different sections of your article. When starting a new sub-heading, press [ENTER] on the keyboard to close the previous paragraph. Then write sub-header text and select it (A). In the second row of formatting panel click on Format button (B) and choose “Heading 3″ (C). You have created a sub-header now.
   
   

   Please note that due to HTML hierarchy I suggest NOT to use “Heading 1″ and “Heading 2″ to format a sub-header. These 2 are most likely assigned to the website header and post/page title.

2. Time to emphasize some text in paragraph now. Some words, phrases or sentences in paragraph can be more important than the other. You can make them stand out with heavier, leaned, underlined or line-crossed (obviously for something that no longer applies) text formatting. I will show you how to make the text italic (leaning to the right). Highlight the text you want to work with (A) and press the appropriate format button – in this case “I” (B). As simple as that.
   
   
3. If you need to insert a list of items (either ordered or unordered) first you need to write the list items. After each item press [ENTER]. When you are done, select all future-list-items (A) and click on one of list formatting buttons (B) – I chose unordered list with a bullet in front of each list item.
   
   
4. Last, but very important, formatting function I will show you is how to insert a link into the article. Internet is all about connection between information – links. You can create a link to another website, another article or section on your own site, link to a file or to a section of the current article or web page. Just select the phrase of the linked text (A), click a link (chain) button in the first row of formatting panel (B) and fill out the form displayed (C). When you are done, just click the “Insert” button to confirm (D).
   

   If you decide to edit the link later, just place the mouse cursor somewhere in the linked text and click link button (to cancel the link, press broken chain button on its right). The link form will reappear and you can adjust the information.

   

Basic formatting is done, but we want some images too.

Inserting an image

Post without an image is – boring. So let’s include some.

1. If your website’s template support post thumbnails (also called featured image), you can insert one into Featured Image (B) panel on the right side. Besides this type of image, you would certainly want to insert a picture directly into the article. Just place the mouse cursor to the position, where the image will appear and press “Add an Image” button (A). Image insert form will be displayed. There are 3 options how to insert the picture. You can upload it from your computer, insert it from Internet location or use Media Library (which contains all previously uploaded files to your website) (C). I will upload the post’s Featured Image from my computer, which is selected by default. So I just click the “Select File” button (D).
   
   
2. After the file is uploaded and processed by WordPress, you can fill out the information in the form. It contains image thumbnail, image description section, image link (if it is used as link) and image alignment and size section. My advice is to fill out at least Title, Alternative Text (A) and in case you are inserting the picture into the article, set up also Link URL (B), Alignment and Size (C). To insert picture into the post or use it as featured image or delete it from Media Library use buttons at the bottom of the form (D). Afterward just Save All Changes (E) and close the form window (F).
   
   

Doesn’t the article look better now?

Publishing the post

I think I’m done with this article. During the process of post creation, it is not appearing on your website. You need to publish it first, here is how to do so.

1. Before the actual post publishing we change our attention from the main content area to the other settings area on the right side. I hope you still remember that every Post needs to be assigned to a Category (A). Then, for easier searching features, I usually assign a tags to the post (B). Tags are words or short phrases describing the content of the article. They are useful also for Search Engine Optimization (SEO). During article creation process I suggest to save your work continuously. You never know what can happen. Just press “Save Draft” button (C) to save the article (it won’t be published yet). When you’re ready to publish, set the time (or leave it) and press the magic “Publish” button (D).
   
   
2. WordPress now processes the Post and publish it. You will be informed about the operation result (A) and also offered a link to view the post directly on your website (A, B). Notice also the Permalink section under the Post Title which represents the full Internet path (URL) to your Post. If you don’t like it, you can partly change the link (just its last section) pressing “Edit” button (B). You also have the ability to get a short link to your post (B). It is useful for example when you tweet about the article on Twitter.com where you can type in just short text messages and the URL of the post is too long (for example “http://www.too-long-web.com/long-category/very-very-long-postname/”) – this will shorten it significantly (for example “http://tlw.com/lcvvlp”).
   
   

Congratulation! You have successfully created a WordPress Post!

Additional editing

Just in case you found some mistake in the published article, there is still possibility to edit it additionally. Simply open Posts panel drop-down (A), click on Posts list (B) and click the post title (C). Than use above procedures to edit the post.

That’s all from me for today. Thanks for reading the article till here ;)

Any questions about the topic? Use commets form bellow. See you later!

Isola Bella homepage

CONTACT ME

Beauty clinic homepage

CONTACT ME

Dental surgery homepage

CONTACT ME

Homepage

Menu page

CONTACT ME

Chlebík Transport – Homepage

About page

Vehicles page

CONTACT ME

Žitavce project – Homepage

Sections

CONTACT ME

DAN Acoustic project – Homepage

E-shop

Product page

CONTACT ME