Tags Posts tagged with "Wordpress"

Wordpress

0
Building a Custom Page Template for Your Blog Dexterously

Whether you are running a website that invites users to read latest news and updates across different verticals like politics, movies, sports, etc, or you own a website that advertises you as a service provider, it would give your website a reasonable push if you create a separate blog site on the same URL. You can use that blog to publish your views, or articles that are atypical of standard blogs. If you play to the gallery by writing opinionated articles around the different theme your website caters to, you are set to see a jump in the number of visitors to your site.

However, building a custom blog section on the website involves an arrangement that is easy to create using PHP. The experts would recommend you create a custom page template while the process of building a blog section is being carried out. What this does is that it lends you a capability to define a desired page location that looks like myownoyster/blog. What’s more? You can even choose the title of your choice and display a short description on the topmost part of the page. Here is how you do it:

Reproduce the contents of index.php in the tpl_blog.php file

The first step in the process is opening the index.php file of the theme you are currently working on and copying its content in the new file created by the name of tpl_blog.php. You carry out this copy-paste task in order to make sure that theme functions and HTML structure are not lost in the way. It maintains the consistency of the files and helps carry their functions forward. This will also enable you to build a page template which can be accessed from a dropdown menu.

Make Page Template Readable for WordPress

The traditional practice of adding comments to code is used everywhere for the functions to become more comprehensible. WordPress is no different.

/*
New Template: My Blog
*/

Hence, for the new file you just created (tpl_blog.php), append a comment to the file that tells WordPress that you are creating a custom template.

Use Custom Query for Posts

Now paste the below code right below the location where the get_header() template tag is mentioned:

<?php query_posts('post_type=post&post_status=publish&posts_per_page=10&paged='. get_query_var('paged')); ?>

This performs the overriding function on the existing page query by replacing it with a query that calls for 10 numbered blog posts. This process saves considerable time as the query_posts() function ensures that WP_Query doesn’t have to be called when there is a need to save the custom query.

Add Navigational Links for Pagination

In your code, between the endwhile; and endif; functions, add this code for pagination:

<div>
<span><?php previous_posts_link(__('« fresh','demo')) ?></span> <span><?php next_posts_link(__('previous »','demo')) ?></span>
</div><!-- /.navigation -->

This should be between the endwhile; and endif; sections of code in your theme.

The Reset Process

Now that you have successfully implemented the afore-mentioned steps, next in the line is using wp_reset_query() in order to retune the results that emerged by the usage of query_posts(). This takes the current query back to its original state.

Nailing it

Following is how the full page template would look like after combining additional markup with preceding procedures:

<?php get_header(); ?>
<div id="content">
<?php query_posts('post_type=post&post_status=publish&posts_per_page=10&paged='. get_query_var('paged')); ?>
<?php if( have_posts() ): ?>
<?php while( have_posts() ): the_post(); ?>
<div id="post-<?php get_the_ID(); ?>" <?php post_class(); ?>>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( array(200,220) ); ?></a>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<span><strong><?php the_time('F jS, Y'); ?></strong> / <strong><?php the_author_link(); ?></strong> / <span><?php comments_popup_link(__('0 comments','demo'),__('1 comment','demo'),__('% comments','demo')); ?></span></span>
<?php the_excerpt(__('Continue reading »','demo')); ?>
</div><!-- /#post-<?php get_the_ID(); ?> -->
<?php endwhile; ?>
<div>
<span><?php previous_posts_link(__('« fresh','demo')) ?></span> <span><?php next_posts_link(__('previous »','demo')) ?></span>
</div><!-- /.navigation -->
<?php else: ?>
<div id="post-404">
<p><?php _e('None found.','demo'); ?></p>
</div><!-- /#post-404 -->
<?php endif; wp_reset_query(); ?>
</div><!-- /#content -->
<?php get_footer() ?>

Now that your custom page template is ready (thanks to an elaborative yet simple method), go ahead and work your way around it.

