A continuación encontrará una hoja de trucos de WordPress dividida en tres secciones:

  • WP-CLI (principiante)
  • Desarrollo de temas de WordPress (desarrollador)
  • Atajos de teclado de WordPress

Lo hemos puesto a disposición en formato PDF y PNG (como infografía).

Versión en PDF de la hoja de trucos de WordPress

Hoja de trucos de WordPress (Descargar PDF)

Versión infográfica de la hoja de trucos de WordPress (PNG)

Hoja de trucos de WordPress (Descargar PNG)

Resumen de la hoja de trucos de WordPress

Hoja de trucos de WordPress

Las funciones, los comandos y los métodos abreviados de teclado más utilizados para ayudarlo en su viaje de desarrollo de temas de WordPress.

Hoja de trucos de WP-CLI

WP-CLI es la interfaz de línea de comandos para WordPress. Puede actualizar complementos, configurar instalaciones multisitio y más sin usar un navegador web.

Descargar WordPress

wp core download

Produce wp-config.php documento

wp core config – dbname=<dbname>
--dbuser=<dbuser> – dbpass=<dbpass>
--dbprefix=<dbprefix>

Instalar WordPress

wp core install – url=​"your_domain_name"
--title=​"Your Blog Title"​ – admin_user=​"admin"
--admin_password=​"your_password"
--admin_email=​"your_email"

Complemento de búsqueda

wp plugin search yoast

Instalar el complemento

wp plugin install pluginname

Lista de complementos

wp plugin list

Lista de temas instalados

wp theme list

Buscar nuevos temas

wp theme search keyword

Instalar el tema

wp theme install bootstrap-four

activar tema

wp theme activate bootstrap-four

lista de publicaciones

wp post list

editar post

wp post edit 1

Publicar una actualización

 wp post update 1
--post_title=​"Your New title..."

crear una publicación

wp post create
--post_status=publish
--post_title=​"Second Post"
--edit

Iniciar sesión en la base de datos de WordPress

wp db cli

Lista de usuarios de WordPress

wp db query ​"SELECT user_login, ID FROM wp_users;"

Cambiar el autor de la publicación de WordPress

wp post update 6 – post_author=1

Optimizar la base de datos

wp db optimize

Actualizar WordPress

wp core update

Actualizar la base de datos de WordPress

wp core update-db

Actualizar todos los complementos

wp plugin update – all

Hoja de trucos de desarrollo de temas de WordPress

Hoja de trucos de desarrollo de temas de WordPress (Expandir)

Definición del tema de WordPress

La información de su tema se almacena en el directorio principal del tema. style.css documento.Esta información se muestra cuando visualiza un tema. Apariencia > Temas O en el repositorio de temas de WordPress (si se envía y se aprueba).

/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Archivos de plantilla de WordPress

Archivos esenciales que todo tema de WordPress debería tener:

style​.css          // Theme's main stylesheet file
index​.php          // Main template file
single​.php         ​// Single post file.
                   // ..Used for to display single posts only
archive​.php        // Archive or Category template file
searchform​.php     // Search form file 
search​.php         // Search results file
404​.php            // 404 error page file.
                   // ..Will be displayed if no page can be found.
comments​.php       // Comments template file
footer​.php         // Footer content file
header​.php         // Header content file
sidebar​.php        // Sidebar content file
page​.php           // Single page file. Used for pages only.

Anatomía de una plantilla de WordPress

header.php

get_header​();
wp_nav_menu​(); ​// (registered in functions.php)
get_search_form​();

ciclo

index​.php
home​.php
archive​.php
page​.php
single​.php
comments_template​();
search​.php
author​.php
404​.php

sidebar.php

get_sidebar​()

footer.php

get_footer​()

no mostrada

style​.css               // Theme style
functions​.php           // Theme functions
comments​.php            // Comments template

Etiquetas de plantilla de WordPress

Las etiquetas de plantilla se utilizan en temas para recuperar contenido de la base de datos.

El contenido puede ser cualquier cosa, desde el título de un blog hasta una barra lateral completa.

Las etiquetas de plantilla son el método preferido para incluir contenido en un tema porque: pueden imprimir contenido dinámico; se pueden usar en varios archivos de tema; dividen un tema en partes más pequeñas y fáciles de entender.

the_content​()                      Get post content
the_excerpt​()                      Get the post excerpt
the_title​()                        Get the title of the post
the_permalink​()                    Display post link
the_category​(​', '​)                 Display category of a post
the_author​()                       Show post author
the_ID​()                           Display post ID
edit_post_link​()                   Show Edit link for a post
next_post_link​(​'%link'​)            Display next page URL
previous_post_link​(​'%link'​)        Display previous page URL
get_links_list​()                   Retrieve blogroll links
wp_list_pages​()                    Retrieve all pages
wp_get_archives​()                  Retrieve archive for the site
wp_list_cats​()                     Retrieve all categories
get_calendar​()                     Show the built-in WordPress calendar
wp_register​()                      Show register link
wp_loginout​()                      Displays login or logout links (for registered users)

