Creación de plantillas de página en WordPress

Las plantillas de página de WordPress son una excelente manera de agregar variaciones estructurales o funcionalidades que están extremadamente personalizadas para su sitio. Puede comenzar copiando plantillas de página de temas populares, como el tema predeterminado de WordPress Twenty Seventeen y ajustando, pero también puede agregar sus propios estilos y JavaScript. En este artículo, echaremos un vistazo a cuáles son las plantillas de página, así como cómo puede usarlas para mejorar su sitio. También incluiré detalles para la creación de plantillas de página con código y la forma mucho más fácil con nuestro complemento CustomPress.
¿Qué es una plantilla de página? Como mencioné en la introducción, una plantilla de página le brinda la oportunidad de desviarse de la estructura existente de su sitio. Además de agregar nuevas funciones. Veinte Cuartre incluyen dos excelentes ejemplos: una página de colaborador y una página de ancho completo.

Veinte Cuartre de los Cuarteles tienen una plantilla de página para colaboradores. La página del colaborador presenta una nueva funcionalidad: la capacidad de enumerar a los autores que contribuyeron a su sitio. La plantilla de ancho completo cambia la estructura de la página al eliminar la barra lateral, centrándose más en el contenido.
Veinte once también ofrecen dos plantillas de página: la plantilla de presentación y la barra lateral. La plantilla de barra lateral le brinda la vieja barra lateral de buena en su página, la página de presentación primero muestra publicaciones pegajosas y luego una lista de publicaciones recientes. Temas premium, en particular, como agregar numerosas plantillas de página a los temas para crear formularios de contacto perfectos para píxeles, publicaciones personalizables, autores altamente personalizados y más. Crear una plantilla de página Crear una plantilla de página es extremadamente fácil. Cree cualquier archivo nuevo en su tema e inicie el archivo con un bloque de comentarios de la siguiente manera: Cargue la idea E14FB0E510759E22E2E6AE6A79C45
Si cambia un tema de tercera parte, realmente debe usar un tema infantil. Si no sabe cómo crear uno, lea el maravilloso artículo de Raelene Wilson cómo crear un tema para niños de WordPress. Los archivos de plantilla de página pueden vivir en un subdirector: este es mi método favorito. Por lo general, creo un director y los guardo allí. Una vez creada, la plantilla de página aparecerá en el módulo de atributo de la página, que, si no está familiarizado con ella, está en el lado derecho de la pantalla, en la parte superior de la pantalla Editar la página. Si lo selecciona y actualiza la publicación, el código en el archivo de plantilla se usará para mostrar la página. Pruebe el siguiente código de plantilla:
Cargue la idea 66BD1AD0CB88FF855BB9928D4399F601
Nuestra plantilla personalizada que se muestra en el administrador nota que “hola” es todo lo que es visible; Con plantillas de página está por su cuenta. Debe llamar al encabezado, sótano y otros elementos de página si los necesita. Creemos una plantilla de página base, que se combinará con veinte y cuatro: cargue la idea 253BA501285E74C162EB61CBD0EBB0C