2
10+ Stunning Responsive WordPress Themes in 2013

Responsive Design could be classified as one of the hottest trends of the year and is now one of the highly sought after feature in any theme or template. With the rise of mobile phone and tablets there is an increase in demand for websites that will work well on a variety of display sizes.

Using a Responsive WordPress Theme is a great way to get your WordPress powered website mobile ready. Using a responsive design will help you create a consistent user experience across all devices which will result in an overall better user experience. WordPress developers have embraced the concept of responsive design and these days you will find that most of the premium WordPress templates offer responsive layout as a standard option.

In this collection I want to showcase some of the best premium responsive WordPress themes. From flat Woprdpress themes to portfolio WordPress themes you are sure to find a great responsive WordPress theme in here.

Huge

is a leap into the future of modern websites, using the latest HTML5 and CSS3 technologies to create an incredible experience for the end user. This theme by RubenBristian makes use of some stunning 3D and parallax effects. This highly customizable theme is fully responsive and retina ready.

Huge Responsive WordPress Theme

NEXT

is a WordPress portfolio theme by designova. This theme comes with 3 homepage layouts and has a Metro UI and has over 55+ animation effects. This theme is really easy to use and edit, you can add any colors to any elements or sections with rich set of short-codes and advanced meta box options. This design got a special mention on awwwards.

Next Responsive WordPress Theme

Palette

is a handcrafted One Page premium WordPress theme with Parallax Effect and is powered by drag & drop GT3 Page Builder Plugin. Palette WordPress theme has its custom Theme Options Panel with tons of settings, starting from your site logo update to the site color changes and is compatible with most of the popular WordPress plugins, like Yoast (SEO plugin), Contact Form 7, Mailchimp, WPML etc.

Palette Responsive WordPress Theme

FLEXIT

is responsive theme created for photographers, personal sites or portfolio based mainly on images. The theme offers 8 different gallery types and the colors are fully customizable with over 40 colorpickers same as typography. It also comes with Parallax page backgrounds and is translation ready.

Flexit Responsive WordPress Theme

Braxton

is the premier magazine theme that combines both form and function into one comprehensive WordPress theme. This sleek, modern theme is retina-ready, fully-responsive and comes with four different ad units, including a custom wallpaper ad. Braxton is also translation-ready, fully-responsive, comes with over 600 Google Fonts, a Featured Slider on each category page, Infinite Scrolling, Lazy Load, a “sticky” menu bar and sidebar, post/page slideshows, super quick demo install and so much more!

Braxton Responsive WordPress Theme

SimpleMag

is a responsive, minimalistic magazine theme with lots of useful, unique and awesome features. Some of the features of the theme includes Google fonts support, mega menu navigation, built in review system and much much more. This theme was designed by ThemesIndep.

SimpleMag Responsive WordPress Theme

Valenti

is a cutting-edge, feature-rich WordPress premium HD (retina-ready) review magazine theme. Using the exclusive Valenti Drag & Drop Builder users can have fun creating a unique homepage and easily make modifications to it any time they wish. Valenti also comes with a unique megamenu system for beautiful drop down menus and also the ability to set the featured image of a post to have a parallax effect.

Valenti Responsive WordPress Theme

Puzzles

is a magazine style template for WordPress and is compatible with WooCommerce, BuddyPress and bbPress. The theme offers a lot of customization options via the theme options panel. If you like your sliders on WordPress you will love these amazing sliders that come along with this theme.

Puzzles Responsive WordPress Theme

Particle

is a theme that was built to embrace new technologies and web standards such as mobile first, which is the greatest thing since sliced bread, and hot stuff like touch enabled sliders, image annotations and responsive images that increase performance by changing size depending on what kind of device the user is browsing on.

These features make navigating the theme a pleasant experience and we all want that for our beloved users so they keep coming back. Particle is WordPress 3.7 compatible and uses the Bootstrap 3 CSS framework. Image tagging, responsive adsense and rich snippets are just some of the features that are offered via this awesome theme.

