Desactivar plugins en WordPress

Saber desactivar plugins en WordPress es de las primeras cosas que uno debe aprender principalmente cuando no se tiene acceso al propio WordPress por algún error desconocido, una de las acciones que se deben tomar cuando se enfrenta un problema en WordPress es desactivar los plugins que muchas veces son los causantes del fallo y ver si esto soluciona el problema, posteriormente si se soluciona el problema activarlos uno a uno para detectar cuál es el plugin culpable.

Formas de desactivar plugins en WordPress

Las siguientes formas de desactivar plugins en WordPress están organizadas de más sencilla a más compleja según nuestro criterio.

[wp_ad_camp_1]

Desactivar plugin desde el panel de administración

Esta es la forma más común de realizar este procedimiento y en la mayoría de casos es más que suficiente, aunque es muy sencilla vale la pena nombrarla en caso de que alguien que no tenga conocimiento de WordPress esté interesado en desactivar algún plugin que no esté funcionando como quiere. Básicamente vas al panel de administración a Plugins > Plugins Instalados y luego simplemente desactivas el o los plugins que necesites como se muestra a continuación:

Desactivar plugins en worpdress forma tradicional

Desactivar plugins en WordPress a través de FTP/Administrador de Archivos

Este método funciona si tienes acceso a través de FTP o Administrador de Archivos. Lo que tienes que hacer es navegar a la carpeta /wp-content/, si quieres desactivar TODOS los plugin simplemente debes renombrar la carpeta plugins por cualquier cosa que gustes, si quieres desactivar solamente algunos plugins entras en la carpeta plugins y renombras la carpeta de los plugins que quieres desactivar.

De esta forma puedes desactivar el plugin que quieras, sin perder las configuraciones ni nada que tengas guardado en ellos, luego para activarlos simplemente debes retornar el nombre de la carpeta a su estado inicial e ir al panel de administración y activarlo manualmente.

Desactivar plugins en WordPress via phpMyAdmin

El método anterior es mucho más sencillo, pero este resulta igual de útil, si no estás familiarizado con phpMyAdmin, lo mejor será que uses otro de los métodos con el fin de agilizar el proceso. Una vez estés en la base de datos de tu WordPress, vas a la tabla wp_options, posteriormente buscas la opción active_plugins, editas el valor de esa opción dejando a:0:{} y listo, tus plugins estarán desactivados.

De forma alternativa puedes usar la siguiente consulta SQL, la cuál hará básicamente lo mismo que hicimos anteriormente.

UPDATE wp_options SET option_value = 'a:0:{}' WHERE option_name = 'active_plugins';

Hay que tener en cuenta que el prefijo de la tabla puede cambiar, sin embargo wp_options siempre estará presenta en cualquier instalación de WordPress.

Estos son los métodos que conocemos para desactivar los plugins de WordPress, si conoces algún método alternativo que no esté listado en esta guía con gusto lo adicionaremos.

Usar varios perfiles de Firefox al mismo tiempo

Usar varios perfiles de Firefox resulta útil en muchas ocasiones, normalmente cuando se necesitan dos sesiones simultaneas se puede optar por abrir la sesión tradicional y paralelamente una navegación privada, el problema viene cuando se necesitan abrir 5-10 navegadores y sólo queremos usar un PC.

[wp_ad_camp_1]

¿Cuándo usar varios perfiles de Firefox?

Existen muchas ocasiones en las que necesitamos más de una sesión abierta al mismo tiempo y no queremos o no basta usar una navegación privada, a continuación listaré algunos casos en los cuales sería útil esta solución:

  • El uso del PC es compartido, por lo tanto se ve la necesidad de tener varios perfiles, por ejemplo, uno para cada hermano y así cada uno tendrá su propio historial con sus propias sesiones activas y demás.
  • Se está desarrollando una extensión y se quiere realizar pruebas, cada sesión tiene sus propias extensiones de la misma forma que cada una tiene sus propio historial.
  • Sesión de Firefox orientada al SEO, o alguna otra practica habitual en el internet que requiera un navegador lleno de extensiones y marcadores especiales que no quieres tener cuando usas tu sesión normal.

Estás son las situaciones que se me ocurren en este momento, si llegaste a este artículo en buscada de una solución para tu problema y este es diferente a los mencionados anteriormente te agradezco compartas tu caso en los comentarios.

¿Cómo ejecutar Firefox varias veces en el mismo PC?

