Feb 10, 2013

Transform static HTML-site in WordPress

Filled under:

Transform static HTML-site in WordPress
Recently, while reading one of my favorite forums, I came across a question on how to convert a static website developed using Dreamweaver, a WordPress-theme, and thus to make it fast and really straining.At first I thought it was impossible, or at least it will not be easy, but after seeing the responses of others, I realized that I was wrong. While this process is not so simple in fact, it can be done quickly and easily! And here we are not limited to Dreamweaver. Almost any site can be converted to WordPress- theme. (Please note that at the end of this article, I gave a few reasons why you should think carefully about the consequences of such a transition.)


If you're holding a old static website that you would like to "draw" on a content management system (CMS) such as WordPress, and thus not really going into the details and technical issues, then this guide is for you. In general, it involves two main steps, aimed at the transfer of your static site into the database as WordPress pages and posts. Step one : Gather all the static pages of your site in one place (this can be done with HTTrack, if necessary). Stage Two : Import the page with a simple WordPress-Plugin.

Let's start with the basics. Not so important, how the code was developed your site, so that when a user visits your site, it does collect all Delate into one (with blotches of server-side images from different folders, and so on), which we otherwise call the HTML-page . Even if some elements of the page are dynamic, the code itself is assembled in one place, and can be moved to WordPress in working condition. There may be exceptions, which I will omit here but most sites be transportable very successful. So even if your site contains pages with the. Php, which runs the files header.inc and footer.php, as the user will see this main page in the browser, the resulting source code will be assembled in one place, as if it were written by hand HTML-page. Is the type of code you want to convert your site to WordPress via the above method in this article.

If you already have an old static HTML-site, which has no inclusions from the server, then you already have everything you need to move to WordPress. In this case, you can skip the next step and go to the section titled "Importruem content in WordPress».


Transform your dynamic pages to static

HTTrack Website Copier allows you to completely deflate the website to your hard drive. If any pages dynamically linked to each other, use the blotches on the server side to dynamically add data to each page (such as the header of the site, the basement, the menu), then you will need to set up a mirror site HTTrack with all the patches, and recreated the site on your hard disk. Usually does not take much time, but it all depends on the size of your site, of course. Fortunately, you can just run it, and do other things, but at this time all of your site will be pumped from the server. There are a lot of options you can use. Most of you just use the GUI instead of going into details. In this document, there is a lot of useful screenshots to help you understand everything.

Personally, I like to run the program from the command prompt on your Linux, and used with the option-K, that the reference to use the absolute URL. When I run it from the command line, I use something like:

httrack http://www.yoursite.com-O / home / you / somefolder-K

But I can not know what will be your code if you suddenly decide to use the command line instead of the GUI. You need to read the documentation to get it right for your project.


No matter how you start HTTrack, or what options you use, as soon as you have a folder that contains the entire site, all static HTML-page, you are ready to move to WordPress.

Import content in WordPress

Start by installing a fresh copy of WordPress. Then add the following plugin and activate it.

WordPress-plugin Import HTML Pages

Once you activate it, go to Settings and set the there are some options. You can choose either to create pages or posts (not together). When I was using this plugin, I opted to create pages. Now you need to specify how the plugin should recognize the "just content" (without all the surrounding code  theme, side panedey and basements). My content was wearing a div-element with id content, so it was very easy, as well, so your content can be designed very differently, unique HTML-tags, you can adjust the following settings.



WordPress-plugin Import HTML Pages

Once you've set up all the options, you are ready to run the plugin. It's pretty simple: you have a new WordPress-blog, with all the content pages of your old static site.

At this stage, you will probably want to create a design in the form of WordPress-theme, or use the new design. Personally, I think that there is an advantage to use the new theme. Right now is the time to give a refreshing look to your site, do not you? In any case, the conversion of HTML-theme in the WordPress theme is beyond the scope of this guide.

You should also think about how to make some referrals, but in general, look for just a few minutes you have had your old static site to a new blog based on WordPress.

Additional Notes: Before you start the transfer, please consider The following notes.


1. Although WordPress greatly simplifies the support site, and offers a variety of modern advantages, there are many aspects to consider. For example, a static site always loads faster than dynamic, especially if your site uses a dynamic database. If your site takes a huge amount of traffic, the server is likely to average bear load, if your site is static, for a site on WordPress for large volumes of traffic, will probably need a more powerful server. If you think that this can hurt you somehow, then you can consider in order to upgrade your server or to change hosting company.

2. You may have problems with changing URL. There is a good chance that you will have to put every last page redirect to a new, or you will have to learn and focus on creating automatic redirects.

3. Some things may not work. It is impossible to predict with any page on your site, scripts, or items may have problems.

Best of all, if you spend the first practice test transfer site, and see what problems may arise. As it is done quickly, the first test will help you avoid the various problems in the future.