Particle Responsive WordPress Theme

Salient

is a responsive WordPress theme by ThemeNectar. The theme is feature packed and has a theme option panel in the admin area for easy customization. It also offers 8 custom page layouts and 4 blog layouts. Salient is translation and retina ready and comes with WooCommerce compatibility.

Salient Responsive WordPress Theme

Avada

is one of the top selling themes on ThemeForest with over 47,000 customers. This theme sets the new standard with endless possibilities. some of the features of this them include a built in shortcode generator, advanced admin panel, full WooCommerce integration, WPML and RTL ready and much more.

Avada Responsive WordPress Theme

Jupiter

is a Clean, Flexible, fully responsive and retina ready WordPress theme. Its smart and hand crafted environment allows you to Build outstanding websites easy and fast. There is no limit to what you can accomplish using Jupiter. Add countless shortcodes from Slideshows to new blog layouts within a powerful drag and drop Page Composer. Modify options and settings via Jupiter’s robust Admin Panel. Change your site colors and control your layout with point and click options. Choose from different layouts and templates on a page-by-page basis or Start creating a whole new layout.

Jupiter Responsive WordPress Theme

Aruna

is a great WordPress theme for content sharing. It’s a HTML5 & CSS3 Based, Retina Ready & Fully Responsive template that enables your users to share content. This theme comes with a bookmark and re-post option. Users can also easily connect with the site using their social network login.

Aruna Responsive WordPress Theme

OneUp

is a fully responsive HTML5 Retina enabled One Page WordPress Theme suitable for any kind of creative or business use. Built upon the responsive Twitter Bootstrap template, the theme is highly optimized for both mobile and desktop platforms. One uses lazy-loading of images and compression of all required scripts, meaning not only will your website look great, but it will also be lightening fast.

One Up Responsive WordPress Theme

What do you folks think of these premium WordPress responsive themes? Stay tuned for more WordPress content on Enfuzed.

0
WordPress Security: Common Malware and Attacks

WordPress is the most popular CMS on the planet, and being the most popular also makes it a target for attacks. According to Pagely, a large managed hosting system for WordPress websites, there are two primary types of malware attacks aimed at WordPress.

The first type, injections, happens when your website is injected with code like links or advertisements that go to another website. Like the infographic says below, this code that is injected is usually hidden from normal view but still visible to search engines. As you can imagine, this could destroy your websites SEO and get you punished by Google.

The second type, back doors, are a method of bypassing normal authentication by illegally gaining remote access to a server, website files, and so on. This can obviously become a huge problem and could destroy your website.

The best thing you can do to prevent attacks or hackers is to secure your information, use a reliable hosting service, and be sure to back up your website regularly. Put a password on your wifi and make sure your passwords are strong and not easy for someone to guess. Check out the infographic below for some more great info and best practices to help keep your WordPress website secure.

Created by Pagely

WordPress Security: Common Malware and Attacks Infographic

2
Free WordPress Theme Telsa

I thought I would switch things up a bit for this freebie Friday. Instead of a mockup or icon set, today’s freebie is a premium WordPress theme. This premium WordPress theme, Tesla, is free for download courtesy of Tesla Themes. Telsa is great for use as a portfolio, blog, and or small business website.

This theme is completely responsive and features a minimalist, modern looking layout. It’s an easy to customize theme that comes with custom background, map with custom icons, custom logo, custom widgets, and custom social buttons. Tesla features a main page slider, filterable portfolio, Google maps, AJAX contact form, and Flickr Gallery.

Click any image below or the heading to learn more and download this free theme. Click here for the demo.

Tesla Free WordPress Theme

Tesla Free WordPress Theme

Tesla Free WordPress Theme

Tesla Free WordPress Theme

Tesla Free WordPress Theme

0
20 Premium Photography Wordpress Themes

With WordPress being one of the easiest and most widely used content management systems on the planet, it comes as a first choice for creating a website by many who don’t have much coding or web experience.