Las siguientes instrucciones funcionan muy similar en cualquier sistema operativo con pequeñas adaptaciones que tal vez tenga lugar en algunos SOs. Dicho esto, lo primero que debemos hacer es abrir el administrador de perfiles, debes cerrar Firefox antes de usar el siguiente comando de lo contrario lo que pasará es que abrirá una nueva ventana de Firefox.

firefox -profilemanager

Administrador de perfiles firefox

Una vez estemos en el administrador de perfiles de Firefox, podemos crear tantos perfiles como queramos, renombrar y borrar a nuestro gusto, en este caso voy a crear un nuevo perfil llamado castitec a modo de prueba.

Usar varios perfiles de Firefox

Después de esto si abrimos nuestro Firefox normalmente se abrirá el perfil que está seleccionado en el paso anterior, en mi caso se abrirá el perfil default, si queremos abrir el perfil que creamos podemos hacerlo desde el administrador de perfiles o también ejecutando el siguiente comando:

firefox -P castitec -no-remote

De esta forma si tenemos 10 perfiles creados y queremos usarlos todos al tiempo podemos cambiar el nombre del perfil y abrir todas las sesiones que Firefox que sean necesarias, el límite entonces será la capacidad de tu PC.

Crear Buscador de WordPress Personalizado

El buscador de WordPress funciona correctamente en los casos típicos, sin embargo, muchas veces podríamos necesitar personalizar su funcionamiento para cumplir con necesidades específicas de nuestro proyecto, por ejemplo, podríamos querer limitar la búsqueda a solamente entradas o por qué no a un tipo de contenido personalizado que hayamos creado anteriormente.

[wp_ad_camp_1]

En este artículo veremos lo fácil que es crear tu propio buscador de WordPress y entenderemos mucho mejor cómo funcionan las búsquedas en este CMS.

Bases para crear tu propio Buscador de WordPress

Detrás del buscador de WordPress está la clase WP_Query, esta clase cuenta con varios parámetros, muchos de los cuales pueden ser especificados en un formulario de búsqueda o directamente en una URL para de esta forma cambiar el comportamiento de la búsqueda. Por ejemplo, si queremos limitar una búsqueda a un tipo de contenido personalizado llamada videojuego:

http://3.22.125.71/?s=mario+bros&post_type=videojuego

Cabe recordar que lo único necesario para que exista una búsqueda en WordPress es que el parámetro s esté incluido en el enlace, como en nuestro ejemplo anterior, el valor de este parámetro será precisamente la palabra clave que vamos a buscar. Adicionalmente hay otros parámetros muy útiles que nos ayudarán a darle a nuestra búsqueda el comportamiento que deseamos.

Cláusula WHERE

Por defecto WordPress realiza las búsquedas por palabra clave, lo que significa que cuando pasamos la palabra clave Mario Bros, WordPress realiza la siguiente cláusula WHERE.

((wp_posts.post_title LIKE '%mario%') OR
(wp_posts.post_content LIKE '%mario%')) 
AND
((wp_posts.post_title LIKE '%bros%') OR
(wp_posts.post_content LIKE '%bros%'))

Buscar por Frase

Como puedes ver en la cláusula WHERE mostrada anteriormente, no se está buscando por la frase completa sino por mario en el título o en contenido y bros en el título o en el contenido. De esta forma una entrada que tenga bros en el título y mario en el contenido va a retornar como resultado de esta búsqueda, cosa que posiblemente no quieras hacer ya que lo más común es que quieras buscar por entradas que contengan la frase mario bros.

Esto lo puedes realizar de una forma muy sencilla añadiendo sentence=1 en el enlace de tu búsqueda:

http://3.22.125.71/?s=mario+bros&sentence=1&post_type=videojuego

La cláusula WHERE usando sentence=1 quedaría de la siguiente forma.

((wp_posts.post_title LIKE '%mario bros%') OR 
(wp_posts.post_content LIKE '%mario bros%'))

Buscar por Coincidencia Exacta

Algo muy similar a la búsqueda por frase sería la búsqueda exacta. Para realizar una búsqueda exacta se añade exact=1 en la URL de tu búsqueda:

http://3.22.125.71/?s=mario+bros&exact=1&post_type=videojuego

En esta caso la cláusula WHERE quedaría de la siguiente forma si usamos exact=1.

((wp_posts.post_title LIKE 'mario bros') OR 
(wp_posts.post_content LIKE 'mario bros'))

