Inicio Blog Página 3448

Anatomy of A WordPress Themes

0

WordPress themes

A while ago, we introduced to you the concept of creating a WordPress theme from HTML. We split the tutorial into two parts, and you can check out the first installation here and the second here. Today we are all about fleshing out the two tutorials, so feel free to regard this post as the third serving in the post series. My objective is to take apart the WordPress theme to give you a clear picture of how it (the theme) works.

This post assumes you have a working knowledge of HTML and CSS. I will go ahead and declare that having HTML and CSS skills is a prerequisite in designing WordPress themes. One more thing, this post will stay clear of big words and difficult concepts – it will be easy to comprehend, so be ready to have fun and learn.

A Little HTML Priming

Every HTML web page is split into different parts using the <div> tag. For instance, you can break the body (<body>) of your website into several sections such as navigation, header, main content, sidebar and footer amongst others.

Once you have your web page in sections, you can order (or arrange) the sections as you wish using CSS. This process is known as styling, and it involves adding other style elements such as color, size, borders, special effects etc. Such is the power of CSS, which – by the way – is short for Cascading Style Sheets. When you put your HTMl and CSS files together and throw in a couple of images, you end up with a complete website.

Things are not very different with WordPress themes. As we saw in part 1 of How To Create A WordPress Theme from HTML, WordPress themes are split into different files. If you cannot spot some similarity at this point, allow me to explain.

Static HTML web pages are split into divisions (what we called sections earlier on) using <div> tags (or tables if you’re really old school). On the other hand, WordPress themes are split into different php files, which are then put back together using template tags.

Therefore, instead of having all body elements (header, main content, sidebar, footer etc) living in a single file (as is the case with static HTML), each of the body elements (in WordPress themes) lives in a separate files.

So, the header will live in header.php, the sidebar will find home in sidebar.php, the main content will live in index.php, or single.php (if it’s a post) or page.php (if it’s a page). The footer section will live in footer.php and so on.

Are you following? Check out the illustration below:

Proin tristique elit et augue varius pellentesque. Donec enim neque, vulputate et commodo in, tristique sed velit. Phasellus adipiscing faucibus felis eget hendrerit. Vestibulum aliquet mauris sed felis convallis, sed tempus augue malesuada. Vivamus mauris lorem, laoreet sed suscipit nec, dapibus at elit. In in augue lobortis, eleifend tortor et, varius eros. Vivamus dignissim sed justo vitae suscipit. Mauris mi sem, malesuada sed sapien ut, sagittis condimentum urna. Nullam lacus mi, vulputate sed sollicitudin in, semper ut elit. Phasellus nec est at leo euismod placerat a porttitor est. Curabitur vel varius nunc, nec tincidunt magna. Proin eros mauris, lobortis id quam non, euismod fringilla nulla. Fusce vel nisi et turpis tempor molestie sit amet a dolor.

THEMATIC (CHILD) THEMES

Thematic uses Child Themes, these are essentially stripped down versions of a full WP theme, that needs the Thematic Framework for functionality. Upon download, Thematic comes packaged with a basic child theme, but you can download many more from the Thematic homepage. Download Thematic Child Themes.

Below, you will find a small selection of themes available for Thematic.

Acamas Child Theme