One great use of WordPress is as a portfolio for photographers to showcase their work. There are a ton of photography inspired themes for WordPress that make it fast and easy for photographers to create a beautiful website without having to spend lots of time and money on a web development company.

The best kind of photographer portfolio websites are ones that focus soley on the photography, leaving the website design very minimal. Here I have gathered 20 beautiful photography WordPress themes that do just that. These photography themes will help your photos stand out and look good on these professional looking themes.

1. King Size by Denoizzed

King Size is a full screen slider/video background theme with 5 different gallery types, portfolio pages, and a custom admin panel that supports shortcodes and widgets.

King Size Photography WordPress Theme

2. Core Minimalist by Peerapong

Core Minimalist comes with 6 different portfolio style options and 3 different homepage gallery options. It has the coveted full screen slideshow for photos and includes 8 custom widgets.

Core Minimalist Photography WordPress Theme

3. Salient by Theme Nectar

Salient is a great multipurpose theme for everything from eCommerce websites to photography and designer portfolio websites. Salient is responsive, retina ready, fully customizable, and features a full width slider that supports video and photo backgrounds.

Salient Photography WordPress Theme

4. Invictus by Doitmax

Built specifically for use as a portfolio for photographers, Invictus features a responsive layout, full screen image & video, Flickr slideshow, 18 custom templates, and it’s retina ready.

Invictus WordPress Theme

5. Photolux by Pexeto

Photolux is an easy to use responsive photography theme that comes with 3 different skin choices, a full screen gallery, and a flexible and unique AJAX gallery with awesome jQuery animations and effects.

Photolux Photography WordPress Theme

6. Chocolate by Dream Theme

Chocolate is a fully responsive and fluid layout photography theme that features a full screen video homepage, unique 3d slideshow, various slideshow options & layouts, and password protected galleries.

Chocolate Photography WordPress Theme

7. Village by Theme Province

Village features unlimited slideshows and galleries, a gallery manager, 4 different full screen sliders, 6 different portfolio types, and it’s mobile ready.

Village Photography WordPress Theme

8. DK by Peerapong

DK is a full screen slideshow theme that features 10 different page templates, photo and video support, 4 different homepage styles, 7 custom widgets, password protected galleries, and built in shortcodes.

DK Photography WordPress Theme

9. Flashlight by Kriesi

Flashlight features 5 different gallery options, full screen slideshows, multiple layout options, easy gallery management, and woocommerce support.

Flashlight Photography WordPress Theme

10. Expression by Pexeto

Expression is a fully responsive photography theme that allows you to easily build your own custom theme skin. Expression includes an AJAX gallery, lightbox, unlimited gallery pages, custom font support, and it’s retina ready.

Expression Photography WordPress Theme

11. Black Label by Eneaa

Black Label features a full screen video & image background, responsive layout, HTML5 Video & Vimeo support, retina display, audio background while viewing images, and custom sliders.

Black Label Photography WordPress Theme

12. Slash WP by Dream Theme

Slash WP is a responsive photography theme that features a full screen homepage slider, full screen video homepage, 8 custom widgets, multi-layout gallery and more.

Slash Photography WordPress Theme

13. Duotive Three by Duotive

Duotive Three comes with 18 predefined color schemes and 9 predefined fonts. The theme also features a color picker so you can create your own color scheme. Duotive features a full screen slider, 5 different blog layouts, custom shortcodes, and an easy to use admin panel.

Duotive Three Photography WordPress Theme

14. Tripod by Cosmo Themes

Tripod is a professional looking photography theme with woocommerce support, multiple gallery types, drag and drop layout builder, responsive design, retina ready, and a Facebook comment system.

Tripod Photography WordPress Theme

15. Studiofolio by undsgn

Studiofolio is a retina ready, fully responsive theme that allows for infinite portfolios and galleries, features a fluid or fixed width layout, full screen lightbox and slideshow, and it also allows for custom backgrounds on every page.