Como lo puedes notar la única diferencia es que se remueven los signos % que anteceden y suceden a la palabra clave. Aunque la diferencia sea pequeña la connotación es muy importante, en este caso el título el contenido tiene que ser exactamente el mismo que en la palabra clave, mientras que en el anterior caso la palabra clave tan solo tenía que estar contenida en el título o en el contenido.

Este tipo de búsqueda es muy poco usada debido a que si no hay elementos que contengan exactamente la palabra clave no se mostrarán resultados, situación que es muy probable que suceda.

Personalizar un Formulario de Búsqueda

El formulario de búsqueda por defecto de WordPress luce de la siguiente forma:

<form role="search" method="get" id="searchform" class="searchform" action="http://3.22.125.71/">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

Si queremos cambiar el comportamiento de la búsqueda debemos añadir nuestros propios parámetros al formulario.

<form role="search" method="get" id="searchform" action="http://3.22.125.71/">
<div>
<input type="text" value="" name="s" id="s" />
<input type="hidden" value="1" name="sentence" />
<input type="hidden" value="videojuego" name="post_type" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

Cuando este formulario de búsqueda sea utilizado generará este enlace.

http://3.22.125.71/?s={palabra+clave}&sentence=1&post_type=videojuego

La página de resultados que se mostrará seguirá siendo la misma, pero los resultados serán solamente del tipo de contenido personalizado llamado videojuego que contengan la palabra clave en el título en el contenido.

Y así podremos dar nuestros primeros pasos en la personalización y el manejo de búsquedas en WordPress, espero que esta información haya sido de ayuda, cualquier sugerencia o recomendación es siempre bienvenida.

Cambiar Administrador de Archivos por Defecto en Ubuntu

Normalmente no estamos conformes con los programas que se encargan de las cosas más básicas como son: Editor de texto, reproductor de vídeo, administrador de archivos, navegador web, entorno de escritorio, etc. Es por esto que necesitamos encontrar la forma de cambiar estos programas por defecto por los de nuestra elección.

[wp_ad_camp_1]

Cambiar Administrador de Archivos Ubuntu

La forma más sencilla que encontré para realizar dicho procedimiento es la siguiente. Abrimos una consola e instalamos el siguiente paquete exo-utils

sudo apt-get install exo-utils

Luego de que terminen la descarga y la instalación, lo corremos con el siguiente comando:

exo-preferred-applications

En la ventana que abrimos con el comando anterior vamos a cambiar a la pestaña Utilities, donde básicamente podremos seleccionar el administrador de archivos y también la consola que deseemos. En este caso el administrador de archivos que me gusta es spacefm, antes de configurarlo de este modo tenía Nautilus que es el que viene por defecto y en el menú desplegable no me salia SpaceFM por lo que tuve que usar la opción de Other… que está en el menú desplegable y adicionar spacefm manualmente.

Cambiar Administrador de Archivos por Defecto en Ubuntu

Así de simple podemos Cambiar nuestro administrador de Archivos por defecto, de la misma forma podemos cambiar la terminal que estamos usando en caso de que otra nos guste más.

Cómo crear tipos de contenido personalizados en WordPress

Las personas tienden a pensar que WordPress simplemente es útil a la hora de crear blogs, sin embargo ignoran su gran versatilidad, este es uno de los puntos que ha hecho que WordPress se gane su lugar; desde tiendas online hasta plataformas de contratación, el límite es la imaginación de los desarrolladores tanto de plantillas como de plugins.

[wp_ad_camp_1]

Por defecto WordPress viene con entradas y páginas como tipos de contenido (Post Type). Sin embargo, es posible crear tipos de contenido personalizados de acuerdo a nuestras necesidades. A continuación te mostraremos cómo crear este tipos de contenido personalizado en WordPress y de esta forma explotar al máximo este CMS.

¿Qué son Post Type (tipos de contenido) en WordPress?

Las palabras post y WordPress están comúnmente ligadas, la mayoría de personas relacionan a WordPress con post y blogging, sin embargo, un post type puede ser cualquier tipo de contenido, los Post Types que trae por defecto WordPress son:

  • Entradas
  • Páginas
  • Medios
  • Revisiones
  • Menú de Navegación

Además de los anteriores tipos de contenido comúnmente encontramos otros como son: Portafolios, Testimonios, Productos, etc.

De forma independiente puedes crear los post types que necesite tu proyecto y hacer lo que quieras con ellos. Si quieres construir un sitio de reviews de videojuegos te vendría muy bien crear un post type o tipo contenido personalizado llamado videojuegos, este nuevo tipo de contenido puede tener diferentes campos personalizados e incluso su propia estructura de categorías y taxonomías personalizadas.

