Different landing page for desktop vs mobile theme?

Contribuir Característica
36

Originalmente encontré este tema al buscar una solución para mi problema:

Como se explica allí, tengo mi foro configurado para mostrar categorías + últimos temas, ya que no quiero mostrar solo los últimos en escritorio. Estas son las dos configuraciones de Discourse que hacen posible ese diseño:

image
image742×160 6.73 KB

Es el diseño ideal para mí, ya que muestra las categorías para los usuarios que buscan publicar algo nuevo y también pone a disposición los últimos temas para quienes simplemente vuelven para ver qué hay de nuevo.

Para cualquiera que esté leyendo y quiera hacer lo mismo, esto es lo que debes hacer:

  1. Ve a la sección Editar CSS/HTML de tu tema:

    image
    image858×603 19.4 KB

  2. Agrega el siguiente script en la sección Móvil → Encabezado (para que solo afecte a los visitantes en dispositivos móviles):

    image
    image852×418 19.5 KB

    Aquí está el script para que puedas copiarlo y pegarlo:

    <script>
    if (window.location.pathname == "/")
    {   window.location.href = "/latest";
    }
</script>

<script type="text/discourse-plugin" version="0.4">
    api.changeWidgetSetting('home-logo', 'href', '/latest')
</script>

Actualización: El componente de tema Forced Mobile Homepage enlazado arriba probablemente sea una mejor manera de lograr esto.

10 Me gusta