Studiofolio Photography WordPress Theme

16. ANAN by  Peerapong

ANAN is a great photography theme that features a full screen slideshow for the landing page, built in font manager (upload your own fonts), 8 custom widgets, 4 different portfolio styles, and built-in shortcodes.

ANAN Photography WordPress Theme

17. Right Now by RenkliBeyaz

Right Now is a modern full screen video & image theme with audio perfect for photographers and videographers. Right Now was built with CSS3 and HTML5, includes a multi-image uploader, is mobile ready, and includes the Google font library.

Right Now Photography WordPress Theme

18. Photorific by Caden Grant

Photorific features a full screen image slider, over 30 shortcodes, unlimited sidebars, custom background image for every page, 4 different portfolio layouts, lightbox, and a custom color picker.

Photorific Photography WordPress Theme

19. Fluxus by intheme

Fluxus is a portfolio theme for photographers that features a responsive retina ready horizontal layout, dark and light skins, full page slider, video support, and social media integration.

Fluxus Photography WordPress Theme

20. Atlas by Peerapong

Atlas is a full screen slideshow photography theme that features 4 homepage styles and 6 gallery page style options with password protection. Atlas comes with a built in font manager (so you can upload your own fonts), video support, 8 custom widgets, and a unlimited sidebar.

Atlas Photography WordPress Theme

0
Hide Category from homepage wordpress

In this tutorial I will show you the proper steps to hide certain category posts from appearing on your homepage, index page, or blog roll. If you own a blog and you want to keep posts of a certain category from showing up on your homepage blogroll, but still want them to appear on your website somewhere else, this tutorial will show you how to remove those posts from showing up in the blogroll or homepage.

Before I begin, you are responsible for your own edits to your website, I am not liable for any issues that may come of you doing this. In doing this tutorial it is at your own risk and I am not responsible if you screw something up. This code has worked for me on multiple WordPress websites. If you are a beginner and/or have no coding experience I do not recommend that you do this yourself. With that said, let’s begin…

Step 1

The first step is to navigate to your theme folder, find your index.php file (or which ever file you want to hide the category from appearing), and open it in your text editor.

WordPress index.php

Step 2

Once you have it open in your text editor, locate the start of the loop. It may look different depending on what theme you have and depending on who coded the theme. Below I have 2 different examples pictured, the highlighted area is the loop.

Ex 1)

WordPress Loop

Ex 2)

The WordPress Loop

Step 3

Once you have successfully located The Loop, make a few lines of space above it so there is room for the “hide category” code snippet.

Now that you have made some space, you will need to copy the code below and paste it right above The Loop.

<?php query_posts($query_string . '&cat='); ?>

It should then look like the picture below, the code snippet right above the loop.

Hide Category Code Snippet

Step 4

You’re not done yet, now you will need to tell WordPress which categories you want it to hide from the index page. Once you decide which categories you want hidden from the index.php page, you will need to find the ID of the category(s). To do this, navigate to the categories page in the WordPress admin.

Category Menu WordPress Admin

Once you get there, click the category link you want hidden and view the link info in your browser status bar. It should look something like this: edit&taxonomy=category&tag_ID=5&post_type=post

Where it says ID=5 (or another number), that is your category ID. In this case, the category ID is 5.

Step 5

Now that we have the category ID, we need to plug that into our snippet we inserted earlier. Since we are wanting to hide it from the homepage, we need to add a minus sign in front of the ID number like so:

<?php query_posts($query_string . '&cat=-5'); ?>

Make sure the number is inside the end single quote mark. That’s it, everything should work properly and your category should no longer display on your index.php page. If you have errors or issues, be sure to look over your code carefully to ensure it is correct.

Hiding Multiple Categories

If you want to hide more than one category, just add a coma after each category ID like so:

<?php query_posts($query_string . '&cat=-5, -45, -9'); ?>

If you have any questions please comment them below and I will help you as best I can.

0
5 Great Books to Learn WordPress