Crear un tipo de contenido

La forma más fácil de crear un tipo de contenido personalizado es usando un plugin que te permita hacerlo. Este método es el que personalmente recomiendo para todo tipo de usuarios y en la mayoría de los casos, principalmente porque funciona bastante bien y hace lo que uno necesita que haga.

CPT UI MenuInstalar y activar el plugin Custom Post Type UI. Después de esto el plugin adicionará un nuevo elemento llamado CPT UI en el área de administración de tu WordPress. Ve a el nuevo menú y haz Add/Edit Post Types para crear tu nuevo tipo de contenido personalizado, como se muestra a continuación.

Add Post Type Videojuegos

Como puedes darte cuenta hay dos columnas, en la primera se configura lo principal en la segunda hay varias opciones interesantes, si bajas podrás encontrar la sección Settings con las siguientes características que vale la pena resaltar.

  • Exclude From Search: False por defecto, en caso que quieras que se oculte tu nuevo tipo del buscador cambiar a True.
  • Menu Position: Aquí podrás cambiar la posición de tu tipo de contenido en el área de administración, los valores los puedes ver aquí.
  • Menu Icon: Aquí cambias el icono por defecto de los elementos del menú, aquí encontrarás algunos ejemplos de iconos.
  • Supports: Esta parte es muy importante ya que aquí vas a decir qué características tiene tu tipo de contenido, entre las más importantes están: Título, Campos Personalizados, Comentarios, Revisiones, Imagen Destacada y Autor.
  • Built-in Taxonomies: Directamente podrás aplicarle al nuevo tipo de contenido las taxonomías por defecto de WordPress o las que hayas creado previamente.

Así de fácil podrías crear tantos tipos de contenido personalizados como sean necesario, si además de esto deseas crear taxonomías personalizadas para asignarlas a este u otros tipos de contenido, puedes hacerlo haciendo uso del mismo plugin en la opción Add/Edit Taxonomies.

Solución [an error occurred while processing this directive]

Este es un error bastante molesto, principalmente porque la veces que se me ha presentado no tuve nada que ver, muchas veces estamos editando o probando cosas nuevas y dañamos un sitio, totalmente razonable cuando se comete la imprudencia de editar un sitio en producción, pero muchas otras vas a visitar tu sitio y te das cuenta que tiene un error o te avisa alguien que quiere acceder y no puede, algo para nada agradable.

Solución [an error occurred while processing this directive]

Dicho error me aparecía en todas las páginas y post que quería cargar menos en la homepage y en el panel de administración. Sin embargo, no es tan complicado solucionarlo, aunque tal vez tengas que probar un par de cosas antes de dar con la solución porque puede suceder por diferentes razones.

[wp_ad_camp_1]

Soluciones [an error occurred while processing this directive]

Solución número 1: Enlaces permanentes

Vas a Ajustes > Enlaces Permanentes, luego le das al boton Guardar Cambios, tan simple como eso, puede sonar como algo muy simple y que no resuelve nada pero es sorprendente la cantidad de problemas que se solucionan de esta forma. Igualmente no se pierde más de 1 minuto probado esta posible solución.

Solución número 2: Desactivar plugins

Vas a la lista de plugins los seleccionas todos y los desactivas, luego vas al sitio y miras si está cargando sin mostrar [an error occurred while processing this directive], si ves el mismo error y nada parece cambiar lo mejor es que actives los plugins de nuevo y pruebes con la siguiente solución porque probablemente no sea nada relacionado con los plugins.

Si visitas el sitio y no se muestra el error estás cerca de detectar el causante de los problemas, para hacerlo tienes que activar uno a uno todos los plugins, cada vez que actives uno vas al sitio y compruebas el estado del mismo, si algún momento detectas que el sitio vuelve a presentar el error el culpable es el último plugin que activaste, aquí evaluarás tus posibilidades:

  • Usar un plugin que ofrezca características similares
  • Borrar y proceder a instalar de nuevo el plugin causante del problema
  • Reportar al desarrollador del error y esperar una actualización

Solución número 3: Cambiar plantilla

Debido a una actualización o posiblemente falta de actualización de tu plantilla puedes estar viendo este error, para saber si esta es la causa lo que tienes que hacer es activar otra plantilla de WordPress temporalmente, si el error desaparece y aparece nuevamente cuando activas la plantilla que usas normalmente, el problema sin duda alguna es este.

