Mostramos publicaciones
Pasemos a la parte que contiene el contenido principal de la página: el archivo será editado index.php.
Eliminar el contenido del bloque bien y en su lugar pegue el código para mostrar publicaciones dinámicamente. Alternativamente, elimine todo el código del archivo e inserte lo siguiente en su lugar:
">
/ /Pero aquí no hay nada :(404
El inicio de un bucle que hará que la página siga publicando publicaciones hasta que se agoten.
">
Muestra el título de la publicación.
/ /
Fecha en formato día, mes (abreviado), año. Etiquetas, comentarios.
Conclusión del post.
El fin del ciclo, siempre que existieran registros.
Si no hay materiales, exhibir la inscripción correspondiente al respecto y abandonar el ciclo.
Mostrar navegación de páginas siempre que no quepan en una sola página.
El código aparentemente simple cambió la página globalmente: el blog se volvió verdaderamente dinámico. Cada publicación se puede ver, los enlaces funcionan.
El diseño y la ubicación adicionales de los elementos dependen únicamente de su imaginación y habilidades de diseño: puede hacer lo que quiera con la visualización de datos, pero el trabajo en la plantilla aún no está completo.
Agregar widgets
A la izquierda del contenido principal de la plantilla hay un panel, en él hay un bloque de Información (una especie de widget) y un menú lateral. El bloque de información no debe ser estático y, dado que recuerda mucho a un widget, sugiero convertirlo en un widget. Para hacer esto necesitas:
- registrar un bloque de widgets;
- llevarlo al lugar correcto.
Ahora más detalles.
1. En su directorio de temas, cree un archivo funciones.php. Almacena las funciones que hacen que la plantilla funcione. También puede contener otros procedimientos aduaneros.
2. Agregue el siguiente código:
"MySidebar", "before_widget" => "", "after_widget" => "", "before_title" => "
", "después_título" => "
",)); ?>Este código registra un bloque de widgets. En lugar de MySidebar, puede ingresar cualquier otro nombre. Puede registrar un menú en aproximadamente la misma función en este archivo, pero decidí arreglármelas con poco gasto y no hacer esto, para minimizar el contacto con PHP y al mismo tiempo mostrar dos enfoques diferentes para resolver un problema. .
3. En archivo barra lateral.php borrar las lineas:
Información
Próximo...
y escribe en su lugar:
El bloque de Información, como era de esperar, desapareció, dejando solo un menú estático al costado.
4. Pero se han producido cambios para mejorar en el panel de administración - sección Apariencia tengo subelementos widgets Y Menú. Ve al primero. Ábrelo y mira: dentro apareció registrado en el archivo. funciones.php bloquear (para mí es MySidebar).
5. Para recrear el bloque de información, arrastre el widget a la barra lateral. Texto, en el campo Título ingresar Información, en el campo Texto- código
Te ofrecemos descuentos vacacionales. Próximo...
6. Actualice la página del blog: el bloque se recreó de manera casi idéntica (pequeños matices cambian en el archivo estilo.css y no me centraré en ellos).
Adaptando el menú
La segunda parte de la barra lateral es el menú vertical. También es necesario convertirlo de estático a dinámico, para poder editarlo directamente desde el panel de administración.
1. Eliminar la enorme lista de menús anidados en el archivo barra lateral.php e ingrese el código en su lugar:
2. En su panel de WordPress, abra Apariencia -> Personalizar -> Menú, haga clic en el botón Agregar menú, asígnele un nombre para que el nombre en el panel de administración coincida con el nombre en el código de la página. barra lateral.php(tengo esto menú_izquierdo) y agregue todos los elementos necesarios.
3. Guarde los cambios, actualice la página y asegúrese de que el menú dinámico en el lado izquierdo del sitio funcione y se muestre correctamente.
Código de página barra lateral.php En comparación con el original, disminuyó mucho y finalmente quedó así:
Menú
De hecho, sólo la inscripción permaneció estática. Menú. Y esto se debe a que es poco probable que cambie, aunque se puede "revitalizar" fácilmente, por ejemplo, implementando este bloque en forma de otra área de widgets y agregándole un bloque de menú personalizado, pero si lee atentamente el artículo, ahora puedes hacerlo tú mismo fácilmente.
Trabajar con el archivo footer.php
Saludos. Este artículo responderá a la pregunta de cómo crear una plantilla para WordPress única, hermosa y diferente. Tendrás que intentar forzar un poco tu cerebro.
Cómo crear una plantilla única para WordPress: comencemos
A continuación se muestra una lista de pasos sobre cómo crear una plantilla de WordPress única con sus propias manos y de forma gratuita.
- Cambiar imágenes.
- Cambie el nombre de la plantilla.
- Realice modificaciones menores en los estilos.
Empecemos analizando cada punto en orden.
Cambiando imágenes
Veré el punto más simple usando la plantilla de Twenty Eleven como ejemplo. Reemplazamos imágenes de archivo con nuestras propias convertidas. Es necesario cambiar el encabezado, pie de página, fondo y otros pequeños.
Pero no se me ocurre una solución específica, mi plantilla tiene un mínimo de imágenes (y las que existen son enormes). En general, deberás reemplazar la mayoría de las imágenes por las tuyas. Veamos los dos elementos que se reemplazan:
- La primera es a través del propio panel de administración.
- El segundo es a través de código.
Si entiendes el principio, entonces te respeto mucho.
A través del propio panel administrativo
Los temas modernos tienen una buena función de configuración a través del propio WordPress, ¿por qué no usarlos? Vaya al panel administrativo del blog, busque y configure.
Si el tema está hecho para personas, entonces la configuración de diseño global estará aquí y nos ocuparemos de los detalles a continuación. En el apartado del ejemplo de Twenty eleven.
- Colores del tema general. Configuraciones para elementos básicos (encabezados, subtítulos, etc.).
- Imagen de cabecera, es decir, en la cabecera.
- Imagen de fondo. No está presente en todos los temas, puedes personalizarlo con una imagen o simplemente un color.
En esta etapa, esto es lo que obtuve. Sigamos adelante.
Cambiar imágenes manualmente
Supongamos que no está satisfecho con la imagen de algún elemento de la plantilla y desea cambiarla. ¿Qué hacer? Lo resolveremos. Por ejemplo, tomaré una imagen del número de comentaristas.
El sistema se aplica a todos los temas.
Haga clic derecho en el elemento y busque su salida en el código usando la herramienta "ver código".
- El elemento en sí, haga clic derecho sobre él.
- Selecciona la opción “ver código”.
- Este es el código de salida HTML en sí, no le prestamos atención.
- Esta es la preciada dirección a la que debes ir con un reemplazo. El archivo que estás buscando es bubble.png, ubicado en la carpeta de imágenes del propio tema.
Es decir, necesitas crear el mismo archivo, con el mismo nombre, y reemplazarlo. Espero que sepas utilizar administradores de archivos como FileZilla. Quería hacer una imagen que mostrara la cantidad de comentarios con una estrella y un contorno. Lo hice en Photoshop y lo guardé como una imagen con el nombre bubble y la extensión png.
Listo, abrí Filezilla y fui al tema activo de Twenty Eleven en la carpeta de imágenes (que reconocimos arriba). y simplemente arrastre y suelte la nueva imagen en la carpeta, con reemplazo. Todos los detalles están en la captura de pantalla.
Si todo se hace bien, la nueva imagen se mostrará en el sitio, aquí hay una instantánea.
Como comprenderá, puede cambiar cualquier imagen utilizando este método si no hay configuraciones en el panel administrativo.
Cambiar el nombre de la plantilla
Sólo puedes cambiar temas gratuitos, esto es importante.
Hay dos puntos que deben hacerse:
- Reelaborando el título en el archivo style.css
- Cambie el nombre de la carpeta del tema.
Reelaborando los nombres en style.css
Para hacer esto, vaya al editor ( me recuerda al editor de apariencia) y busque style.css.
En la pantalla vemos la inscripción, aquí es necesario cambiar todo. Cada archivo style.css contiene información de plantilla desde el principio. Es necesario cambiarlo al menos a estas líneas.
Nombre del tema: moi-template Descripción: Versión estándar 1.. Licencia: GPL
Debería verse así después del reemplazo.
Tú completa tus datos, no tomes los míos, porque hacemos que la plantilla sea única. Como mínimo, cambie el nombre, el autor y el sitio web.
Lo descubrimos, pasemos al siguiente punto.
Cambiar el nombre de la carpeta del tema
Lo hacemos a través de un administrador de archivos, yo uso Filezilla. En el párrafo anterior cambiamos el nombre del tema en la línea:
Nombre del tema: plantilla-moi
Necesito un nombre original veintiún cambiar por uno nuevo, en mi caso, moi-plantilla. Vaya a la carpeta FileZilla temas y encuentre el nombre original veintitrés.
Y lo cambiamos por uno nuevo.
Si todo se hizo correctamente, funcionará. El tema para los motores de búsqueda ya no será estándar, sino único.
Ediciones menores a estilos.
No puedo encontrar una solución única sobre cómo crear una plantilla única para WordPress, solo necesitas mirar la plantilla de forma puramente visual y ver lo que no te gusta. Miro la barra lateral.
¿En serio, en realidad no? Quiero agrandar la fuente del título, porque son pequeñas y se mezclan con el fondo. Vemos todos los pasos en la imagen de abajo.
- Seleccionamos el elemento que queremos editar. Haga clic derecho.
- Haga clic en "ver código".
- Todo el estilo de este título.
- El nombre del estilo que estás buscando.
Abra el archivo style.css. Buscamos el nombre del estilo usando la combinación de teclas CNTRL + F.
Quiero agrandar la fuente, hacer una línea continua debajo, cambiar el color y el grosor del texto. Para hacer esto, cambio o agrego los siguientes parámetros.
Color: #1a1a1a; tamaño de fuente: 15px; peso de fuente: 600; borde inferior: 2px sólido #271eb1;
Veamos las líneas de código.
- Cambio de color.
- Cambiar tamaño.
- Cambiar el ancho del texto.
- Agregando un subrayado.
Cambiamos o agregamos parámetros al estilo en consecuencia. Debería resultar así.
Todos los cambios aparecerán inmediatamente en el sitio web.
Mi tarea ahora no es enseñar diseño, tomará mucho tiempo y artículos, sino mostrar el principio mismo de cómo hacer que una plantilla sea única.
Entonces, con todos los demás elementos, llévalo al ideal. Muestro lo que pasó en este artículo.
Este artículo respondió a la pregunta de cómo crear una plantilla de WordPress única. Y el tema estándar puede llamarse suyo.
Si tienes alguna pregunta, déjala en los comentarios. Buena suerte.
Digamos que abrimos una presentación de Powerpoint nueva y actualmente vacía. ¿Y qué vemos?
Y tienes colores y fuentes corporativos que tendrás que personalizar en todo momento. La plantilla te permitirá hacer esto de una vez por vida.
Y la primera diapositiva de tu presentación automáticamente se verá así SIEMPRE sin mayor esfuerzo.
La plantilla incluye:
- Bandera
- Fuentes
- Marcadores de posición (secciones donde insertamos texto, imagen, diagrama, etc.)
A continuación encontrará instrucciones paso a paso para crear su propia plantilla en Powerpoint.
1. Cree un nuevo archivo en Powerpoint.
2. Seleccione "Patrón de diapositivas" en el menú superior de la pestaña Ver.
Un patrón de diapositivas estándar aparecerá a la izquierda.
Esto es con lo que trabajaremos. Y convertiremos el estándar en uno no estándar.
3. Seleccione el tema de fuente deseado o cree uno nuevo.
Un tema de fuente son las fuentes que utilizas en tu presentación. Créame, hay muchas otras fuentes buenas además de Calibri. Especifíquelos solo una vez y se reemplazarán automáticamente en toda la presentación o plantilla.
4. Seleccione el fondo que desee (color o patrón). Puedes elegir el mismo fondo para todas las diapositivas o uno especial para una.
5. Como podemos ver, a la izquierda hay muchas opciones para la colocación de texto, encabezado, etc. Pero ¿y si necesitamos uno que no existe? Por ejemplo, tener 3 imágenes con leyendas.
Entonces la función Insertar diseño + Insertar marcador de posición nos ayudará.
Después de hacer clic en "Insertar diseño", se crea una diapositiva en blanco. Y podemos rellenarlo como queramos.
7. Ahora, si vamos a crear una nueva diapositiva, veremos las opciones de nuestra plantilla.
8. ¿Estás creando una nueva presentación y has “perdido” tu plantilla? Vaya a la pestaña Diseño y búsquelo allí.