idioma

  • English
  • Español
  • Russian

Top Menu

  • Live Chat
  • Submit a ticket
  • Sample Templates
  • Testimonials
  • Contact Us
 

Knowledgebase and documentation
If you have TEMPLATE-HELP.COM on your cardholder's statement and don't recognize it, please contact billing@template-help.com
  • Web templates
    • 3 Color Templates
      • Product Description
      • Tutorials
    • CSS Templates
      • Product Description
      • Tutorials
    • Dynamic Flash
      • Product Description
      • Tutorials
    • Dynamic Flash Photo Gallery
      • Product Description
      • Tutorials
      • Updates & Innovations
    • Flash Animated Templates
      • Product Description
      • Tutorials
    • Flash CMS Intro
      • Product Description
      • Tutorials
    • Flash Intro Templates
      • Product Description
      • Tutorials
    • Flash Templates
      • Product Description
      • Quick Start Guide
      • Tutorials
    • Dynamic SWISH Templates
      • Product Description
      • Tutorials
    • Full Package Templates
      • Product Description
      • Tutorials
    • Full Site templates
      • Product Description
      • Quick Guide
      • Tutorials
    • JS Animated
      • Product Description
      • Tutorials
    • PSD Templates
      • Product Description
      • Tutorials
    • Razor Templates
      • Product Description
    • Stretched Template
      • Product Description
      • Tutorials
    • SWISH Animated templates
      • Product Description
      • Tutorials
    • Swish Templates
      • Product Description
      • Tutorials
    • XML Flash Templates
      • Product Description
      • Tutorials
    • PRO templates
      • Product Description
    • Responsive web templates
      • Product Description
    • Bootstrap Templates
      • Product Description
      • Tutorials
  • E-commerce Templates
    • Prestashop
      • Product Description
      • Quick Start Guide
      • Tutorials
      • Updates & Innovations
    • Magento
      • Product Description
      • Quick Guide
      • Tutorials
      • Updates & Innovations
    • OsCommerce
      • Product Description
      • Quick Guide
      • Tutorials
      • Updates & Innovations
    • VirtueMart
      • Product Description
      • Quick Guide
      • Tutorials
      • Updates & Innovations
    • ZenCart
      • Product Description
      • Quick Guide
      • Tutorials
      • Updates & Innovations
    • OpenCart
      • Product Description
      • Quick Start Guide
      • Updates and Innovations
      • Tutorials
    • Jigoshop
      • Product Description
      • Tutorials
    • CRE Loaded
      • Product Description
      • Tutorials
      • Updates & Innovations
    • E-Commerce Comparison
    • E-commerce templates compatibility table
  • CMS & Blog Templates
    • Wordpress
      • Product Description
      • Quick Guide
      • Tutorials
      • Updates & Innovations
    • Joomla!
      • Product Description
      • Quick Guide
      • Tutorials
      • Updates & Innovations
    • Drupal
      • Product Description
      • Quick Start Guide
      • Tutorials
      • Updates & Innovations
    • Mambo
      • Product Description
    • PhpBB
      • Product Description
      • Tutorials
    • Php-Nuke
      • Product Description
      • Tutorials
    • Tumblr templates
      • Tutorials
    • CMS Comparison
    • CMS Product versions compatibility
  • Corporate Design
    • Corporate Identity
      • Product Description
      • Tutorials
    • Icon Set
      • Product Description
      • Tutorials
    • Logo Set
      • Product Description
      • Tutorials
    • Logo Templates
      • Product Description
      • Tutorials
    • PowerPoint Templates
      • Product Description
      • Tutorials
  • Silverlight
    • Silverlight Templates
      • Product Description
      • Tutorials
    • Silverlight Intro
      • Product Description
  • Video Templates
    • After Effects Intros
      • Product Description
      • Tutorials
    • After Effects Logo Reveals
      • Product Description
      • Tutorials
    • VideoSmash
      • Tutorials
  • Facebook Layouts
    • Facebook Flash Templates
      • Product Description
      • Tutorials
    • Facebook HTML Templates
      • Tutorials
    • Facebook Reveal Template
      • Product Description
      • Tutorials
    • Updates & Innovations
 

Pre-Sale Questions

  • Pre-Sale Questions
    • Pre-Sale FAQ
    • After Sale Support
    • Copyright & Template Usage
    • Licensing Questions
  • Billing Questions
 

General Tutorials

  • Developer Tools
  • Hosting FAQ
  • Working with CSS
  • Working with Photoshop
  • Working with HTML
  • Working with Files
  • Working with Flash
  • Working with JQuery
  • Working with fonts
  • Working with XML Flash
  • Working with Swish
 

¿Cómo reemplazar el logotipo de imagen?

  • Author: Chris Diaz
  • Posted on: marzo 10, 2011
  • Relation: Layout
  • Complexity: Low
  • Etiquetas: image, logo, replace, WordPress
GD Star Rating
a WordPress rating system
 

Este tutorial le ayudará a cambiar la imagen del logotipo en WordPress WordPress es un software web se puede utilizar para crear un hermoso sitio web o blog. Nos gusta decir que WordPress es libre y no tiene precio, al mismo tiempo. El software basico es construido por cientos de voluntarios de la comunidad, y cuando este listo para mas, hay miles de plugins y temas disponibles para transformar su sitio en casi cualquier cosa que puedas imaginar. Mas de 60 millones de personas han elegido WordPress para alimentar el sitio en la web que ellos llaman "hogar" - nos encantaria que unirse a la familia. .

Subir el logotipo

Temas WordPress más recientes ofrecen la capacidad de cambiar el logotipo a través del panel de administración de WordPress.

1. Abra el panel de administración de WordPress, elija Appearance > Logo.

(haga clic para ampliar)

2. Aquí puede Browse (Examinar) para encontrar una imagen del logotipo en su ordenador y subirlo a su sitio web.

Cambiar dimensiones de logotipo

En la mayoría de casos el logotipo del cliente tiene dimensiones diferentes del logotipo original del tema. Para que se ajuste al diseño necesita realizar algunas modificaciones del fichero CSS.

1. Abra el fichero style.css de la carpeta wp-content/themes/theme### con ayuda de su editor de HTML/CSS (Notepad, Adobe Dreamweaver, Microsoft Expression Web etc).

2. Luego hay que encontrar estilos del logotipo en el fichero style.css. Puede hacer esto de forma manual a través del fichero css o puede elegir el modo más fácil.

Para encontrar los estilos del logotipo puede utilizar los capacidades de su navegador web que le permiten revisar los estilos de los elementos del sitio web.

Para Mozilla Firefox puede instalar el plugin Firebug.

Para IE 8 puede utilizar Tools > Developer Tools (Herramientas > Herramientas de desarrollo).

Para Google Chrome y Opera puede utilizar la opción Inspect Element (Inspeccionar elemento) (clic derecho > Inspect Element)

Estas herramientas le permiten elegir un elemento (logotipo en nuestro caso) y examinar sus estilos.

(haga clic para ampliar)

Cambie los estilos del logotipo en el fichero CSS para que armonice con el diseño de tema.

Siéntase libre de revisar el video tutorial: ¿Cómo reemplazar el logotipo de imagen?

This entry was posted in WordPress, WordPress Tutorials and tagged image, logo, replace, WordPress. Bookmark the permalink.

Related posts:

  1. ¿Cómo cambiar un logotipo?
  2. Sustitución del logotipo
  3. ¿Cómo modificar un logotipo y un fondo?
  4. ¿Cómo cambiar un logotipo?
  5. Logotipo en el formato JPEG

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Copyright 2003-2012 Template-help.com All rights reserved.