Posted By Muhammad Asif8:27 PM

Notice of pending entries or draft in WordPress

Filled under:

Notice of pending entries or draft in WordPress
 WordPress has many virtues, but one of them is that - by default - come prepared for a collaborative environment , it has no user management system and publications such as the environment requires, for example, which require a publishing flow .


A few days ago we saw how to alert users when their articles have been published but what advise the editor when items pending approval? , you're safe with me that is a feature that you miss on any site with multiple users and different profiles, which require a monitoring entries before publication .

Well, we will incorporate it, it is very easy ...


Notices of pending entries ... using code ...

There was an old plugin, now abandoned, which offered email notifications to the administrator when creating a draft entry. The problem is warned whenever the input modified, becoming a nuisance rather than a solution.

A code review of it solves the problem ...

To do this open your plugin function and add the following code:

Notices of pending entries sing code
 Works joke.
Notices of outstanding tickets

Notices of outstanding tickets ... (and more) with plugins ...

If you have plugins over multiple and varied options, some of which we have seen for other uses:



  • Edit Flow : again, this fantastic editorial control plugin also includes notices of pending entries, reviews and much more.
  • Revisionary : This plugin makes part of Edit flow of messages, with a complete review of entries, perfect way to manage the editorial flow.
  • Status Notifier : full plugin which alerts the administrator actually decide to email you when an entry has to be revised. You can also (optionally) notify the author when approval for publication, or if it is rejected.


You see, that it is not by chance.

Posted By Muhammad Asif7:33 PM

Feb 9, 2013

2-Step Verification plugin in WordPress

Filled under: ,

2-Step Verification plugin in WordPress
 The security of a website is essential, and one of the most attacked in an installation of WordPress is the login screen, and it installs Wordfence yourself and you can check the number of attempts to brute force attacks that are received daily if Your site has some popularity.

This is why it is worth assessing incorporate the latest security technologies: the 2-step verification .


This method, already used by such popular services as Google and Dropbox , as well - probably - your online banking to access requires you to enter, along with your username and password, an additional code that will make it easier for mobile phone or other methods.

If you are committed to the security of your site, there are several ways to have 2-step verification in WordPress , let's see some ...

2 step auth - This plugin adds 2-step verification for WordPress, rechecking can decide between one of these three methods:


  • SMS message, so you'll need to have the system active or SMS TextMagic Global Account
  • security code list
  • email sending code


Whichever method you choose the 2-step verification is enabled for users with administrator privileges , even in WordPress Multisite, while users with less permissions will still use the normal login screen.

To start the plugin follow the 3 steps of your settings page and it will launch.


step2 verification in WordPress step2 verification in WordPress step2 verification in WordPress step2 verification in WordPress

WordPress mobile code step
WordPress to key step

email WordPress step
It is a comprehensive, integrated and requires no external service (unless you use the SMS), so it has everything you need.

2.   Google Authenticator - The system 2-step verification for Google you can activate it in WordPress.             In this case you should install the app to your phone, available for all major mobile operating systems like Android or iOS, and a WordPress plugin that connects you with the service. The process would be something like this, regardless of the plugin used:




  • Install the plugin to connect to Google Authenticator. I recommend WP 2 step verification or Google Authenticator plugin
  • Get the plugin settings page and choose a name to show on Google Authenticator.
  • Generates a secret key and a QR code, the latter read it with your mobile application.


 plugin settings page

The mobile application will generate a code, enter it in the settings page.


application will generate a code

 Thereafter, every time you want to access WordPress need to generate a new code in the Google Authenticator app on your phone and place it in the login screen changed.

 login screen changed
 How have you found the initial setup process is more tedious, but once access is done immediately, quickly generating a code for your phone when you want to access.

Nothing else, just recommend you check it out, as security improves many integers WordPress .

Posted By Muhammad Asif8:29 PM

Info Soccer: soccer stats WordPress

Filled under: ,

Info Soccer: soccer stats WordPress

If you have a place to publish articles related to sports, specifically football, this plugin will be more helpful. Called Soccer Info . With this tool you can add the standings, results and upcoming matches of the Spanish League, French League, the Premier League English, Italian Serie A, Liga Argentina, and 60 other leagues around the world, including the second divisions in many countries.

Its use is very simple, using shortcodes:

Soccer Info Settings page


In my case, I put the shortcodes in two columns, for a more aesthetic result:




I do this using the following code, to be inserted in the "Text" post editor:

soccer info post editing code
You can also highlight a particular equipment, if you have a blog in dedication to that squad. Hope you find it useful.

Posted By Muhammad Asif7:54 PM

Feb 8, 2013

Free Wordpress Themes 2013

Filled under: ,

