Fullscreen really WYSIWYG in WordPress

I think we can agree that the full screen view without distractions is editor of the best things about WordPress . For anyone who writes often is an absolute joy to use an editor where you have ahead is a blank canvas, without any distraction.


But while he tries WordPress even endeavors, the truth is that the full screen editor does not show us a vision of how faithful really look after our article on the web , once published.

If we will see how we have to save as a draft and do a preview to see if the images are going to be well framed in the text, if we have made ​​good use of formats and if we have employed with excellence paragraph styles.

But this is easily solved, as there is a nice trick that will turn our full screen editor without distractions in a true WYSIWYG , or " what you see is what you get ".

So open and the file functions.php of your current theme and add this code using action after_setup_theme :

/ / Fullscreen WYSIWYG
add_action (  'after_setup_theme' ,  'editor_wysiwyg'  ) ;
function  editor_wysiwyg ( )
set_user_setting (  'dfw_width' ,  950 ) ;
/ / We assume that the road is estil0s / wp-content/themes/theme-name/css/otro-style.css
add_editor_style (  array  (  'style.css' ,  'css / other-style.css'  )  ) ;

You only have to change a few things:

1. In line 4 set the width in pixels of the box contents of your theme, in the example "950".
2. In line 5 to modify the / s path / sa tu / s sheet / s of styles.

From that moment the entire screen without distractions WordPress editor opens with the text block to the defined width and applying the content of the CSS styles of your theme .

This chulada found in wptuts + .

Posted By Unknown7:35 PM

0

Continue Reading

Mistakes That Can Ruin Career Of a Web Designer

There are many mistakes that can threaten the career of web designers. No matter you are a beginner or an experienced web designer, no one is safe hazardous career mistakes. You want to know what you're doing wrong, what is wrong in your career? Well, if you're ready, you can read this article.

1. Information about you is not online

Web designer job involves working in a network, and the lack of information about you on the Internet is one of the biggest mistakes. Do not expect to get good projects or join a good team, if you do not have a reliable portfolio, and the rule of "shoemaker without shoes" is not working.

Some web designers porfolio for the lack of blogging, create groups on social networks, etc.

Here are some ways to express themselves on the Internet?

• You can keep your own blog, which will share some secrets and tricks.
• Sign in online communities such as DeviantArt, Dribbble, and Behance.
• If you've done all the above, consider the establishment of a portfolio.

This is a time consuming process, especially for beginners, but it is something that creates a solid foundation.

2. You stop learning
Some web designers are not worried about further training. Web design involves not only the use of Adobe Photoshop. Although the question of what skills should own web designer will always be controversial, you can not just remain isolated in their own world.

If you are a web designer who does not know even the basics layout, you have to start training now!

In the tech world nothing is permanent, and only those who can adapt to survive the longest.

3. You are too ambitious

Some designers make the mistake and take too many projects simply because they want to make a lot of money. This is a bad decision.

Remember the first paragraph. Maybe you're going to blog, make projects and then write a book about web design? It is better to stop and learn to manage your time as grabbing all at once, you will not be able to finish.

In order to combat the fever, you should have a solid plan of action for every day of the week!

• Use an application (or notebook), which allows you to see your current and pending tasks.
• Take a break and think about what you really need and what you want to achieve.

Because you can not do much with only two hands!

4. Lack of ambition
If there are people who cling to everything, there are also people who do not want to do anything at all. This is not exactly a dangerous career mistake, but soon you may regret his resignation.

Take risks, to step on the new rake, and create new things that had not even dreamed of ... - That's what helps to develop and improve in any profession.

5. You are too vulnerable

This paragraph is the most dangerous. Of course, you're an expert, so do you know what your customers need and all the while trying to subdue their will. While driving a "fight" with the client do not be too emotional.

Mentally prepare yourself for this and think about their behavior.

Yes, often customers are not right, but still, here are some tips.

• Never think that you are the best.
• Listen to criticism, and find the best way to deal with it.
• Open communication is critical to understand customers better.

Posted By Unknown7:28 PM

3

Continue Reading

Conditional Menus in WordPress

The use of " conditional "in WordPress is perhaps one of the most used features in career-oriented sites, because you can customize the display of content according to the displayed page and other given conditions.