Estoy seguro de que los recién llegados con códigos de WordPress encuentran en el complejo de complejidad entre los dos ejemplos anteriores. Mi pequeño secreto está haciendo trampa. Simplemente ingresé un archivo de plantilla en veinte cuatro y lo copié. Quité el bucle, que no necesitamos.
Si su tema no tiene archivos de plantilla, puede intentar copiar el index.php y eliminar el bucle como punto de partida. La creación de plantillas de página útiles es buena para tener una plantilla de página, pero realmente deberíamos agregar algo útil. Desde este momento, depende completamente de usted, siempre que pueda codificarlo en PHP/HTML, puede usarlo. Aquí hay algunas ideas que te ayudarán a comenzar:
Página de contacto personalizada con Google Maps y un formulario de contacto
Una página que enumera la publicación más reciente en cada categoría
Una página de archivo que enumera cinco nuevas publicaciones y publicaciones de las categorías de sus tres primeras categorías
Una página del mapa del sitio web que enumera todo su contenido (publicaciones y páginas)
Una página que enumera imágenes recientemente cargadas
Una lista de publicaciones ordenadas después de que los comentarios son importantes
Una lista de publicaciones que muestran las publicaciones ordenadas después de la última hora de actualización
Una lista de autores y sus primeras tres publicaciones
Una página personalizada para su cartera
Así es como puede enumerar las publicaciones en orden alfabético utilizando una plantilla de página en veinte y cuatro: carga 4E5C96C46965FB0F1B3AE3C6713598
De nuevo, trampa! Ingresé al archivo index.php a veinte cuatro y copié todo el bucle. Necesitaba crear un nuevo objeto de consulta, por lo que creé la variable $ custom_posts y lo usé a lo largo del bucle. Agregar plantillas de publicación de opciones se vuelve muy divertida al agregar opciones. Puede hacer esto grabando metaboxs, pero esto agregaría un código considerable no relacionado con el artículo, entonces, ¿por qué no hacer trampa nuevamente? Uno de mis complementos favoritos, los campos personalizados avanzados pueden hacer un trabajo duro para nosotros.
Creemos una plantilla de página especial en la que los usuarios pueden elegir cómo se ordenan las publicaciones de la página. Primero, instale campos personalizados avanzados. Luego cree una plantilla de página usando el código en nuestro ejemplo anterior anterior. Asegúrese de que el nombre de la plantilla sea “Lista de publicaciones personalizada”, para que pueda usar nuestro ejemplo de importación a continuación. El siguiente paso es crear nuestra configuración utilizando campos personalizados avanzados. Puede crear el suyo propio, asegurándose de que se muestren solo en la plantilla de página nueva, o puede importar el archivo XML de este archivo utilizando el importador de WordPress encontrado> importar.
Creamos un pedido y pedido mediante la configuración. Se importará a su configuración ACF. Después de haber terminado, puede crear una página y seleccionar la plantilla “Lista de publicaciones personalizadas”. Debería ver dos opciones agrupadas en un meta box bajo el editor. Establezca en lo que desee y comience a hacer que nuestro tema use estas configuraciones. Nuestra nueva configuración de plantilla, todo lo que necesita es la clave de pedido al configurar es Order_By, la clave para la configuración del pedido (sin sorpresas allí). Podemos asumir el valor de estos campos utilizando la función get_field () proporcionada por ACF. Todo lo que tenemos que hacer es reemplazar los valores seleccionados por el usuario en nuestro objeto WP_Query antes:
La idea F1010A77F0D6D7B7B7B74FE53B537A1FE0A3 está cargada
Crear plantillas de página con Custompres Custom si no está demasiado familiarizado con la creación de su propia plantilla de página, ciertamente puede ser abrumador en el mejor de los casos. Si eres un profesional, todavía puede ser un tiempo y aburrido. Por lo tanto, es más que útil usar un complemento para crear las plantillas de página que necesita. Puede seleccionar las opciones deseadas en una interfaz simple y, en unos minutos, su plantilla estará lista y puede usarla de inmediato o puede modelarla con CSS según sea necesario. Nuestro complemento CustomPress hace esto y elimina abrumador y fatiga, ahorrando al mismo tiempo.
Es rápido y fácil de instalar y una vez que lo ha hecho, está listo para comenzar a crear una nueva plantilla de página. También puede crear cualquier tipo de publicación personalizada, desde el archivo adjunto hasta las páginas de publicación. Todo está incluido. Además, si ya es miembro de WPMU Dev, CustomPres es mejor que gratuito, ya que no debe registrarse en nada más o completar ningún formulario. Puede descargarlo de inmediato y comenzar a crear una plantilla de página. Si aún no es miembro, aún puede obtener Futompress GRATIS. Puede registrarse para obtener una muestra gratuita de 14 días y descargar CustomPres. Incluso si cancela, CustomPres le pertenece y puede continuar usándolo. Si lo desea, puede continuar con la membresía y recibir actualizaciones futuras, asistencia de expertos premium, todos los demás más de 100 complementos y cursos de WordPress en nuestra academia. Gestión remota del sitio con el centro donde también puede beneficiarse de la administración remota de los sitios con el centro donde puede conectar sus sitios y puede obtener el tiempo de operación y la lista negra., Elementos de seguridad esenciales y varias funciones que vienen regularmente . Es difícil enumerar todo, pero hay tantos que es casi como si estuviera recibiendo un camión lleno de dinero entregado en casa. Cerca. Nociones básicas Así es como puede usar CustomPress para crear una plantilla de página. Puede encontrar detalles completos de instalación y configuración en la página CustomPress en la pestaña Uso.