Free Wordpress Themes 2013
Long time there was something in the blog posts about wordpress Themes, despite the fact that the topic itself is very popular. Today decided to remedy this situation, and once enough globally to provide you with a set of best wordpress Themes for the year 2012 and some of the come 2013. Here you will find 40 free themes chosen for their projects. Sampling was carried out fairly rigid: went through different collections, weed out all paid themes, broken links and dull designs. Then again looked at the list and put a couple of "unworthy" and weak patterns. As a result, there were only the ones that I personally would have been using for their projects without the slightest doubt. In short, were really the best wordpress Themes 2012-2013! you may also like More than 40 new and free WordPress-themes.

Before proceeding to the publication, a couple of points. First, the best does not mean the most vibrant, colorful and beautiful. Sometimes the designer adds the hat theme cool big picture, which eventually creates a 90% positive impression of her. I evaluated the functionality, originality, addiction to various modifications and overall impression. Second, each image pattern is the link to the source - download, view the demo threads can there. Thirdly, on the broken links - all the best Themes 2012-2013 were available at the time of publishing the post, what happened to them then - I do not know. So there you go.

Axis

On the home page displayed on a full screen jukebox. Along with that there are elements of the blog - posts, a single page. They look not so stylish, but it can contain more text information.

Biggest News


Pattern similar to the previous version has 2 distribution. But by itself it is just a very steep and almost ideal for a large news site. Unlike the magazine theme SilverOrchid here very much graphics (preview) and it all looks "perky" and bright.

BizPress

In the description of the topic given a lot of options - from seo optimization, social buttons to support Google Maps and adaptive design. Visual theme also looks very nice - nice colors, you have all the necessary information block.

Blog-O-Folio WordPress Theme
Blog-O-Folio WordPress Theme
Themes attracted by its design - a stylish dark layout. Can be used to design a blog with entries portfolio.

Busby Theme
Busby Theme
I liked the color, although the layout functionality is more or less standard (contains the bare minimum for a blog, no more).

Caja
Caja theme
Cute pattern with the original master page without a sidebar. It is now quite popular format. When you click on a particular announcement post to a page with a slightly different design, which will be a sidebar. And here is great and functional footer with the contact form.

Copperific
Copperific theme
Another classic model of blogging - posts, sidebar + slider in the header with the announcement notes. Design is not repulsive impression is good.

DailyPost
DailyPost theme
Topic bright, stand out from the many. First, because of its sidebar - the original implementation of the social buttons. Second, for the different posts, you can choose the formats that are identified in the blog design special icons. In the presence of a normal and Pro version - if I understand correctly, the latest Help Desk + PSD source.

Desire
Desire theme

Beautiful and functional theme for wordpress site. You can use the site to portfolio - on the main findings of the past, posts, there is a colorful slide. More 20 sites where you can download for free wordpress templates.

E-Commerce Theme: Balita
E-Commerce Theme: Balita
Smashingmagazine bad will advise :) I do not know at what Planina be implemented this online store, but the Themes is incomparable and "lick" to the smallest detail.

Fotofolio Landscape
Fotofolio Landscape theme
One of the most stylish sites in this collection, the focus - photoblog or portfolio. There are several different designs - for the album, for notes and the main blog.

Game Speed
Game Speed theme
Theme for gaming portal. There is a free version (fully functional), and paid - in the last footer contains sponsored links. In theory, you can try to get rid of them decode the pattern or leave.

Gridly
Gridly theme
Themes in a popular style today, when all positions are consecutive in multiple columns. In general he is not a sidebar, when clicked displays only content block and navigation. Basically, it looks good - minimalist, stylish and simple.

Grid Style Theme
Grid Style Theme
Definitely a topic for your site or blog online fashion can project on the design. I can not say that I was very impressed with the design, sometimes even somewhere not too neat, but created with fashion photos of very good overall picture.

Grid wordpress theme
Grid wordpress theme
Very functional (and a bit confusing) theme for the site. As I understand it, there are several designs for different types of pages - gallery, products, etc. I do not know whether all settings are supported in the free version, but the real deal.

HTML5Press
HTML5Press theme
Minimalist Themes technology html5. You can use different colors, clean Theme without unnecessary details.

Kansas
Kansas theme
Theme background does not change when you scroll, the pattern looks bright and lively. Maybe here and there is nothing unusual or super steep, but visually it is cute to me personally.

Lefty Free WordPress Theme
Lefty Free WordPress Theme
Pattern somewhat similar to the previous one, but here the emphasis is on the blog. Liked its simplicity, minimalism and color.

Lensa
Lensa theme
Another topic with great slider-saver, but in contrast to the Axis is all done on the order of professional. First, the text on the main menu, and more expressive, and secondly, there is the social buttons, and thirdly, the blog itself with posts more beautiful and stylish addition is complete the project, and not one of those "if only it was."