En el mejor de los casos reinstalar el theme bastará, pero puede ser algún error del desarrollador y en este caso podrías notificarle en caso de ser una plantilla de pago o por otro lado buscar otra plantilla que te funcione adecuadamente.

Solución número 4: Permisos

Ve a tu cPanel, abre el administrador de archivos y ve a la carpeta que contiene la instalación del sitio con el problema y asegurate de dos cosas:

  1. Los permisos de los archivos deben estar en 0644
  2. Los permisos de las carperas deben estar en 0755

Como siempre, si conoces soluciones alternativas no dudes en compartirlas.

Escritorio Unity no carga, solución efectiva

Si luego que iniciaste tu Ubuntu, te das cuenta que no se muestra el entorno de escritorio Unity estás en el mismo lugar que muchos estuvimos, en varias versiones de Ubuntu me ha ocurrido este problema, principalmente cuando la instalación del sistema operativo fue hace mucho tiempo y se pone lento el sistema, debido a esto he usado algunas de las siguientes soluciones y otras las encontré aunque no he tenido la oportunidad de probarlas.

[wp_ad_camp_1]

Escritorio Unity no carga: Solución número 1

Lo primero que debemos hacer es abrir una terminal, la mayoría de los problemas que podemos tener en Ubuntu los solucionaremos desde allí, puede intentar Ctrl+Alt+T y en caso que no funcione tendrás que ir al modo terminal Ctrl+Alt+F1 en el cual usas tu nombre de usuario y luego tu contraseña para iniciar sesión.

Posteriormente instalaras compizconfig-settings-manager de la siguiente forma.

sudo apt-get install compizconfig-settings-manager

Después de la instalación corre el siguiente comando:

DISPLAY=:0 ccsm

Si para abrir la terminal usaste Ctrl+Alt+F1 tendrás que volver al modo gráfico usando Ctrl+Alt+F7, una vez estés de vuelta verás el Administrador de Configuraciones CompizConfig.

Escritorio Unity no carga- Administrador de Configuraciones CompizConfig

Busca y activa Ubuntu Unity plugin, después de esto todo debería estar perfecto, pero si por alguna razón sigues teniendo problemas lo más conveniente será reiniciar el PC con el fin de solucionarlo por completo.

sudo reboot

Segunda solución al problema de carga de Unity

export DISPLAY=:0   
sudo dconf reset -f /org/compiz/
setsid unity

Tercera solución para Ubuntu iguales o inferiores a 12.10

ccsm
unity --reset o unity --replace

Si tu Escritorio Unity no carga aún déjalo en los comentarios y seguro encontraremos otra solución. Seguramente como siempre existirán varias formas de solucionar un problema similar, dependiendo de la versión del Ubuntu que se esté usando y muchos otros factores, si para ti funcionó algo más no dudes en compartir tu solución en los comentarios.

Imagen en Blanco y Negro usando CSS

Aveces necesitamos que una imagen o un grupo de imagenes a color se vean en Blanco y Negro, aquí te mostraté como convertir una imagen a color en Blanco y Negro usando CSS, cabe aclarar que seguramente hay muchas más formas de llegar a resultados similares, pero te mostraré la forma que uso y que me parece más conveniente.

[wp_ad_camp_1]

Sin más preambulo, la solución que tenemos aquí es básicamente usar este estilo CSS que se puede aplicar a un solo elemento, o también a una clase para ser usado por cualquier imagen o grupo de imagenes. En este caso creé un estilo para una clase llamada blanco-negro, la cual al ser usada en cualquier imagen cambiará los todos a una escala de grises que es lo que necesitamos.