incluir etiquetas

Utilice estas etiquetas para incluir plantillas en su tema.

<?php​ get_header(); ​?>               Includes header.php and display its content
<?php​ get_sidebar(); ​?>              Includes sidebar.php
<?php​ get_footer(); ​?>               Includes the footer.php
<?php​ comments_template(); ​?>        Load specific template for comments

funciones de título útiles

site_url​()                              Get WordPress site url
wp_title​()                              Get page title
bloginfo​(​'name'​)                        Get blog name
bloginfo​(​'description'​)                 Get blog description
get_stylesheet_directory_uri​()          Get stylesheet directory URI
bloginfo​(​'atom_url'​)                    Get Atom feed URL
bloginfo​(​'rss2_url'​)                    RSS 2.0 URL

ciclo

Loop es el mecanismo predeterminado para que WordPress genere publicaciones a través de archivos de plantillas de temas.

<?php​ ​if​ ( have_posts() ) : ​?>
  <?php​ ​while​ ( have_posts() ) : the_post(); ​?>
    // Display post content 
  <?php​ ​endwhile​; ​?>
<?php​ ​endif​; ​?>

Menús y barras laterales de WordPress

Menú de navegación predeterminado

<?php​ wp_nav_menu(); ​?>

menú de navegación específico

<?php​ wp_nav_menu( ​array​(​'menu'​ => My Navigation​' )); ?>

Navegación basada en categorías

<​ul​ ​id​=​"menu"​>
  <​li​ <?​php​ ​if​(​is_home​()) { ?>  ​<?php​ } ​?>​>
    <​a​ ​href​=​"<?php bloginfo('home'); ?>"​>Home</​a​>
  </​li​>
  ​<?php​ wp_list_categories(​'title_li=&orderby=id'​);​?>
</​ul​>

navegación basada en páginas

<​ul​ ​id​=​"menu"​>
  <​li​ <?​php​ ​if​(​is_home​()) { ?>  ​<?php​ } ​?>​>
    <​a​ ​href​=​"<?php bloginfo('home'); ?>"​>Home</​a​>
  </​li​>
​  <?php​ wp_list_pages(​'sort_column=menu_order&depth=1&title_li='​);?​ >
</​ul​>

Regístrese para una nueva barra lateral

Agregue el siguiente código a su functions.php El archivo registra una nueva barra lateral.

add_action( ​'widgets_init'​, ​'theme_slug_widgets_init'​ );
function​ ​theme_slug_widgets_init​() {
  register_sidebar( ​array​(
​    'name'​ => __( ​'My Sidebar'​, ​'theme-slug'​ ),
​    'id'​ => ​'sidebar-1'​,
​    'description'​ => __( ​'Description',​ ​'theme-slug'​ ),
    'before_widget'​ => ​'<li  >'​,
    'after_widget'​ => ​'</li>'​,
    ​'before_title'​ => ​'<h2 >'​,
​    'after_title'​ => ​'<h2>'​,
  ));
}

Atajos de teclado de WordPress

Hoja de referencia de atajos de teclado de WordPress (Expandir)

Alt + Mayús + teclas

Windows/Linux: “Alt + Mayús + Tecla” .

Mac: “Ctrl + Opción (alt) + Tecla”. (Use “Alt + Shift + Key” debajo de WordPress 4.2).

n          Check Spelling (This requires a plugin.)
l          Align Left
j          Justify Text
c          Align Center
d          Strikethrough
r          Align Right
u          • List
a          Insert link
o          1. List
s          Remove link
q          Quote
m          Insert Image
w          Distraction Free Writing mode
t          Insert More Tag
p          Insert Page Break tag
h          Help
x          Add/remove code tag
1          Heading 1
2          Heading 2
3          Heading 3
4          Heading 4
5          Heading 5
6          Heading 6
9          Address

Ctrl + tecla

Windows y Linux:“Ctrl + tecla”,
computadora Apple: “comando + tecla”.

c          Copy
v          Paste
a          Select all
x          Cut
z          Undo
y          Redo
b          Bold
i          Italic
u          Underline
k          Insert/edit link

Métodos abreviados de formato

Atajos de formato al usar el editor visual.

*         Start an unordered list
-         Start an unordered list
1.        Start an ordered list
1)        Start an ordered list
##        H2
###       H3
####      H4
#####     H5
######    H6
>         Transform text into blockquote
- –       Horizontal line
`..`      Transform text into code block

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.