Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-6520

Create the Quick links block pattern

XMLWordPrintable

    • 2
    • Block Patterns
    • Sprint #183, Sprint #184, Sprint #185, Sprint #186, Sprint #187
    • neptune

      Create the "Topic links" block pattern using the WP core Column block and custom CSS classes.

      Requirements

      • Show 8/9 items (on desktop).
      • Items should scroll horizontally on S & M screens.
      • The images should be circle shapes.
      • Include a light grey background color.
      • The block could use the core columns block to start with
      • Links should be added manually with an open URL field.
      • Add this animation to the hover state (possible with custom CSS) where both image + text are animated on hover.
      • Insert a placeholder image in the backend for the block pattern.

      See the design example at the top of the "Get informed" page

      All designs are available here

      Example page

       

        1. Quick links_placeholder_image.jpg
          Quick links_placeholder_image.jpg
          3 kB

            mleray Maud Leray
            mfatome Magali Fatome (Inactive)
            Magali Fatome Magali Fatome (Inactive)
            Florent Hernandez Florent Hernandez (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: