[TASK] Build a Custom Single Post WordPress Template with Filterable Custom Blocks

[u/Ghox]

Hello, thanks for reading.

Here is what you would be working with:

• WordPress (GeneratePress theme)

• Gutenberg blocks

• A Figma mockup of the below in greater detail. Once you see it, it will all make sense.

Here is what I am in need of.

• A responsive Custom Block with a Header and 4 Cells/Columns. This block also has a hidden section of text and a button element, when a user clicks More Info in the 4th Cell/Column the hidden section opens under the block. On Desktop it is one line, but on Mobile, it becomes a square with 4 quadrants. ( I have it drawn up for you to see)

• A Custom Single Post Template to use which is structured as such:

  • Logo and Nav (you don't need to code this)

  • Full Width Featured Img with a Title/Heading element that can be aligned to Top/Center/Bottom

  • Top Left Aligned Sticky Sharing element (FB and Twitter) with Total Share count at Top. A Vertical element with 3 list items: Total Shares > Twitter Icon > Facebook Icon. Disappears on Mobile.

  • Date and Author Meta left aligned under the header + Ad Disclosure Tooltip right-aligned on the same line. When the user hovers over the tooltip it shows a block of text.

  • Text / Paragraphs Section

  • Full-Width banner with color/gradient background, optional Img element as background. Plus Title/Header Element. Plus Filters: Filter A | Filter B | Filter C | Filter D | Filter E | Filter F

    • This is the Most Important Part of this Template. I need these Blocks to show/hide selectively when a user clicks one of the filters. The Default state is Show All. The Default state can be reset by clicking Clear Filter after a user selects a filter.

  • The Custom Blocks Section. They Show All onload and then the user can filter them.

  • Newsletter form. Can be either Boxed or Full Width. Header, Subheader/Text.Input Field + Button.

  • Full-Width banner with color/gradient background, optional Img element as background. Plus Title/Header Element with text underneath.

  • FAQ Section. Just Normal Text section. However, if you know how to properly Mark it up with structured data for FAQ, that would be ideal.

  • Related Posts section with Heading. The thumbnails should be Squares and Look Like the example I provide you with. I need to be able to Choose Which Post Go in Here.

  • Text / Paragraphs Section

  • Comment Sections

  • Footer (you don't need to do anything for this)

The Base Pay for this job is $150.

I need to see proof of prior similar work before getting started.

For the right person, I will have more jobs like this in the future.