.blanco-negro {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

Procedo a aplicar dicho estilo al logo de mi blog, sin embargo lo aplicaré directamente sobre el HTML de la imagen porque posteriormente editaré esta clase para adicionar más cosas. Por lo que el logo del blog con el estilo anterior luce de la siguiente forma.

Blanco y Negro usando CSS Castitec logo

Imagen Blanco y Negro usando CSS, Hover

Sin embargo, lo que en realidad necesitaba era desarrollar la página de “Clientes” dentro del sitio web de un cliente, lo que él quería era que al cargar dicha página se cargaran las imagenes de sus clientes en blanco y negro, pero que al pasar el cursor sobre cada imagen (hover) se vieran los colores originales del logo de cada uno de sus clientes. En este caso usé el estilo anterior pero adicionalmente añadí el hover, donde le quitamos la escala de grises para que quede la imagen original.

.blanco-negro {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.blanco-negro:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

En este caso sí usaré la clase blanco-negro sobre la imagen y el resultado será.

Blanco y Negro usando CSS Castitec logo

Si tienes una forma más rápida o eficiente de lograr el mismo objetivo no dudes en comentar.

Insertar sitio web dentro de nuestro sitio web

embeber sitio web dentro de otro

Aveces necesitamos mostrar un sitio web en nuestros artículo o sitios web, muchas de esas veces basta con usar una captura de pantalla para hacer referencia del sitio web, sin embargo, algunas veces necesitamos insertar en nuestro sitio web otro sitio web dinámica, por lo que una captura de pantalla no nos serviría completamente ya que se desactilizaría en un par de días, embeber sería el verbo correcto, lo que necesitamos entonces es embeber un sitio web en otro.

[wp_ad_camp_1]

Con un sitio web embebido, tus lectores pueden navegar en la página que insertaste sin salir de la tuya, lo que resulta útil para tener menos rebote y hacer de la experiencia del usuario algo mejor.

Insertar sitio web dentro de tu sitio web

Con el siguiente código lo harás de una forma rápida y práctica, supongamos que quieres embeber este blog en una artículo de tu WordPress o en cualquier sitio web:

<object data=http://3.22.125.71/ width="650" height="500"> <embed src=http://3.22.125.71/ width="650" height="500"> </embed></object>

Obviamente lo único que debes cambiar es la dirección del sitio web que deseas insertar o embeber y el tamaño width y height que quieres que tenga. Así de simple.

Ejemplo del código anterior.

Cómo añadir una imagen con HTML

Las imágenes son un punto clave, ya que captan la atención del usuario y además este se da una buena idea acerca del tema de la página, por lo tanto es indispensable que hagas uso de ellas en el contenido de tu página web, a continuación te damos una breve explicación y te mostramos el código que debes implementar en tu contenido para adicionar las imagenes que deseas.

[wp_ad_camp_1]

El código HTML para adicionar una imagen en tu página es:

<img src="nombredelaimagen.jpg" alt="logo de la pagina">

Nota: Lo primero que debes tener en cuenta a la hora de adicionar una imagen en tu página es que la imagen debe estar guardada en la misma carpeta en la que guardaste el archivo con extensión .html ya que de lo contrario al recargar tu página esta mostrará un error o tendrá que escribir la ruta completa de tu imagen.

Como redimensionar una imagen en HTML

Esta pregunta es muy frecuente y es útil que sepas que los atributos se pueden editar a continuación te mostramos el código para redimensionar o cambiar el tamaño de una imágen en HTML

<img src="nombredelaimagen.jpg" alt="logo de la pagina" width="150" height="150" >

Los atributos que debes cambiar son width=”150″ o ancho, por el número de píxeles que deseas y height=”150″ que es lo mismo que alto por el número de píxeles que necesites.

Primer Paso

Guarda la imagen que deseas agregar en la misma carpeta en del archivo html

Segundo Paso

Modifica el código de la siguiente manera para adicionar la imagen que acabas de guardar en la carpeta raiz. Recuerda usar el comando de salto de línea para que la imagen no quede seguida del texto tal y como te mostramos a continuación:

<!DOCTYPE html>

<html>

<head>

<meta charaset="utf-8">

<title>Le Panzerotti Delicious </title>

</head>

<body>

<img src="panzerotti.png" alt="logo del restaurante"><br>

<h1> Le Panzerotti Delicious</h1>

<h2> El Restaurante</h2>

<p> Le Panzerotti Delicious ofrece a sus clientes un almuerzo y cena casual envuelta en una atmósfera natural. El menú cambia regularmente con los ingredientes más frescos del mercado. </p>

<h2>Servicio a domicilio</h2>

<p>Sólo diviértete... nosotros nos encargaremos de cocinar.Le Panzerotti Delicious con su servicio a domicilio, puede manejar eventos como refrigerios para grupos pequeños hasta todo lo relacionado con las comidas en el lanzamiento de una corporación. </p>

<h2>Ubicación y Horarios</h2>

<p>Los horarios en el restaurante son flexibles dado que sabemos que hay muchas personas que tienen horarios extendidos.</p>

</body>

</html>

Luego de haber hecho todas las modificaciones correspondientes tu página debe lucir de la siguiente manera con la imgen incluída:

como adicionar una imagen con html

En el siguiente artículo se hablará acerca del cambio de estilo en la página y algunos detalles que son trascendentales en la imagen de la misma.