Los administrres de Guide con conocimentos en diseño web pueden trabajar directamente con el código de la página para crear un tema personalizado para el centro de ayuda。Los temas personalizados pueden包括:
- Plantillas可编辑que definen el diseño de cada página (por ejemplo, página de artículo, página de categoría o página de tema de la comunidad)
- Páginas阿尤达的人性论,从画面到画面,从区域到区域,从部分到中心
- Encabezado y pie de página全球,para el centro de ayuda
También在我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地上,我们的土地páginas个人的土地。Asimismo, se pueden usar los archivos JavaScript和CSS que vienen incluidos con el tema para hacer cambios en el aspecto和comportamiento del tema en todo el site。Si desea usar su propio código HTML para editar el tema de su centro de ayuda, consulte允许HTML inseguro en los artículos del centro de ayuda.
En este artículo se tratan los siguentes temas:
危象relacionados:
personizar plantillas de página y páginas personalizadas con HTML y曲条
El HTML para El centro de ayuda viene incluido en plantilla可编辑可定义El diseño de tipos de páginas, páginas personalizadas y encabezados y pies de página globales。También在我们的世界里,在我们的世界里,在我们的世界里,在我们的世界里,在我们的世界里。
我们的天堂天堂página,我们的天堂天堂páginas个人的天堂:
- Paginas personalizadas(pagina_personalizada.hbs): las páginas personalizadas que se crean desde cero y se vinculan desde cualquier partte del centro de ayuda
- Página de artículo(article_page.hbs): las páginas de artículo individuales de la base de conocimientos
- Página de categoría(category_page.hbs): páginas de aterrizaje
- Página de lista de publicaciones de la commununidad(community_post_list_page.hbs)
- Página de publicación de la comunidad(community_post_page.hbs)
- Página de lista de temas de la commununidad(community_topic_list_page.hbs)
- Página社区的时间(community_topic_page.hbs)
- Página de aportaciones(contributions_page.hbs):《公共名单》,《社区评语》和《社区评语》artículos最后的“通常”
- Cabecera de documento:(document_head.hbs): la etiquette
头
德尔documento - Página de error(error_page.hbs):“我的梦,我的梦,我的梦,我的梦,我的梦,我的梦página我的梦,我的梦,我的梦,我的梦。
- Pie de página(footer.hbs): las barras que se ven en la parte subte de todas las páginas del centro de ayuda
- Encabezado(header.hbs): las barras que se ven en la parte superior de todas las páginas del centro de ayuda
- Pagina校长:(home_page.hbs): la página de aterrizaje de alto nivel del centro de ayuda
- Página新生活publicación社区(new_community_post_page.hbs)
- Página新忧虑(new_request_page.hbs): envío票的问题公式
- Página de solicitud(request_page.hbs): la solicitud individual o las páginas de tickets
- Página de solicitudes(requests_page.hbs):不寻常的票证和不寻常的票证(CC)
- 结果búsqueda(search_results.hbs):公式visualización结果búsquedas
- Página de sección(section_page.hbs): páginas de aterrizaje
- Página de seguimiento(subscriptions_page.hbs): la lista de categorías, secciones y artículos que UN usuario está siguiendo
- Página de perfil de usuario(user_profile_page.hbs)
Para editar las plantilla de página
- En Guide, haga clic En el iconoPersonalizar diseno(
)横向的。
- 我的天,我的天,我的天Personalizar.
- Haga clicEditar脏污.
- 恩拉secciónPlantillas,哈加环在plantilla o la página personalizada que desea modimer。
La página se abre en el editor de código。
- 利用远景código para editar la plantilla o la página。
Puede agregar, eliminar o cambiar el orden de los sigientes elements:
- plantilla的词性在SUS中操纵控制权páginas
Por ejemplo, el helper de la plantilla de ruta de navegación
{{面包屑}}
Muestra UN element ento de ruta de navegación en una página。Si desea una guía delallada清醒地表达地球,咨询Plantillas del centro de ayuda. - Marcadores de posición de contenido dinámico(consulteAgregar texto traducido)
- 小部件incrustadoscreados por terceros (como el widget de búsqueda de Twitter)
- Marcado HTML
- plantilla的词性在SUS中操纵控制权páginas
- Haga clicGuardar恩,我的爱斯基纳,我的守护神,我的灵魂。
Si editó una plantilla, los cambios se aplicarán en todas las páginas del tema que se basen en la plantilla que se modificó。
- Para previsualizar los cambios, haga clic enPrevisualizar(consulte阿尤达的时间和中心的远景).
- Haga los demás cambios de código que必要y luego Haga clic enGuardar.
Cuando终端de编辑la plantilla página o la página个性化,puede cerrarla。
个性化CSS和JavaScript
Puede agregar código JavaScript o personizar las CSS del sittio。在这片土地上,在这片土地上,在这片土地上,在这片土地上,在这片土地上,在这片土地上
Para personizar CSS和JavaScript
- En Guide, haga clic En el iconoPersonalizar diseno(
)横向的。
- 我的天,我的天,我的天Personalizar.
- Haga clicEditar脏污.
- Haga clicscript.jspara modified JavaScript, o enstyle.css参数修改CSS。
档案编辑código。
- 协议修改JavaScript的CSS在远景的código。
- Haga clicGuardar在部分的上级,para guardar los cambios。
这是我的生活。
- Para previsualizar los cambios, haga clic enPrevisualizar(consulte阿尤达的时间和中心的远景).
- Haga los demás cambios de código que必要y luego Haga clic enGuardar.
Cuando termine, puede cerrar el archiivo。
Usar变量在CSS和HTML
为我们赢得了胜利Configuración为我们赢得了胜利,为我们赢得了胜利imágenes为我们赢得了胜利。档案里的变量style.css德尔特马。También弯曲条扁豆的参考变量表达式páginas HTML。
变量之子útiles在各种不同的情况下的具体的错误的英勇和实现的rápidamente。我实现了我的希望,我实现了我在美国的愿望。哥本哈根时间的预先决定包括褐藻变色和富恩特。Puede modificar los nombres y rótulos, borrar variables o agregar las suyas (consultela información清醒的面板宣言档案Configuración).
En el tema estándar哥本哈根,tiene las siguentes变量预先决定:
brand_color
色彩的色彩,元素的para los elements navegación principalesbrand_text_color
彩色德拉玛卡对面的走廊,对面的走廊,老鼠清醒的时间,对面的走廊está活跃text_color
texto的颜色para los elements de cuerpo和encabezadolink_color
Es el color de texto para los elements de vínculobackground_color
阿尤达的颜色,fondo, centro de ayudaheading_font
Es la fuente de los encabezadostext_font
德州之家标志
法语:法语compañía的图标
在导航指引的barra上有一个图标homepage_background_image
英雄的形象página校长community_background_image
英雄的形象página社会的时间community_image
la imagen de la sección la comunidad en la página principal
在CSS中使用变量
关于颜色的配置之调解,imágenes关于时间和时间的变化和档案的变化style.cssDe su tema。
在CSS与sintaxis中,用puede usar algunas de las变量预先决定:
brand_color美元
brand_tex_color美元
heading_font美元
text_font美元
在CSS档案中,一个变量在CSS的错误之处asignaría un valor normal。比如:
.button{标签颜色:text_font美元;}
También puede usar llaves哨兵para incrustar el helper en una expresión de CSS de la siguiente manera:
max-width: #{$ search_width}px
ejemploysdel uso de变量在HTML的曲线条
颜色配置的协调之道,富饶之道imágenes时间之道,富饶之道,富饶之道,富饶之道,富饶之道,富饶之道,富饶之道,富饶之道páginas HTML。
有多少变数能促成目标设置
en Curlybars。关于曲杆的事,我们有很多事notación关于曲杆的事,我们有很多事página。
比如:
{{settings.color_1}}
Es el valor十六进制UN颜色。比如:#就
{{{settings.font_1}}
Es la pila de fuentes。Por ejemplo, sistema se define como:'-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif"
{{settings.homepage_background_image}}
在营地的街道和档案馆。比如:p8.zdassets.com/theme_assets/..。
{{settings.range_input}}
这是英勇之旅。
El objjeto de configuración se puede usar como entrada para cualquier helper。比如:
{{设置。启用}}…{{/}}
0 Comentarios
Inicie对话Para dejar UN comentario。