Trabajar con instrucciones detalladas de WordPress. WordPress para principiantes. Lecciones de nuestro equipo. Plantillas gratuitas o de pago
La editora de Netology, Svetlana Shapovalova, entiende quién es un desarrollador front-end, qué debería poder hacer (o no) y por qué le pagan un salario excelente (o no tanto).
¿Quién es un desarrollador front-end?
Según el estudio anual StackOverflow, la profesión más popular entre los usuarios de servicios en 2017 es la de desarrollador web. Esta es la categoría en la que caen todos los desarrolladores front-end.
Datos de desbordamiento de pila
Si visita el primer sitio de búsqueda de empleo que encuentre, por ejemplo hh.ru, tendrá la impresión de que se trata de un especialista camaleón.
Todo comienza con confusión en los títulos de los trabajos: puede encontrar "desarrollador front-end", "desarrollador front-end", "desarrollador front-end", "desarrollador front-end" y "desarrollador web" y “desarrollador front-end”. A veces incluso puedes ver algún “diseñador web” con requisitos para un desarrollador full-stack. Sólo hay una reacción ante esto: ¡¿WTF?!
El problema es que algunos empleadores no distinguen (o no quieren distinguir) entre un diseñador de diseño y un desarrollador front-end; esto se desprende claramente de las descripciones de los puestos. Averigüemos qué habilidades separan a un desarrollador front-end de un "banco de trabajo" (diseñadores de diseño, no se ofendan, ustedes también son buenos).
Un diseñador de diseño es un luchador en un frente estrecho. Su tarea es diseñar el diseño recibido del diseñador utilizando HTML+CSS. Puede que sepa un poco de JavaScript, pero la mayoría de las veces se limita a la capacidad de instalar algún complemento jQuery.
Un desarrollador front-end no se limita a crear diseños. Conoce bien JavaScript, comprende los marcos y las bibliotecas (y utiliza activamente algunos de ellos), comprende lo que hay "debajo del capó" en el lado del servidor. No le teme a los preprocesadores ni a los ensambladores LESS, SASS, GRUNT, GULP, puede trabajar con objetos DOM, API, SVG, AJAX y CORS, puede escribir consultas SQL y profundizar en los datos. Resulta ser una mezcolanza de habilidades, a la que se suma la comprensión de los principios del diseño UI/UX, el diseño adaptativo y receptivo, las habilidades de desarrollo multinavegador y multiplataforma y, a veces, para dispositivos móviles.
Trabajador front-end en obligatorio sabe cómo trabajar con el control de versiones (Git, GitHub, CVS, etc.), utilizar editores gráficos y “jugar” con varias plantillas de CMS.
También es muy recomendable saber inglés para no traducir la especificación en Google Translator, poder trabajar en equipo, a veces multilingüe, comprender las fuentes web y comprender a los evaluadores y el proceso de prueba en sí.
Entonces, ¿qué tecnologías debería dominar un desarrollador front-end?
- HTML y CSS (incluidos grids y frameworks CSS, especificaciones W3C y WHATWG, HTML5/CSS3 Polyfills)
- Preprocesadores CSS (Sass, Less, Stylus, etc.)
- javascript
- Marcos y bibliotecas populares: jQuery, Angular.JS, React.JS, Backbone.js, etc.)
- OOCSS/BEM/SMACSS
- API HTML5
- ECMAScript 6
- CMS populares (WordPress, Drupal, Joomla, etc.)
- Comprender y comprender las tecnologías de servidor (Node.js, PHP, Ruby, .NET, etc.)
- Herramientas de depuración (Chrome Dev Tools, Firebug y otras)
- Transpiladores de JavaScript (Babel)
- Herramientas de control de versiones (Git, GitHub, CVS, etc.)
- Bases de datos y lenguajes de consulta (SQL, MySql, NoSQL, MongoDB, etc.)
- Editores gráficos (Photoshop, Illustrator, etc.)
- desarrollo multinavegador y multiplataforma;
- mejora progresiva y degradación elegante;
- desarrollo móvil;
- diseño adaptable y responsivo;
- fuentes web;
- Principios de optimización SEO.
Lo que dicen las estadísticas
¿Qué tecnologías y herramientas utilizan con mayor frecuencia los desarrolladores front-end? En primer lugar, es difícil imaginar un desarrollador front-end que no conozca JavaScript. Las encuestas lo confirman:- Según StackOverflow, JavaScript lidera la lista de herramientas front-end por un margen enorme (90,5%)
- Un estudio de O'Reilly, realizado entre programadores europeos a finales de 2016, sitúa también a JavaScript en primer lugar.
Datos de desbordamiento de pila
Si agrupamos las herramientas más populares en pilas, obtenemos la siguiente situación:
Datos de desbordamiento de pila
Y el conjunto de los frameworks y bibliotecas más populares de todos los desarrolladores se ve así (ver ilustración). Es bueno ver herramientas de front-end entre esta lista:
Datos de desbordamiento de pila
Trayectoria profesional y salario de un desarrollador front-end
La carrera profesional de un desarrollador front-end generalmente comienza con un diseñador de diseño; esta es la opción más lógica y generalmente aceptada. Primero, se estudia el paquete, luego se "superpone" el conocimiento de las bibliotecas y los marcos. El futuro especialista también estudia los conceptos clave de la construcción de un componente de servidor y añade las herramientas necesarias para la especialización elegida. Luego, todo esto se pule con la capacidad de trabajar con control de versiones, editores gráficos y comprensión de los principios.Hay otras opciones. Si un programador novato sabe inicialmente en qué área planea desarrollarse, nada le impide aprender una pila tecnológica clave de una vez y no en partes. Todo depende de los objetivos y del tiempo del que disponga el futuro desarrollador front-end. Cualquier opción es aceptable, siempre y cuando el resultado final sea el de un especialista inteligente.
Un desarrollador front-end listo para usar generalmente tiene tres opciones de desarrollo principales:
- horizontal (para mejorar como especialista, aumentando así constantemente su valor en el mercado laboral);
- vertical (crecer en la escala profesional);
- diversificación (dominar especialidades afines, convertirse en full-stack y reciclarse).
Cuál elegir depende sólo del propio especialista y de sus deseos/habilidades.
En cuanto a los salarios de los desarrolladores front-end: aquí, como en toda la industria de TI, no hay estándar uniforme pago. Todo depende de las habilidades y la capacidad de presentarse. Bueno, a veces por suerte :)
Salario medio de un especialista en front-end en Rusia, rublos/mes
Salario medio de un especialista en front-end en Moscú, rublos/mes
Según mi círculo
Tradicionalmente, el salario anual de los desarrolladores front-end en EE.UU. es ligeramente superior al de Rusia. Sin embargo, si trabaja en una sucursal de una empresa extranjera, lo más probable es que no tenga miedo de esa brecha. 
Según escala de pago
Cómo convertirse en desarrollador front-end
Primero, quítate las gafas color rosa. Aprender es trabajo duro y autodisciplina. La mayoría de los especialistas principiantes en TI abandonan en la etapa "Quiero convertirme en programador y que me paguen en dólares, pero no pensé que tendría que estudiar tanto". La singularidad de la programación y de cualquier especialidad informática en general radica en el autoaprendizaje constante. Ésta es a la vez la complejidad y la belleza del sector de TI. Si esto no te asusta, ¡genial! Tiene todas las posibilidades de convertirse en un excelente especialista.La regla principal de un futuro especialista es establecer objetivos realistas durante el proceso de aprendizaje. La planificación ayudará con esto. Haga una lista de las herramientas que planea aprender y manténgala frente a usted.
Aquellos que comienzan desde cero deben comenzar y dominarlos al nivel de diseño ideal de los diseños PSD. En esta etapa, también es necesario aprender a trabajar con editores de texto y gráficos y conocer los principios básicos del diseño (como ventaja). Luego, adopte JavaScript: sintaxis, arquitectura y capacidades de lenguaje. Maestro marcos populares y bibliotecas, al mismo tiempo que se enamora de los sistemas de control de versiones y de uno de los ejecutores de tareas más populares. Agregue preprocesadores y marcos CSS, comprenda las tecnologías de servidor. Y luego podrás tomar batidos en Bali y pulir tus conocimientos adquiridos hasta el infinito.
Un camino aproximado para un desarrollador front-end principiante.
Tendrás uno propio.
Puedes recorrer este camino solo o con mentores (universidades, cursos). Estos son los formatos de formación para desarrolladores más populares según StackOverflow: 
Datos de desbordamiento de pila
Los cursos en línea ocupan el primer lugar, votados por el 64,7% de los desarrolladores encuestados, seguidos por el autoaprendizaje a partir de libros, cursos fuera de línea, desarrollo de código abierto y campamentos de programación. Curiosamente, la educación superior (maestría) cuesta casi último lugar.
Conclusión
- Este soldado universal. Él diseñará el diseño, creará la aplicación web y parte del servidor, si es necesario, lo dominará. Necesita saber mucho: HTML, CSS, JavaScript, bibliotecas y marcos JS, preprocesadores y marcos CSS, sistemas de control de versiones y ejecutores de tareas, tecnologías backend, pruebas unitarias y mucho más.Además, las habilidades sociales serán útiles: interacción con las personas y trabajo en equipo, la capacidad de establecer un flujo de trabajo efectivo y resolver las tareas asignadas de la manera más óptima. No puede prescindir de un sólido conocimiento del idioma inglés.
El salario de un especialista en front-end es bastante decente y cuantas más habilidades, mayores serán las posibilidades de obtener un salario "gordo".
Cualquiera que no se rinda al autoestudio puede convertirse en desarrollador front-end: como descubrimos, depender de una educación universitaria es difícil. La opción ideal son varios cursos online y offline + literatura sobre el tema, la práctica y el gran Google.
Se lanza "Netología" programa completo formación de especialistas front-end - . Este es un curso de 6 meses dedicado a tecnologías básicas desarrollo front-end: HTML y CSS, JavaScript, API web, AJAX, websockets, biblioteca React.
Al final del curso, los estudiantes crearán su propia aplicación web de una sola página. La capacitación la imparten 10 especialistas en front-end en ejercicio; esto le permite obtener una comprensión integral de las herramientas y tareas del desarrollo front-end. Durante toda la formación, los estudiantes recibirán al menos 100 tareas practicas, lo más cerca posible de los de "combate", y están implementando 3 proyectos de tamaño mediano y 1 proyecto completo como tesis.
Todos los estudiantes que completen con éxito el curso reciben un certificado de formación avanzada de la forma establecida y un diploma patentado de “Netología”.
PD En su opinión, ¿qué conocimientos son vitales para un desarrollador front-end y qué conocimientos se pueden dominar según sea necesario?
Hoy crearemos el nuestro sitio web en unos minutos en WordPress.
Estas acciones realmente toman unos minutos, desde el inicio hasta el funcionamiento y el sitio web completo.
Alojamiento para WordPress. Costo de alojamiento.
En pocas palabras, cómo irá el trabajo. Primero, necesitará un lugar para alojar su futuro sitio web; dicha ubicación se llama "Hosting".
El alojamiento más conveniente y económico que ayudará a resolver la mayoría de los problemas de inmediato es Beget.
Enlace de registro - Beget.com
Directamente desde el panel de alojamiento, puede instalar inmediatamente su futuro sitio de WordPress con dos clics.
Paquete mínimo para un blog o sitio de noticias. la tarifa es adecuada"Blog".
Costo de la tarifa: 135 rublos por día.
Puedes comparar, en cualquier otro hosting el precio rondará los 100 rublos, más o menos.
Beget es conveniente porque hace mucho por usted y es adecuado para quienes no quieren o no están preparados para comprender los detalles técnicos de la instalación.
Genial y amigable apoyo técnico Estoy listo para resolver incluso los comentarios sobre la configuración del sitio, sin ningún problema.
Después del registro, inicie sesión en el panel de control y vaya a la sección "Gestión de servicios".
Elige tu tarifa (por ejemplo Blog), realiza un pago y el primer paso queda atrás.
Nombre y dirección del sitio web para WordPress. Dominio para el sitio.
Ahora necesitamos la dirección en la que se abrirá nuestro futuro sitio web, por ejemplo www.primer.ru. La dirección del sitio web se denomina "Dominio".
En el panel de control de Beget, vaya a la sección “Dominios y subdominios” y luego seleccione la pestaña “Registrar un nuevo dominio”.
Aquí puede elegir la dirección del futuro sitio. Piénselo bien y tómese su tiempo, en el futuro será muy difícil cambiar esta dirección, el sitio perderá inmediatamente todas sus posiciones y la promoción tendrá que comenzar de nuevo.
Completa todo campos obligatorios y registra tu dirección.
Creando un sitio web en el panel de control.
Ahora tenemos una dirección, casi todo está listo. hablando en en lenguaje sencillo, debemos indicar qué debe abrir en esta dirección y dónde se encuentra. Lo mismo que dar un enlace a una carpeta en tu computadora.
Vaya a la sección "Administración del sitio" e ingrese el nombre de la carpeta, por ejemplo "primer" y seleccione su dirección (dominio) en el menú desplegable.
Haga clic en el botón "Crear". Ahora su dominio abre esta carpeta, puede verificar el trabajo yendo finalmente a su dirección. Verás una notificación de que el sitio se ha añadido correctamente, un saludo de Beget.
Una etapa importante.
HTTPS: para un sitio de WordPress. Certificado SSL gratuito.
Para aquellos que no lo entienden, simplemente le recomendamos que complete esta tarea con anticipación e instale el protocolo de cifrado HTTPS para su sitio. En el futuro, tendrás que hacer esto de todos modos y, sin hacerlo con antelación, tendrás que rehacer muchas cosas y perder la posición de tu sitio.
En la pestaña "Dominios y subdominios", donde ya has creado tu dominio, frente al nombre del dominio hay un pequeño icono "SSL". Al hacer clic en él, se le pedirá que instale una versión gratuita. certificado SSL para tu dominio. Es realmente gratis y dicho certificado es suficiente para cualquier tarea futura.
Confirme la instalación y espere hasta recibir la confirmación por correo electrónico de que "El certificado SSL se ha instalado correctamente en su sitio y se puede acceder al sitio a través del protocolo HTTPS".
Después de una instalación exitosa, continúe con el siguiente paso.
Instalamos de antemano: PHP 7.1 y HTTP 2.0
No te preocupes, todo se hace automáticamente, no te asustes por estos nombres y acciones complicadas.
Es muy simple, frente a su sitio en la sección "Administración del sitio", haga clic en los íconos con los nombres "PHP y HTTP", donde seleccionamos las últimas versiones de estos protocolos. Esto también nos será útil en el futuro.
Instalación de CMS WordPress en el sitio.
Beget – ayuda gratis instalar WordPress última versión , directamente desde el panel de control. Es muy sencillo y se puede hacer en dos clics.
Vaya a la sección "CMS". En la tabla "Instalación de CMS", seleccione WordPress e ingrese los valores requeridos en el panel desplegable:
- El sitio de instalación es la carpeta que creó.
- El dominio predeterminado es la dirección de su sitio web.
- Descripción del sitio: puedes cambiarla más tarde
- Inicio de sesión de administrador: por seguridad, cree el suyo propio, diferente del ADMIN
- Contraseña de administrador: asegúrese de crear una contraseña compleja, mejor generado
- Correo electrónico: ingrese el correo electrónico del administrador, que debe estar funcionando.
Ahora haga clic en el botón "Instalar".
Espere a que se complete la instalación y envíe un correo electrónico llegará una notificación. Puede comprobar la instalación exitosa del sitio visitando la dirección de su sitio, donde verá un sitio de WordPress instalado correctamente y el mensaje "¡Hola mundo!"
¡Instalación completa!
La instalación del sitio de WordPress en su dominio está completa, todo es muy sencillo. Te llevará mucho más tiempo leer estas instrucciones; la segunda vez, si recuerdas todo, podrás hacerlo en 5-7 minutos.
Desde tu panel de control podrás instalar y crear tantos sitios web como quieras e incluso ganar dinero con ello.
Acceso al panel de control del sitio WordPress
Nuestro sitio parece plantilla estándar, que se selecciona automáticamente durante la instalación. Para cambiar la configuración del sitio y editar su apariencia, necesitaremos acceso al panel de control.
El acceso al panel de control de cualquier sitio WordPress se proporciona en:
www.youraddress.ru/wp-admin
En esta dirección recibirá los siguientes campos: inicio de sesión de administrador y contraseña.
Ingrese sus datos y haga clic en iniciar sesión.
Después de iniciar sesión en el panel de control, podrá cambiar apariencia y configuración de su sitio. Instalar complementos necesarios y temas para el diseño de sitios web.
Configuración básica del sitio de WordPress.
Primero, necesitamos configurar los parámetros básicos de nuestro sitio, que serán difíciles de cambiar en el futuro.
Haga clic en la sección "Configuración". Complete todos los campos.
- Nombre del sitio: así se llamará su sitio cuando los usuarios lo vean en una búsqueda, por ejemplo en Yandex o Google.
- Breve descripción: una descripción que hará que su sitio sea fácil de encontrar.
- Dirección de WordPress (URL): ¡no la cambie bajo ninguna circunstancia!
- Dirección del sitio web (URL): aquí puede especificar la dirección que verán los usuarios, por ejemplo sin www.
- Todo lo demás depende de ti
Ir a la sección " Enlaces permanentes", donde seleccione la opción "Nombre de la publicación", por lo que sus páginas y publicaciones se abrirán automáticamente a través de enlaces que incluyen el nombre, por ejemplo: www.youraddress.ru/post-name/
Instalación y selección de plantillas para WordPress
Todas las plantillas populares están disponibles desde hace mucho tiempo. acceso libre, se pueden descargar y seleccionar. No apoyamos la distribución pirateada de plantillas y siempre compramos plantillas listas para usar de los desarrolladores.
Base de datos de plantillas de WordPress – Themeforest
Disfrútalo por tu salud. ¡Promoción exitosa para usted y rápida aparición en la búsqueda!
El material pertenece al sitio: – al copiar, se requiere un enlace a la fuente.
Atención Toda la información contenida en el sitio es material protegido por derechos de autor y no tiene ninguna fuerza de información oficial. Al utilizar y registrarse en el servicio usted acepta lo que recibe esta información con fines informativos y de entretenimiento. La información contenida en este sitio debe considerarse no oficial y su exactitud debe comprobarse personalmente. Toda la información contenida en este sitio representa el juicio de valor y el punto de vista de los editores y autores. Toda la información en el sitio no es fuente oficial y no tiene relación con Yandex.
En este artículo aprenderá cómo crear un sitio web usando WordPress. Al usar guía paso a paso hacer calidad y recurso funcional, adecuado para atraer y convertir tráfico.
Por qué WordPress: qué es y 5 razones para usarlo en un sitio web o blog
WordPress es lo más sistema popular Sistema de gestión de contenidos (CMS). Según Web Technology Surveys, en noviembre de 2018, este motor impulsa el 32,3% del número total de sitios existentes, así como el 59,5% de los sitios que utilizan un CMS. En 2015, WordPress utilizó sólo el 24% de los recursos del CMS. A continuación se enumeran las principales razones de la popularidad de WordPress.
El motor CMS gratuito WordPress se distribuye abiertamente acuerdo de licencia(GNU GPL). Usted es libre de utilizar este producto para cualquier fin, incluidos los comerciales. Prácticamente posibilidades ilimitadas CON usando WordPress puedes crear una tienda en línea, blog personal , web corporativa, portal de información , recurso de la industria, galería multimedia. Configuración flexible apariencia y funcionalidad Los propietarios de sitios web de WordPress tienen acceso a pagos y plantillas gratis
, con el que podrás personalizar la apariencia. Y con la ayuda de complementos puede resolver problemas técnicos y proporcionar la funcionalidad necesaria del sitio.
Facilidad de administración No necesitas ningún conocimiento especial para trabajar con WordPress. Los principios de trabajo con el motor son claros a nivel intuitivo.
La capacidad de crear un sitio web y publicar el primer contenido en 5 minutos. Por supuesto, tendrás que dedicar mucho más tiempo para convertir un producto de plantilla en algo nuevo e interesante. Pero no dediques más de 5 minutos a tu primera publicación. Bueno, ¿has decidido crear un sitio web en WordPress? Luego continúe con la guía paso a paso.. Por ejemplo, puedes compartir fotos de gatos con el mundo o llevar un diario de un joven culturista en la plataforma WordPress. La dirección del sitio se verá así: primer.wordpress.com. Si está implementando un proyecto comercial, por ejemplo, creando un blog temático, un sitio web corporativo o planea ganar dinero utilizando un recurso de alguna manera, elija hosting pago.
Para elegir un proveedor de hosting confiable, . Si no tiene tiempo para esto, utilice los servicios de una de las empresas que se enumeran a continuación:
La elección de la zona de dominio no afecta especificaciones técnicas recurso o puesto en resultados de búsqueda. Sin embargo, en teoría, este parámetro puede influir en la confianza de la audiencia. En igualdad de condiciones, los usuarios están más dispuestos a confiar en sitios con la dirección vasya-pupkin.ru o vasya-pupkin.com que en recursos como vasya-pupkin.wordpress.com o vasya-pupkin.blogspot.com. Por lo tanto, para proyectos comerciales, intente elegir dominios. nivel superior, por ejemplo, .com, .info, .org, .net, .ru, .ua, .by, etc. Preste atención a los dominios de primer nivel que han aparecido recientemente, por ejemplo, .club, .guru, .ninja, .expert y otros.
Paso #2: Cómo instalar WordPress Hágalo usted mismo
Después de comprar alojamiento y registrar un nombre de dominio, instale WordPress. Tenga en cuenta que algunos proveedores de alojamiento ofrecen planes tarifarios con CMS preinstalado. Si elige uno de ellos, salte directamente al tercer paso de la guía. Si compraste hosting sin un motor instalado, sigue las instrucciones:
Vaya al sitio web de WordPress y descargue la distribución.
Desempaquete el archivo.
Cómo rusificar un tema de WordPress
Es conveniente rusificar un tema utilizando el programa gratuito Poedit. Descárgalo e instálalo en tu computadora. Luego descárgalo a tu computadora archivos de idioma plantilla seleccionada. Esto requerirá acceso FTP. Se puede obtener mediante un cliente FTP, como FileZilla, y también mediante complementos, como File Manager. Si tienes instalado este complemento, siga el algoritmo que se describe a continuación.
En la consola, seleccione el menú FileManager – Configuración. Configure las configuraciones como se muestra en la ilustración.
En el menú FileManager – FileManager, seleccione la carpeta wp-content – themes.
Seleccione la carpeta del tema que desea rusificar. En él, abre la carpeta de idiomas.
Descargue los archivos en.mo y en.po a su computadora. Si no existen dichos archivos, descargue el archivo con la extensión .pot a su computadora.
Abra Poedit y seleccione la opción "Crear nueva traducción".
Abra el archivo de traducción y especifique el código de idioma.
Empieza a traducir. En el campo "Texto fuente", el programa muestra el texto en Inglés. En el campo "Traducción", debe agregar texto en ruso.
Guarde la traducción. El programa descargará dos archivos al disco duro de su PC: ru_Ru.mo y ru_RU.po. Utilice la función Cargar archivos para cargar archivos a la carpeta de idiomas de su plantilla.
Has rusificado la plantilla.
En lugar del programa para PC Poedit, puede utilizar el complemento Loco Translate. Después de instalar y activar el complemento, la interfaz de traducción de la plantilla aparece directamente en el panel de administración del sitio.
Paso No. 5: Resolver problemas prácticos utilizando complementos de WordPress
Los complementos son uno de los problemas para los propietarios novatos de sitios web de WordPress. Apenas habiendo registrado un recurso, los webmasters recién creados buscan en Yandex artículos como "100 mejores complementos para WordPress". Instala decenas de extensiones. Esto afecta negativamente el desarrollo del recurso. No se trata de ralentizar tu sitio, aunque demasiados complementos pueden causar ese problema.
La cuestión es la concentración de atención y esfuerzo del propietario del sitio. En lugar de crear y publicar contenido de calidad pasa horas buscando complementos, instalándolos y configurándolos. Un webmaster así no ve el bosque por los árboles: olvida que se necesitan complementos para resolver problemas prácticos específicos.
Para desarrollar con éxito su sitio, utilice los complementos con precaución. Instala extensiones solo cuando quieras solucionar tarea específica. Usando complementos puedes hacer lo siguiente:
- Garantizar la seguridad del sitio.
- Lucha contra el spam.
- Optimizar el recurso para cumplir con los requisitos de los motores de búsqueda.
- Aumentar la funcionalidad y mejorar la usabilidad.
Cómo utilizar complementos para proteger un sitio de WordPress
El sitio está expuesto a dos amenazas globales. El primero eres tú mismo. El deseo de perfección e innovación puede obligar a un webmaster a realizar experimentos arriesgados con códigos y programas que pueden provocar la pérdida de información. Puede protegerse de esto utilizando complementos que creen copias de seguridad de su sitio.
La segunda amenaza es acceso no autorizado al recurso. Los atacantes pueden intentar obtener acceso a su sitio para instalar código malicioso o simplemente robarlo.
Para realizar copias de seguridad periódicas de su sitio, utilice uno de los siguientes complementos:
Para instalar el complemento seleccionado, vaya al menú "Complementos - Agregar nuevo". Ingrese el nombre de la extensión en el campo de búsqueda de la derecha esquina superior y presione Entrar. También puede descargar el complemento desde el sitio web del desarrollador e instalarlo usando la función "Descargar complemento" en la parte superior de la pantalla del panel de administración.
Haga clic en el botón "Instalar". Después de la instalación, active el complemento. Ahora configura los ajustes respaldo. Seleccione el menú "Herramientas - WP DB Backup". Haga clic en Crear nuevo Copia de seguridad de la base de datos. Ha creado una copia de seguridad bajo demanda.
Configurar la creación regular copias de seguridad según lo previsto. Vaya a la pestaña Programador, habilite creación automática copias de seguridad, seleccione la frecuencia de creación de archivos.
En la pestaña Destino, habilite guardado automático archivar en Google Drive o envío por correo electrónico.
Para proteger su sitio del acceso no autorizado, utilice el complemento Loginizer Security. El complemento protege de manera confiable el sitio contra la fuerza bruta o la piratería por fuerza bruta.
Cómo combatir el spam en un sitio de WordPress
Los complementos antispam son relevantes si utiliza el sistema de comentarios predeterminado de WordPress. Los sistemas de comentarios de terceros, como Disqus, se protegen del spam.
Puede protegerse del spam utilizando complementos, por ejemplo, Akismet o Antispam Bee. Después de instalar Antispam Bee, el complemento funciona fondo. Por lo general, la configuración predeterminada es adecuada, pero si necesita cambiar algo, vaya al menú de administración "Configuración - Antispam Bee".
Cómo garantizar el SEO del sitio web en WordPress
WordPress es un CMS compatible con SEO por defecto. Pero hay tareas sin las cuales un sitio no puede considerarse totalmente compatible con los requisitos de los motores de búsqueda. Aquí están:
- Creación y actualización de un mapa del sitio.
- Canonicalización de URL.
- Optimización de títulos páginas.
- Generación automática de metadatos de página.
- Bloquear la indexación de contenido duplicado.
- Creación de marcado de micropágina.
Para resolver estos problemas, instalará un complemento SEO de tres grupos: programas para crear un mapa del sitio, programas para la optimización técnica de un recurso y programas para crear micromarcados. Para crear un mapa del sitio, utilice uno de los siguientes complementos:
- XML de Google Mapas del sitio.
- Mapa del sitio WP simple.
- Mapa del sitio de Google.
Mapa del sitio XML de Google. Para configurar el complemento, vaya al menú "Configuración - Mapa del sitio XML".
Los webmasters principiantes deben dejar la configuración predeterminada. Después de la activación, el complemento creó un mapa del sitio, agregó su dirección al archivo robots.txt y se preparó para notificar. motores de búsqueda sobre actualizaciones de recursos.
Si se considera un webmaster experimentado, puede cambiar la configuración del complemento. En la sección " Páginas adicionales» Puede incluir manualmente URL en su mapa del sitio que no se incluyeron automáticamente en su mapa del sitio. En la sección Prioridad del artículo, determine cómo se calcula la prioridad de indexación del contenido. En las secciones "Cambiar frecuencias" y "Prioridades", puedes recomendar a los robots de búsqueda los tipos de contenido que crees que tienen la mayor prioridad.
Para optimizar técnicamente su recurso, utilice uno de los siguientes complementos:
- Todo en uno Paquete SEO.
- SEO en WordPress por Yoast.
- SEO platino Embalar.
Instale y active el complemento elegido, por ejemplo, All in One SEO Pack. Utilice la configuración predeterminada si recién está comenzando con WordPress. Si te consideras un webmaster avanzado, puedes cambiar algunas configuraciones del módulo SEO. Para hacer esto, seleccione el menú Todo en Un SEO en la consola del motor.
Tenga en cuenta las configuraciones que se enumeran a continuación.
En la sección "Configuración básica", desmarque la casilla junto a Usar marcado de Schema.org. Es mejor marcar la página utilizando un complemento independiente.
Si utiliza la página de publicaciones como página principal, en la sección "Configuración" pagina de inicio» especifique el título, la descripción y las palabras clave. Si se utiliza una página estática como página principal, marque la casilla "Habilitar".
En la sección "Configuración para webmaster", ingrese el código de verificación del recurso en la cuenta de webmaster de Google. Para hacer esto, agregue a "Herramientas para webmasters" nuevo recurso, seleccione métodos de verificación alternativos. Copie la parte del código HTML que se muestra en la ilustración.
Pégalo en el campo "Herramientas" Webmasters de Google» en la página de configuración del complemento.
Guarde la configuración del complemento. En la cuenta de webmasters, haga clic en el botón "Confirmar".
Para marcar páginas, utilice uno de los siguientes complementos:
Una combinación de WPSSO y WPSSO JSON. El primer complemento es básico y el segundo es una extensión. Al usar solución básica Puede agregar el marcado Open Graph a su sitio. El segundo implementa el marcado Schema.org usando JSON-LD. Esquema de datos estructurados de WP SEO Con este complemento, puede agregar varios tipos de marcado de Schema.org a su sitio, incluidos artículos, publicaciones en blogs y reseñas. El marcado se implementa utilizando JSON-LD. Complemento de esquema Aplicación Con este programa, puede agregar diferentes tipos de marcado Schema.org a su sitio. Se implementa mediante JSON-LD. Versión gratuita
Instale y active los complementos WPSSO y WPSSO JSON. En la consola, en la página de configuración del complemento, en la sección Configuración esencial, especifique información sobre el sitio, así como información para el marcado Open Graph. No cambie otras configuraciones.
Vaya a la sección Marcado de esquema. En los campos URL de la imagen del logotipo de la organización y URL del banner de la organización, especifique la URL del logotipo y el banner del sitio. Estas imágenes se pueden utilizar en la página de resultados de búsqueda.
Utilice el menú desplegable para seleccionar el tipo de diseño base para la página de publicación de su blog, Página de inicio estática. ¿Necesitas siguientes tipos: Blog y Sitio web respectivamente.
Seleccione el tipo de diseño para páginas de publicación, páginas estáticas y páginas multimedia. Los tipos de marcado Article y BlogPosting son adecuados para páginas de publicaciones. La elección depende del formato de las publicaciones del blog.
El tipo de marcado BlogPosting es un derivado del artículo. Además de BlogPosting, la sección Artículo incluye el tipo de marcado Artículo de noticias o "Noticias". Es decir, BlogPosting contiene todos los datos semánticos del marcado del artículo.
Utilice el tipo BlogPosting si publica notas breves, observaciones e impresiones personales. Utilice el tipo de artículo si publica reseñas, artículos analíticos o guías. Aquí hay un ejemplo: para publicaciones en el blog Texterra, el tipo de marcado Artículo es adecuado, y para el diario de Ekaterina Bezymyannaya en LiveJournal, el tipo BlogPosting es adecuado. Para páginas estáticas y multimedia, establezca el tipo de marcado en Página web.
Después de guardar la configuración, el complemento agregará automáticamente el tipo de marcado seleccionado a las páginas del sitio. Incluyendo datos semánticos aparecerá en páginas existentes. Puede verificar esto utilizando la herramienta de inspección de datos estructurados de Google.
Qué hacer si publicas materiales diferentes tipos: lecturas largas, notas breves y noticias? En este caso, es mejor elegir el marcado adecuado para cada publicación. En lugar del complemento WPSSO JSON, utilice el complemento WP SEO Structured Data Schema.
Después de instalar y activar el complemento, aparecerá una sección adicional en la página de edición de publicaciones. Con él, puede seleccionar el tipo de marcado y especificar datos estructurados.
La desventaja del complemento es la necesidad de marcar cada publicación manualmente. Y los beneficios incluyen soporte para tipos de marcas adicionales, por ejemplo, reseñas, productos y calificaciones agregadas. La versión gratuita de WPSSO JSON no admite estos tipos.
Cómo mejorar la funcionalidad y usabilidad de un recurso
Puedes y debes mejorar constantemente la funcionalidad y usabilidad. Como se señaló anteriormente, algunos propietarios de sitios de WordPress sienten tanta pasión por este proceso que instalan docenas o incluso cientos de complementos. Para evitar este error, comience a aumentar la funcionalidad y mejorar la usabilidad no con complementos, sino identificando los problemas y tareas que desea resolver.
Decidimos estudiar el CMS WordPress de la A a la Z, un excelente Tutorial de WordPress por Brian WilliamsWordPress para profesionales. El libro describe detalladamente sistema CMS, sus elementos funcionales básicos, el funcionamiento interno del código y las estructuras de datos. Habla sobre cómo desarrollar sus propios temas de diseño, usar complementos y escribir extensiones, configurar y optimizar grandes recursos que se ejecutan en este sistema. La publicación contiene una gran cantidad de ejemplos y código listo para usar que puede utilizar en sus proyectos.
El libro está dirigido a un amplio círculo desarrolladores: desde aquellos que buscan perfeccionar un tema de WordPress hasta desarrolladores más experimentados y familiarizados con el desarrollo de complementos.
Tris Hussey: WordPress. Creación de sitios web para principiantes.
Para aquellos que quieran estudiar por su cuenta. este sistema Lo recomiendo para crear sitios web. esta sección sitio. Aquí conocerás todos los secretos de este motor de creación de sitios web. Complementos, plantillas y widgets, consejos útiles, mejoras y trucos de WordPress, aprenderá sobre todo esto en los artículos siguientes. WordPress es el CMS gratuito más popular del mundo, pero la mayoría de los desarrolladores sólo utilizan funciones básicas WordPress sin profundizar en el desarrollo web profesional basado en él. Al mismo tiempo, si utilizas WordPress al máximo, podrás utilizarlo para crear proyectos de cualquier nivel de complejidad y diseño.
Lista de artículos de WordPress
Además te sugiero descargar gratis lecciones sobre WordPress mejor en Runet! Esta colección contiene lecciones sobre cómo crear una plantilla para el CMS WordPress y analiza en detalle los tres pasos: diseño, banco de trabajo y programación.