WordPress is taking over the web, seriously. There are over 70,666,336 WordPress websites in the world and over 374 million people visiting WordPress sites each month, that’s insane! With more and more people switching their websites over to WordPress comes the need for more and more people to learn how to use WordPress.

Lucky for us, the amount of online resources for WordPress is almost infinite, if you have any issues with WordPress you can simply Google them and be on your way to learning how to solve them in minutes.

Beyond the greatness of WordPress support forums, stackexchange, and various other online WordPress resources, there are some very informative WordPress books out there. Here I have compiled a small list of 5 great books to help you learn WordPress.

These books range from beginner status for those of you just looking to learn the basics, to expert status for those looking to dissect WordPress and dive into some code.

1. WordPress for Dummies

Category: Beginner

WordPress for Dummies is a great book for those of you who are just starting out with WordPress and wanting to learn the basics. Before I even got into web development I had purchased this book to learn how to quickly set up a website using WordPress (it was an older edition).

The book starts out covering the very basics of WordPress like how to set up a WordPress site, learning how to navigate through the dashboard, and creating and organizing posts. It also talks about choosing the right plugins, media management (videos, pictures, etc.), installing themes, and it ends with tweaking the WordPress themes (touching in coding and more advanced stuff).

WordPress for Dummies

2. The Tao of WordPress

Category: Beginner to Intermediate

Written by Jeff Starr (co-author of the popular WordPress book “Digging into WordPress”), The Tao of WordPress is a 300 page book that covers everything relating to WordPress for beginners to intermediates. This book guides you through the process of setting up, configuring, customizing, securing, and optimizing your WordPress website.

Although I have not purchased this one yet because it’s fairly new, I plan on getting it soon, mainly because I trust the author. Jeff is an experienced developer, and designer and he also helped co-author one of the most popular WordPress books out right now; not to mention he is the WordPress editor for Smashing Magazine.

The Tao of WordPress

3. Smashing WordPress

Category: Intermediate to Advanced

Smashing WordPress is an amazing book, in fact, I still use it as a reference from time to time. I purchased this book over a year ago to help improve my WordPress knowledge and coding skills while I was interning at a company that developed websites using WordPress.

This book helped me to better understand custom post types, the loop, and got me from a novice WordPress user to a full on WordPress developer. You can trust this book as it is backed by Smashing Magazine (a well-known web blog in the industry).

Let me iterate that this book is not for beginners. It will take you through the WordPress install but then it jumps right into the WordPress syntax, themes and template tags, child themes and so forth. This is a great book if you are looking to skip all the basic beginner WordPress stuff and dive right into customizing and development.

Smashing WordPress

4. Digging into WordPress

Category: Beginner to Advanced

Written by CSS-Tricks owner Chris Coyier and WordPress editor at Smashing Magazine Jeff Starr, Digging into WordPress is a jam packed 400+ page book covering all aspects of WordPress. I do own this book, but have only made it through the first chapter (I basically learned everything I needed in the Smashing WordPress book), but I hope to make time to finish reading it.

This is a great WordPress book for people who are in the beginner to intermediate range looking to move into the advanced category. Digging into WordPress will give you a great understanding on site configuration, theme customization, performance optimization, SEO, and WordPress security. This book was written by two big names in the WordPress industry so you can trust that you are getting the right information.

Digging into WordPress

5. Professional WordPress: Design and Development

Category: Intermediate to Advanced

Professional WordPress: Design and Development has great reviews by plenty of WordPress guru’s on various blogs. The book starts off with the basic WordPress introduction, feeding you some interesting stats and what not; it then jumps into the install and wp-config setup.

The authors cover the WordPress core, the loop, custom post types, custom taxonomies, theme development, and plugin development so you can be on your way to creating a fully custom WordPress site. It doesn’t stop there though, it goes on to cover things like content aggregation, WordPress site security, getting your site found, responsive design, and even user experience principles.

Professional WordPress: Design and Development