Crearé una página de presentación de productos para mostrar sus cuerdas. Es importante planificar su plantilla de página antes de comenzar para que pueda ir rápidamente a la configuración. Creé un negocio ficticio con complementos, por lo que presentar mis productos será una plantilla de página de ventas completa que pueda usar para cada complemento. Además de saber que desea crear una plantilla de página o tipo de publicación, es útil saber: si necesita categorías o etiquetas personalizadas
Los campos personalizados que necesitas
Si desea que la plantilla de página sea pública o privada
El nombre que desea usar para la plantilla de página
Si necesita ciertas capacidades de tipo post
Si tiene una red multisit, ¿desea que las suscripciones creen sus propias plantillas de página?
Una vez que tenga un plan bruto, puede instalar CustomPres. Al presentar mi producto, tendré una imagen presentada y quiero mostrar ciertas especificaciones, como el número de la versión del complemento. Al instalar por primera vez CustomPress, puede activarlo a nivel de red en multitud o sitio. Si elige activar CustomPress en la red, solo el Super-Administrator puede crear plantillas de página o publicaciones personalizadas, pero las suscripciones pueden usarlas. Si activa el sitio con el sitio, cada sitio que tiene el complemento activado puede crear sus propios tipos de publicaciones y plantillas para usar.
Puede obtener todos los detalles en la pestaña Usar la página CustomPress. Después de que todo esté listo, puede crear la plantilla de página. Configuración de plantilla de página Acceso a CustomPres> Tipos de contenido y haga clic en el tipo de publicación Agregar tipo de publicación en la publicación predeterminada.
En el primer panel llamado Tipo de publicación, ingrese un nombre en el campo que desea usar en el código de fondo. El nombre que elija debe tener un máximo de 20 caracteres, al menos dos letras, y las letras deben ser pequeñas. También tiene la opción de incluir personajes subrayados, pero se recomienda que su nombre no comience con un personaje subrayado.
Ingrese un nombre del sistema para la plantilla de página que se utilizará en el código.
Puede seguir las instrucciones para personalizar el uso para obtener detalles sobre todas las configuraciones y cómo configurarlas, pero hay algunas configuraciones que son importantes para crear específicamente una plantilla de página. Por defecto, el tipo de capacidad se establece en POST, lo que significa que creará una plantilla de publicación personalizada. Si desea hacer esto, es perfecto, pero si prefiere crear una plantilla de página, debe cambiarse. En la sección Tipo de capacidad, marque el cuadro de edición e ingrese la página en el campo arriba, reemplazando la publicación.
Edite el tipo de capacidad en la página para agregar una nueva plantilla de página.

En la sección Etiqueta, puede ingresar los títulos fáciles de usar que desea dar la plantilla de página y sus enlaces. En el campo de nombre, ingrese lo que desea aparecer en la pestaña en la placa administrativa, para que pueda acceder a la plantilla de página. También puede personalizar el nombre de los enlaces que se enumeran en la pestaña, como la vista de los enlaces y las páginas de nuevas páginas. Inserte nombres fáciles de usar para la plantilla y los enlaces de página.

Cuando haya terminado, haga clic en Agregar tipo de publicación en la parte inferior para guardar sus cambios y crear la nueva plantilla de página. Puede consultar la nueva pestaña con el nombre que ha elegido para esto en el tablero administrativo, pero para agregar opciones para ciertos tipos de contenido que necesita mostrar en su página, debe crear campos personalizados. Agregando campos personalizados para mi negocio con complementos ficticios y plantilla de página para presentar el producto que creo para él, tengo que agregar algunas opciones al editor, como la versión de complemento. Vaya a la pestaña Campo personalizado y haga clic en el botón de campo personalizado. Ingrese un nombre fácil de usar, que se mostrará en el editor y también en la página cuando cree el primero con la plantilla.
Ingrese las opciones para el campo personalizado, como su nombre.

Además, asegúrese de seleccionar el nombre de la plantilla de página que crea en la sección Tipo de publicación para que su opción pueda aparecer en el editor si ha activado una interfaz de usuario. En la sección oculta la entrada para este tipo de publicación, ingrese todos los tipos de publicaciones o plantillas de página donde no desea que este campo personalizado se muestre en el editor. Para mi negocio con complementos ficticios, no quisiera que mi campo personalizado que muestra la versión de complemento se muestre en la publicación y el editor de páginas habitual, pero quiero aparecer en la plantilla de página. Es decir, seleccionaré todos los tipos de publicaciones y páginas de la lista, excepto para mi plantilla de página personalizada. En el tipo de campo, ingrese cómo desea que los usuarios ingresen información para esta opción de campo. En el caso de mi negocio ficticio, quiero que mi personal y conmigo ingresen un número de versión en un cuadro de texto, porque habrá más opciones a medida que avanza el desarrollo, por lo que elegí un cuadro de texto. Elija el tipo de campo que desea crear.
Hay muchas otras opciones que puede elegir y aquí hay una lista completa de todas ellas:

