Здравствуйте, нужно натянуть верстку (еще не готова), в которой будут присутствовать сложные анимации, на тему вп, которую мы предоставим как базовую. Натягивать необходимо по определенному алгоритму, он ниже:
1. Create repository on bitbucket
2. Prepare basic Wordpress install (wp-kobu-starter) + plugins:
2.1 Advanced Custom Fields Pro
2.2 Rank Math (SEO)
2.3 KOBU Custom Blocks
2.4 Wordfence
2.5 Gravity Forms
2.6 SVG Support
2.7 WP Migrate Lite
3. Load the Basic install into dev
------- Stage B: Core dev
4. Create required Custom Post Types (CPT) (theme/inc/components/post-type-CPTNAME.php) // Do not forget to register taxonomies using kobu_register_taxonomy('case_study_cat', 'case_study-category', array('case_study'), 'Category', 'Categories', true) function defined in theme/inc/backend.php
Custom Post Types to create:
- Cases (Before & After)
- Testimonials (Usado em secções de várias páginas, com excepção das páginas dos Casos)
- Procedures
- Scientific Publications
- FAQs
5. Create necessary pages in the Wordpress backend mimicking the Sitemap
6. Create basic website structure
6.1 Create menus and register them in theme/inc/theme-setup.php
6.2 Create common interface elements to add to Site Settings (register in theme/inc/backend.php) using ACF Field Groups (e.g social media links, links that are not created as part of the menu (CTAs)
6.3 Column system for CSS based on "display: grid" (that we started using to increate consistency across the website). Code and examples available in the wp-kobu-starter theme.
6.4 Create Header and Menu
6.5 Create Footer
6.6 Create other common sections across the website (e.g. newsletter section)
6.7 Create reusable elements (e.g. cards, procedures); assign each elemento to a CSS file
Cards:
- Cases
- Posts
- Procedures
- Scientific Publications
Other:
- Accordion (styles shared between accordion block and FAQs)
6.8 Analyse and create required blocks for Gutenberg, avoiding as much as possible hardcoded elements in the theme templates (/theme/inc/components/blocks/folder). Code and examples available in the wp-kobu-starter theme. To register the block go to /theme/inc/components/gutenberg-related.php and use function register_block_type.
6.8.1. We always aim to create blocks for everything that is shared across pages or whenever that content piece is placed among other Gutenberg-related blocks.
6.8.2. If we have different variations of a single block (e.g. regular image sliders or logo sliders on pages "Partnerships" and "About Us"):
a. If the block is build using ACF, we create options to alternate between different versions
b. If it's a core block, we create styles to alternate between versions
c. E.g. we have sections with FAQs accordions and accordions with Title + Description: we can create a block that solves both situations)
New Blocks to create
- A block with Title + Text + Image + CTA with different styles (e.g: “Bring your natural beauty into being” section or Contact us section just like in the Contact Us page (just with title, description and CTA)
- Testimonials -> Title (with default "Testimonial") + selector for Testimonial CPT (used in sections of several pages, with exception on Cases pages)
- A block for slider with CPT with option to select the type of CPT and posts to display / option to choose most recent (the block style will depend on the CPT, including only the slider, excludes the title and text above that can be added with a column block, to make it more flexible)
- Accordion block (with style simular to FAQs)
Existing Blocks that require new styles
- Slider with logos (add specific style to the existing image sliders)
- Regarding the section for USPs showcase (About Us layout) we have two options: either create a new block with ACF or check if this is easy to execute with the block from KOBU Custom Blocks Image + Text and the Columns block (Gutenberg default block), adding a specific style so that we have different widths)
- For the Our Methods section (through different pages) we have two options: either create a new block with ACF or create a new style for Columns block (Gutenberg native)
7. Create templates for the different types of pages / contents (theme/templates and theme/partials)
7.1. Templates
- Homepage
- Before and after (deactivate archive for Cases CPT and list cases inside the template)
- Procedures (deactivate archive for Procedures CPT. For this specific case, maybe it makes more sense to manually list procedures using the Image + Text Block and adding the link for the specific procedure)
- About us (it probably makes sense to build the page with ACF up to the doctors section and afterwards use Gutenberg)
- Landing Page (build the green background with Skull with ACF and add an option to activate/deactivate this section)
- Book your consultation
- Simple page - for pages like FAQ and Contact US (alternatively we can create an option inside the Default Template to show a simplified version of the page above the fold (not full height)
7.2. Partials
- Section “what is your concern”
- Inicial LP section (advanced facial bone surgery)
8. Create Archive Pages. Note: when these pages have different types of content we usually create a specicic template for this page, deactivating the CPT's archive page. If the content's are regular (e.g. just CPT listing) we use the archive and add additional options in Site Settings
9. Implement filter system in the archive pages
10. Implement responsive behaviours through media queries - usually these are developed as we implement styles for the different sections, pages of the website
------- Stage C: Polishing
11. Implement Ajax for the filter system
12. Implement Ajax based page navigation
13. Implement animations and transitions
14. Implement loader and and page transitions
15. Generate and implement critical CSS
------------------------------------------
Нужна адекватная оценка, кандидату предоставлю больше информации.
UPD. Алгоритм смотрите в оригинале а не в переводчике