And if we saw using WordPress conditional tags , now let's apply this concept also to the menus , but surprisingly so much easier ... waaaaay more .


I say simple because the plugin called Menu If we have it in the easiest way possible as to install a new suit adds menu items to determine under what condition we want it to appear.

The options offered, after clicking on the box labeled " Enable conditional logic "of each menu item are as follows:

Show or hide if ...

• The user is connected
• It manager
• Is Subscriber
• He collaborates
• He is the author
• He is editor
• It's on the cover of the Web
• Display is input in the simple
• It is a page

From there you decide to use him, and the possibilities are enormous . You can display links to special pages for registered users who otherwise would not be visible or hidden links will cover only when in an article yourself.

Posted By Unknown7:16 PM

0

Continue Reading

Ghost, a single WordPress for blogging

 I think that we agree that for quite WordPress (despite the initial reluctance of Matt) has become a content management system (CMS for friends) really powerful, versatile and even bully .

But sometimes it seems a little too " pileup "if you just want to blog. Well this is the idea that we proposed John O'Nolan, a guy majete they come.


And this young man, who has been boss of the user interface section of WordPress as well as developer and blogger for Microsoft, Nokia and not few sites, one day he thought about making a " fork "of WordPress that you will remove all CMS chicha and leave it as pure and simple platform for bloggers .

Do what is doing has not done anything yet, but we are encouraged to get down to work with this beautiful idea , and get the long teeth made ​​some sketches of how cute graphics that might be the bug ... and has convinced me .

What we propose, as well as a nice catch as future events could be Ghost if you follow this simple concept and blogger, namely:

• Facing writing
• Desktop adaptable, minimalist and customizable, in simple and clear blocks.
• Managing entries as in the iPad mail application, where you have everything at hand directly, just click, and fully WYSIWYG
• Simple post editor to rage, to add dual screen formats, images, whatever small codes by type "here's a picture" and there you can insert it directly without having to find buttons to do elsewhere.
• Remove unnecessary adjustments.
• Without native comments system, if you want to add your either with a plugin like Disqus, Intense Debate or adding WordPress corresponding function (if it will be a WordPress, it does not change).
• No learning curve since being a fork of WordPress everything runs on WordPress work on Ghost
• Limited backwards compatibility. So, you can install plugins and themes WordPress normal but only if they are fully compatible with the current version, to avoid having to deal with obsolete codes.
• Less plugins, but to the point that if we consider that a plugin should go in the basic installation code is added to the "core" and herding.
• Totally free and open, like the Mozilla project, without the intervention of any company, even Automattic.

What's hot?

Ea Well, if you decide to write him John an email or contact the by Twitter . Ghost can be a very nice.

Posted By Unknown7:46 PM

1

Continue Reading

Password Protect WordPress unregistered user

 Surely you know that you can protect your WordPress to only be accessible to registered users , thus entering their username and password, but this is something else.


I mean to put a password to access your WordPress , so that only those with access to the key fits all, thereby making your website private.

You can do it very easy, because you only have to install the plugin Password protected and, once active, set a password to give it to whoever you want to access and view your website. All other users will be redirected directly to the login screen where you are asked that password, and can not see anything else.

As additional bonuses can also enable the password to view RSS feeds or bookmark the site and hidden from the search engines.

Simple and effective, ideal for private sites, for the family, production sites and stuff. The only danger, as always in these things, pointing the password on a post it and I screwed up the invention of privacy.

Posted By Unknown7:35 PM

0

Continue Reading

"Retiniza" your WordPress theme

Apple has introduced many of its devices in the visualization concept called " Retina Display ", whereby a display device twice (at least) a similar resolution, thanks to the high quality displays that use, for example, the latest iPhone, iPad and MacBook computers .

If you've tried one of these devices with retina display will have seen that the resolution of the fonts and images is really spectacular.


To have a website " retina ready "must take into account several aspects, the main ones are these:

Higher resolution images, something easy to add by various methods to be discussed later.
Icons and buttons using CSS, to show different versions depending on the device.
Favicons, easiest, because you only have to upload a favicon to 32 × 32 pixels instead of the standard 16 × 16