LilyPress
LilyPress theme
Pattern, similar to the previous one, because they have the same developers. However, there is a little bit different subject areas, plus three columns instead of two. We can say that this design - a cross between the classic and magazine blog theme is fine for all but the smallest projects.

MetroPress
MetroPress theme
In the subject would be more «Metro» style, and it turns out that it involves only the menus, the rest - just a purple background. Although in general the pattern is quite good enough for the blog.

Nomad
Nomad theme
Stylish and simple Theme with menus, sliders, and an interesting logo. In the demo version is not much different elements, so the subject seems a little "empty", but if you fill the right amount of content + add widgets would be cool.

Nublu wordpress theme
Nublu wordpress theme
Classical functionality WordPress theme - there is everything you need for a professional blog or a personal project. Simple and tasteful.15 + Free WordPress themes you may also like.

Origin
Origin theme
Stylish enough topic - different previews for the posts, and generally a lot of pictures create a "cozy" emotions when viewing the main page. The only thing that is the only free Lite version of the theme, and I do not know exactly what sort of restrictions.

Photo Theme Responsive
Photo Theme Responsive
As you can see from the title, this is a topic for a photoblog. Frankly quite strange to see a preview layout monochrome. It is not clear how diazyn lose in style, if you replace them with bright images.On the other hand, you can always do an illustration of the post in the same style as the rest of the picture is shown in color.

Photum
Photum theme
Very cool theme for a photoblog, seeing her, just wanted to create your own. Functionally and stylistically done very efficiently. Gently, informative - I like it.

Plytag
Plytag theme
Large slider in the header, tabs in the sidebar, the list of posts with pictures and large footer - again, nothing special, but at the same time, the pattern is normal. The only thing that the free license you will have sponsored links in the footer.

Prospect
Prospect theme
Even very good in design and functionality issue - has its certain unique pieces, different styles. The page content is possible to use tabs and unfold items to save space - original!

SilverOrchid
SilverOrchid theme
Magazine theme for news portal - many information blocks, lists of articles from different categories, selected materials, etc. Everything looks quite harmonious.

SimpleCorp
SimpleCorp theme

Easy visually (in a good way) theme that has a sufficient number of options and settings. Home is more like a blog than a website. There is even a page portfolio - think the topic is quite suitable for the site web studio.

Soolretro wordpress theme
Soolretro wordpress theme
Something like this (similar pattern) can be seen until 2012, perhaps this topic is a variation of the last retro. Looks stylish and cute.

Spectacular
Spectacular theme
Admit the first time I've seen this design in colors - some with a mixture of grunge retro. As with other topics with Smashingmagazine the details worked out - how the text, form comments, posts and announcements, etc. On the one side looks stylish, but a long stay on the site eyes have to "get used".

Table
Table theme
Suitable for a news site, and for a photoblog, but more inclined to the first option. In fact, the topic is nothing superfluous, even provided a place for Adsense. But at the same design seems a little "rustic."

WordPress Diary Theme
WordPress Diary Theme
Patterns in the style of the diaries and phonebooks are sometimes found, but this is definitely the most beautiful and stylish design that I have ever seen. Here every detail is traced, and the overall experience above all praise. A very cute diary for personal use.

Workality
Workality theme
As in the previous design, the emphasis is to attract thumbnail previews posts. However, in contrast to the Table Tools are generally not a sidebar - including the pages with the full text of posts (but interesting navigation between them). And apparently theme looks much more stylish.

WP Anniversary
WP Anniversary theme
Bright and lovely theme for WordPress. Even without a lot of information blocks in the sidebar and footer felt some complete songs - simple design + beautiful hat.

WP-Creativix
WP-Creativix theme
Cute design for a small project news, with any subject - suitable for both financial news and IT blog. General theme immediately evokes a feeling of "respectability."

WP-Theme: Balloons
WP-Theme: Balloons
Very nice theme with balloons in a minimalist style. Design attracts and creates a good impression, although in some places balls "nalazyat" to the text, making it unreadable.

Yaminth
Yaminth theme
Of course, the design of the demo versions of the theme looks bright mostly through pictures, but nothing prevents you to use the same. Although, I think, in any case, a general feeling of space, light and lightness in this thread is not corrupt. Nice Theme.

The overall impression when looking for the best wordpress  Themes - so not cool too much. Often found on the standard layout with different logos, colors, etc. Some are trying to be original, but the result looks a bit ridiculous, Previously, it was more than good, perhaps, just now all of these are gone in the direction of the paid version. But the premium  Themes can really surprise her creative design and filling! If all this is under $ 50, the purchase option is considered appropriate. In addition, you also will get PSD source layout.20 useful sites where you can buy a premium wordpress theme.

Posted By Muhammad Asif9:56 PM