[quote font=»verdana» font_size=»14″ font_style=»italic» color=»#474747″ bgcolor=»#F5F5F5″ bcolor=»#dd9933″ arrow=»yes» align=»centre»]This Demo Content Brought to you by Momizat Team [/quote]

this is tags and keywords : wordpress themes momizat Tutorial wordpress templates

 

WordPress Themes Development

0

WordPress Themes Development Frameworks

If you build and develop WordPress themes often, you will probably be fed up of all the repetitive code writing, the constantly checking of your mark-up and all you really want to do is focus on the design and the project-specific features. The answer is a WordPress development framework. A framework is designed to speed up the process of designing and coding a WordPress theme by minimizing your time, and balancing your patience, on WordPress’ back-end code that is repeated within every theme.

This post is not about finding the best framework, it is about finding the right framework that works for you. If you are an experienced developer then you will probably go for the powerful and feature rich Thematic or Carrington, or if you are a novice, you could try the Whiteboard framework or , even easier, download a stripped out and bare bones blank canvas theme, which you will find at the bottom of the post.

Which would you use?

Thematic – WP Framework

Thematic is a highly polished WordPress Theme Framework that is built upon the 960.gs. At first glance, its backend may look daunting and complex, but you will soon realise just how well organised it is and easy to use. Its power is based upon its flexibility and its simple customisation, you would be very hard pushed to find a project you couldn’t use the Thematic WP Framework for.

THEMATIC FEATURES

  • Optional 2 or 3 column layouts.
  • Up to 13 widget ready areas.
  • Modular CSS with pre-packaged resets and basic typography.
  • Fully Search-Engine Optimized.
  • Can be used as it is, or as a blank WordPress theme.
  • Dynamic post and body classes make it a hyper-canvas for CSS artists.
  • Options for multi-author blogs.
  • Great support available from the customisation guide and forums.
  • Child Themes are available for upgrading the theme.

THEMATIC (CHILD) THEMES

Thematic uses Child Themes, these are essentially stripped down versions of a full WP theme, that needs the Thematic Framework for functionality. Upon download, Thematic comes packaged with a basic child theme, but you can download many more from the Thematic homepage. Download Thematic Child Themes.

source

[quote font=»verdana» font_size=»14″ font_style=»italic» color=»#474747″ bgcolor=»#F5F5F5″ bcolor=»#dd9933″ arrow=»yes» align=»centre»]This Demo Content Brought to you by Momizat Team [/quote]

this is tags and keywords : wordpress themes momizat Tutorial wordpress templates

 

 

What To Consider When Choosing A WordPress Themes

0

Premium WordPress themes ,What To Consider When Choosing A WordPress Themes Put another way, how much easier is buying a bottle of wine when you know that you prefer reds and that your favorite red is Australian Shiraz? This small amount of knowledge cuts a choice between 500 bottles in a store down to 10.

In this post, I’ll share what I believe are the most important factors to consider, so that you know exactly what to bear in mind the next time you’re on the hunt for a good theme.

To start off, let’s answer one of the most common questions asked: Is it worth paying for a WordPress theme, or can you get away with a free one?

1. Price: Free Vs. Premium Themes

Several years ago, the price of a theme was a good indicator of its quality. Free themes were often poorly coded at best, and were used to capture sensitive user data at worst. But times have changed, and developers in the WordPress community have created thousands of great free themes to choose from.

As such, there is no conclusive winner. Both free and premium themes have their pros and cons, which are detailed below.

PROS OF PREMIUM THEMES

  • More updates
    Perhaps the most compelling reason to choose a premium theme is that such themes are typically updated more often. Given the rapid evolution of the WordPress content management system (CMS), having a theme that is regularly updated to patch new security issues is critical.
  • Less recognizable design
    Because free WordPress themes are so popular, it’s not uncommon for tens of thousands of websites to use the same free one. Premium themes are less common, which set them apart a bit more.
  • Better documentation
    Most premium themes include a detailed PDF explaining how to get the most out of them. Such documentation is less common with free themes.
  • Ongoing support
    Premium theme developers certainly offer the best support, usually through a combination of a public forum, live chat and an email ticketing system. Free themes usually just have a public forum for support.
  • No attribution links
    Many free themes often require a link to appear in the footer crediting the theme’s author. While this is becoming less common in free themes, you can be sure that no links are required in premium themes.

CONS OF PREMIUM THEMES

  • The price
    You’ll have to invest anywhere between $50 to $200 in a premium theme.
  • More configuration
    Most premium themes have their own custom administration panel, with a variety of customization settings, which can take a while to learn and set up.
  • Unwanted features
    Premium themes tend to include a lot of bells and whistles, such as multiple slider plugins, a portfolio manager and extra skins. While these do make a theme very versatile, a lot of unwanted features will bloat the theme.

In general, the most important aspect to look for in a theme, whether free or paid, is the quality and care that’s gone into making it. The quality of the code will influence everything we discuss in this article, from security to page speed.

The easiest way to gauge quality is to read what customers are saying. If a theme has a public support forum, read what kinds of issues people are having, and how responsive the developers are in resolving them.

2. Speed: Lightweight Vs. Feature-Heavy Themes

In my last post here on Smashing Magazine, I emphasized the importance of optimizing website speed. Fast page-loading speed does not just improve the general user experience of a website, but has also been confirmed to improve search engine rankings, conversion rates and, thus, online revenue.

It should come as no surprise that I recommended avoiding sluggish themes like the plague.

Understanding a problem is the first step to avoiding it. So, what causes a theme to drag a website’s page speed into the gutter?

In general, it comes down to three things:

  • Too feature-heavy
    Be wary of themes that boast 10 different sliders, 20 preinstalled plugins and a lot of JavaScript animation. While this might sound like a good deal, no website that makes HTTP requests to 50 JavaScript files will run optimally.
  • Overuse of large file formats
    The keyword here is “overuse,” which admittedly is a bit subjective. Try to steer clear of themes that use a lot of full-width images, background videos, etc. Less is more.
  • Poor coding
    From wildly scaled images to inline CSS injection, poor coding has a significant impact on website performance. As mentioned, poor code usually means that a theme hasn’t been updated in a long time, so always check a theme’s update history.

Here’s a litmus test you can use to figure out how bloated a theme is. Go to the Pingdom Website Speed Test, enter the URL of a theme’s demo and see how long the page takes to load and how many HTTP requests are made.

Let me give you a quick comparison as a benchmark. Earlier this year, I built two websites with very different theme frameworks. The first website, BrokerNotes, was built with theFrank theme (a very lightweight theme designed for speed). According to Pingdom, the home page makes 38 HTTP requests and loads in under 1 second. 3.9 Mb in bandwidth is way too heavy though.

 

[quote font=»verdana» font_size=»14″ font_style=»italic» color=»#474747″ bgcolor=»#F5F5F5″ bcolor=»#dd9933″ arrow=»yes» align=»centre»]This Demo Content Brought to you by Momizat Team [/quote]

this is tags and keywords : wordpress themes momizat Tutorial wordpress templates

 

The Curious Case of Specialty WordPress Themes

0

Have you ever needed a website that should be built with WordPress Themes, but also should push the boundaries of this beautiful content management system? Ever needed to create a WordPress Themeswebsite to share code snippets, or set up an online course to sell your knowledge, or build a support system for your agency?

Sometimes, a theme and a bunch of plugins won’t work for our project. Sometimes, we need a complete system with a decent design and solid functionality. That’s where specialty themes come into play.

A WordPress theme must be developed to change the look of a website and avoid offering functionality embedded in its core. That’s called «invading the plugin territory» and considered as a bad practice since you basically chain the user to your theme with the functionality you offer. Luckily, there is a solution: You can provide functionality through plugins that you require your users to install. To do so, you can use a PHP library like TGM Plugin Activation.

But sometimes, a project requires that design and functionality work together. In this case, we have an exception, and the exception’s name, used throughout the WordPress market, is «specialty themes.»

If you decide to make a specialty theme for WordPress, you might want to consider a few things:

You must offer a unique approach in order to present your theme as a «specialty theme». Go bananas if you like (if you’re certain that somebody will make use of your theme) and make the most eccentric theme the community has ever seen. Seriously, the community could use some variety in themes.

Actions and filters are part of the WordPress Plugin API, but that doesn’t necessarily mean themes can’t benefit from them. In fact, all of the most popular WordPress theme frameworks utilize actions and filters (mainly actions) so other developers can extend the frameworks. Follow their lead and make your theme extendable with WordPress action and filter hooks.

Here’s your «A-ha!» moment if you want to make more of your theme by diversifying design options—make your theme ready for child themes! Build your base theme (like a theme framework) and create child themes to offer different designs.

If you feel that other themes can benefit from a part of your functionality, go ahead and offer it as a plugin and require it by using the TGM Plugin Activation library. But in most cases, specialty themes’ functionalities can’t be used with other themes; so it would seem like a vain effort to convert the functionality.

But keep in mind that developers might create themes after you release your specialty theme, so it’s still a good idea to separate functionality from design.

There are so many types of specialty themes which can be made that it would be pointless to try to list all of them. But to get the idea, let’s write a few:

  • a job board
  • a question and answer system
  • a help desk
  • a learning management system
  • a crowdfunding website
  • a domain sale page
  • a «coming soon» page
  • a simple online wedding invitation
  • a knowledge base
  • a directory website
  • a contact manager
  • …and more

As I said earlier, any good idea could be—and should be—turned into a specialty theme. If you think you have a good idea to make an original specialty theme, go for it.

[quote font=»verdana» font_size=»14″ font_style=»italic» color=»#474747″ bgcolor=»#F5F5F5″ bcolor=»#dd9933″ arrow=»yes» align=»centre»]This Demo Content Brought to you by Momizat Team [/quote]

this is tags and keywords : wordpress themes momizat Tutorial wordpress templates

 

Customizing WordPress Themes Archives For Categories

0

Most WordPress Themes users are familiar with tags and categories and with how to use them to organize their blog posts. If you use custom post types in WordPress Themes, you might need to organize them like categories and tags. Categories and tags are examples of taxonomies, and WordPress allows you to create as many custom taxonomies as you want. These custom taxonomies operate like categories or tags, but are separate.

In this tutorial, we’ll explain custom taxonomies and how to create them. We’ll also go over which template files in a WordPress themes control the archives of built-in and custom taxonomies, and some advanced techniques for customizing the behavior of taxonomy archives.

Terminology

Before continuing, let’s get our terminology straight. A taxonomy is a WordPress Themescontent type, used primarily to organize content of any other content type. The two taxonomies everyone is familiar with are built in: categories and tags. We tend to call an individual posting of a tag a “tag,” but to be precise, we should refer to it as a “term” in the “tag” taxonomy. We pretty much always refer to items in a custom taxonomy as “terms.”

Categories and tags represent the two types of taxonomies: hierarchical and non-hierarchical. Like categories, hierarchical taxonomies can have parent-child relationships between terms in the taxonomy. For example, you might have on your blog a “films” category that has several child categories, with names like “foreign” and “domestic.” Custom taxonomies may also be hierarchical, like categories, or non-hierarchical, like tags.

How Tag, Category and Custom Taxonomy Archives Work

For every category, tag and custom taxonomy, WordPress Themes automatically generates an archive that lists each post associated with that taxonomy, in reverse chronological order. The system works really well if you organize your blog posts with categories and tags. If you have a complex system of organizing custom post types with custom taxonomies, then it might not be ideal. We’ll go over the many ways to modify these archives.

The first step to customizing is to know which files in your theme are used to display the archive. Different WordPress Themes have different template files, but all WordPress Themes have an index.phptemplate. The index.php template is used to display all content, unless a template exists higher up in the hierarchy. WordPress’ template hierarchy is the system that dictates which template file is used to display which content. We’ll briefly go over the template hierarchy for categories, tags and custom taxonomies. If you’d like to learn more, these resources are highly recommended .

[quote font=»verdana» font_size=»14″ font_style=»italic» color=»#474747″ bgcolor=»#F5F5F5″ bcolor=»#dd9933″ arrow=»yes» align=»centre»]This Demo Content Brought to you by Momizat Team [/quote]

this is tags and keywords : wordpress themes momizat Tutorial wordpress templates

 

SENA Aguachica amplio hasta el 19 de mayo las inscripciones en los siguientes programas:

0

  • ¡Atención!

    Se informa a la comunidad de Aguachica que se amplió hasta el 19 de mayo las inscripciones para los siguientes programas:

    Tecnólogo en Gestión de Mercados Descripción del programa:
    Desarrolla habilidades que le permiten planear, organizar y controlar las actividades comprometidos con las areas de Ventas y Mercadeo de cualquier tipo de empresa Genera la capacidad de búsqueda y análisis de la información con el fin de proyectar, pocisionar y negociar en el mercado todo tipo de productos y/o servicios, que sacien plenamente las necesidades deseos y demandas del consumidor o del mercado seleccionado como meta, segun politicas de la empresa.

     Mas información en el siguiente link  Tecnólogo en Gestión de Mercados  

    Tecnólogo en Reproducción Bovina Descripción del programa:
    Aplica tecnicas de punta en reproducción bovina como la transferencia de embriones e inseminacion artificial, procedimientos de laboratorio, alternativas productivas relacionadas con la nutrición, sanidad, adeministracion y gestión de la información, constituyéndose en un apoyo a la labor de los profesionales del sector.

    Mas información en el siguiente link Tecnólogo en Reproducción Bovina   

    Técnico en Diseño e Integración de Multimedia Descripción del programa:

    Programa de formación para la adquisición de competencias en el diseño e integración de aplicaciones multimediales

    Mas información en el siguiente link Técnico en Diseño e Integración de Multimedia 

    Técnico en Instalaciones Eléctricas en Baja Tensión Descripción del programa:
    «Analiza circuitos eléctricos y sistemas polifásicos de corriente alterna para aplicaciones industriales, instala redes intemas de acuerdo con el diseño, identifica materiales, equipos y herramientas requeridas para la ejecución de obras eléctricas, construye sistemas de puesta a tierra requeridos para la protección de personas y equipos, construye acometidas e instala
    equipos de medida de energía eléctrica en baja tensión requeridos para el uso de instalaciones residenciales y comerciales, ejecuta el mantenimiento de motores, generadores, transformadores eléctricos en baja tensión e Implementa estructuras de red de acuerdo con un diseño (red de cableado estructurado).

    Mas información en el siguiente link Técnico en Instalaciones Eléctricas en Baja Tensión 

    Operario en Construcción de Estructuras en Concreto Descripción del programa:

    El programa CONSTRUCCION DE ESTRUCTURAS EN CONCRETO se creó para brindar al Sector de la Construcción, la posibilidad de incorporar personal con altas calidades laborales y profesionales que contribuyan al desarrollo económico, social y tecnológico de su entorno y del país, así mismo ofrecer a los aprendices formación en las tecnologías de la información y la comunicación -TICs-

    Mas información en el siguiente link Operario en Construcción de Estructuras en Concreto

     

    SENA Aguachica amplio hasta el 20 de mayo las inscripciones
    SENA Aguachica amplio hasta el 20 de mayo las inscripciones