Caja de texto
Cuadro de texto con múltiples líneas

Botones de radio
Cajas de selección

Caja desplegable
Caja con selección múltiple

Selector de datos
Carga
Una vez que haya elegido el tipo de campo, puede ingresar cualquier opción adicional. Por ejemplo, puede ingresar una expresión regular para validar la información en el cuadro de texto. Esto es útil si el campo se usa para ingresar una dirección de correo electrónico. Puede usar la expresión de regex para validar su correo electrónico y asegurarse de que sea válido. Si elige otro tipo de campo, como cuadros seleccionados, aparecen diferentes opciones dinámicamente, por lo que puede agregar configuraciones relevantes, como las opciones que desea hacer clic en los usuarios en su campo, puede ingresar una descripción para su campo para que los usuarios tengan Una mejor idea de qué ingresar o seleccionar en su campo cuando termine, haga clic en la página personalizada Ahora, cuando accede a la pestaña de plantilla de página y haga clic en el enlace para crear una nueva página, debería ver la opción de aparecer en el editor si ha elegido mostrar una interfaz de usuario. Se ha creado.
Ya casi ha terminado, pero hay un último paso para asegurarse de que el campo personalizado realmente aparezca en su página frontal.Incorpore el campo personalizado incluso si puede ver el campo personalizado en el editor, no aparecerá en la plantilla de página hasta que lo agrega con un pequeño PHP o un código corto.Afortunadamente, todo se genera para ti, por lo que solo tienes que conectarlo.Puede encontrar el código que necesita accediendo a CustomPress> Tipos de contenido> pestaña de campo personalizado y colocando el cursor a través de su campo personalizado.Haga clic en el enlace Incorporar el código. Puede encontrar el código de incorporación para su campo personalizado en la configuración.
Su código debe aparecer dinámicamente directamente debajo. Puede copiar y pegar lo que necesita. El código PHP se puede utilizar en la plantilla de página que ha sido creada por CustomPres. Debería poder encontrar este archivo en /wp-content/themes/your-theme/singlepost_name.php. En lugar de {post_name}, debe ver el nombre real del sistema que eligió para la plantilla de página. En mi caso, fueron producidos, por lo que mi nombre de archivo sería un solo producto.php. Puede editar el archivo e ingresar el código en el que desea que aparezca el campo personalizado en la parte delantera, luego puede guardar los cambios. Si prefiere usar el código corto, puede ingresarlo en el editor de páginas donde desea mostrar el campo personalizado, como lo haría con cualquier otro código corto. Personalización de sus campos con CSS predeterminado, sus campos personalizados están escritos en texto simple, pero puede usar CSS para personalizarlos para que se vean más elegantes y de la manera que desee. Para personalizar sus campos con CSS, debe usar el código de incorporación de PHP generado. Luego empaques el código en las etiquetas
Personalizado para agregar un nombre de clase para sus estilos allí, puede acceder al archivo style.css del tema y usar el nombre de clase recién creado para personalizar sus campos con CSS. Obtenga ayuda si encuentra problemas en el camino, nuestro equipo de asistencia experta está listo y le espera que lo ayude con lo que necesite. Puede enviar un boleto, puede consultar nuestra asistencia en vivo o buscar en el foro de asistencia para ver si su pregunta ya ha sido respondida. También puede consultar la página del manual de entradas de buen soporte para obtener detalles sobre qué incluir en su boleto de asistencia para que podamos ayudarlo a velocidades máximas. Todo está incluido en su suscripción, por lo que no tiene que dudar ni una fracción de segundo si necesita una mano amiga. Si aún no es miembro, puede recibir asistencia gratuita con una suscripción de prueba. El resumen debe ser bastante obvio de que, al agregar opciones, puede crear una experiencia completamente nueva para los administradores y usuarios de los sitios web. Esta funcionalidad, junto con CSS y JavaScript personalizado, puede conducir a un trabajo sorprendente y fuerte. Cuídate: ¡con gran poder viene una gran responsabilidad! Agregar 100 opciones a las plantillas de página solo porque no puede seguir. Asegúrese de utilizar este conocimiento sabiamente y construir algo realmente útil para sus clientes y para usted. Si tiene excelentes plantillas de página que ha creado o visto recientemente, nos gustaría saber. Comparta sus experiencias en los comentarios a continuación.