And, of course, in WordPress can be prepared to offer a version " retina ready "on our website , so we have several possibilities, some really simple. Let's look at some options, some easier than others ...


WordPress Plugins ... ...

WP 2x Retina : This makes our WordPress plugin " retina ready ", at least as far as images are concerned. It offers two different ways to serve your visitors images, choosing the one that best suits your accommodation and environment. It also has support for WordPress Multisite.

The plugin, once active, creating image files necessary for devices with Retina display . If the original image resolution is not high enough shows you a notice in the Media Library to upload images to high resolution.

From the outset, the plugin recognizes the device from which you are viewing your website and display the appropriate version of the same image, with the highest resolution in the case of the Retina Display.

WP Simple Retina : another great plugin that changes when your website is seen from a retina display device, the @ 2x version of the images.

For this, the plugin creates @ 2x versions of the images of the inputs and for the thumbnails. There is nothing to configure, but you also have to install the plugin regenerate thumbnails after installing WP Simple Retina and run the regenerate thumbnails, the rest is automatic.

WordPress Themes ... ...

Of course, you will save time and effort to use a theme that is already ready for retina displays, as Responsive (free) or another pile you can find (and pay)

Resizing ... CSS ...

This already exists, do not have to install or learn anything . The idea is simple: to serve images at twice the resolution but resized to half. The Retina display device displays the image at its top resolution, the only downside is that it always loads the image resolution to stop, but not required on devices without Retina display.

I mean, what you have to do is get into the habit of always upload the images at twice the resolution that you show on your subject and resize them, using the attributes " width "and" height ", all at half the insert.

In short, it would be something like that for an image of resolution 640 × 400: <img src = "http://midominio.com/wp-content/uploads/2012/11/03/pedazo_de_foto.png" width = "320" height = "200" />

Javascript ... ...

One way to achieve the same with the above methods is through the script Retina.js . Once you download it from the official site the process is this:

1. Upload the file retina.js to your server
2. Add the script to the file footer.php your active theme, before the tag </ body> : <script type="text/javascript" src="/scripts/retina.js"> </ script>

What the script is assuming you use the modifier high resolution recommended by Apple (@ 2x) to identify variations of high resolution images on your website and thus, if you insert a picture called, say pedazo_de_foto.png , then find a call pedazo_de_foto@2x.png will be showing at the retina display devices. So you know what touches: Always climb the aforementioned, or otherwise use the LESS CSS trick as explained in the official website Retina.js.

Sources iconified ... ...

One of the most horrible things to " retinizar "a website are the sources, because the sample resizing horribly pixelized. To address this important facet technique we can use @ font-face , very implanted from Twitter bootstrap , and quite easy to add to our WordPress using Font awesome , you can install fonts icons as vectors, without reloading greatly your website, show a high quality version that will be great on Retina screens.

Once download Fong Awesome do the following:

1. Copy the folder " Awesome Font "on your server
2. Copy files font-awesome.less or font-awesome.css in your theme folder active WordPress.
3. Open the CSS file upload and edit the URL of the source to point to the folder where you uploaded Awesome Font

Another way is to create your own font services like Font builder and then implement the new fonts to your website creating CSS classes that use @ font-face .

Well, you see there is everything from the simple to special modes for developers. What seems clear is that the Web tends to retinizarse slowly and must take into account these techniques if our website was created using WordPress is competitive and add value to these devices with Retina display that increasingly use more .

Posted By Unknown7:13 PM

0

Continue Reading

Avoiding bobbing WordPress login screen

Surely you noticed that when you mess with the user or password to access the screen WordPress "agita" wiggles from side to side so that you clearly realize that you were wrong.

This effect is caused by a small Javascript code , that if you do not like it you can disable.


Doing so is simple, as well, because you just have to add a small feature to your plugin function or file functions.php of your current theme, this:

//Quitar el meneo de los fallos de acceso
function quitar_meneo_login() {
remove_action('login_head', 'wp_shake_js', 12);
}
add_action('login_head', 'quitar_meneo_login');

Save the changes and you're one frikadas less in WordPress.

Posted By Unknown6:56 PM

0

Continue Reading