How to use Illustrator AI file to design a WordPress website

Exporting a sliced illustrator file is not the way to go to set up a WordPress website. This just exports a svg file or a html file with some images, but you wont be able to import that into a working theme or wp template.

The thing you want to do is create a custom theme, or create a layout using some page builder that would allow you to create a page like the above.

If you want to create a custom theme, you should start creating a html file with your layout. My advise would be to create a static html with css and images, and convert that into a working theme.

Some good starting points for developing themes can be found on wordpress.org:

https://developer.wordpress.org/themes/getting-started/
https://codex.wordpress.org/Theme_Development

Or, if you prefer a page builder you could check out some of them:
https://elementor.com/
https://www.wpbeaverbuilder.com/
https://www.elegantthemes.com/

Related Posts:

  1. SVG files not uploading since most recent WP update
  2. Ways to handle SVG rendering in wordpress?
  3. Cant upload SVG files after updating WordPress 4.7.1 [duplicate]
  4. SVG image upload stopped working
  5. How to remove SVG Files inline code of WordPress Footer?
  6. How to prevent WordPress to remove my embedded SVG images
  7. Completely remove SVG icon load in child theme of Twenty Twenty-one theme
  8. SVG Upload to WordPress Issue
  9. Add a svg and show some text on the parts of that view when the user hover or click on that part in WordPress
  10. SVG center horizontal and vertical line
  11. Adding border to SVG image
  12. How to change the color of an svg element?
  13. SVG Fill Color Not Working
  14. D3 Appending Text to a SVG Rectangle
  15. How to add a tooltip to an svg graphic?
  16. How to use z-index in svg elements?
  17. SVG transparent background web
  18. SVG drop shadow using css3
  19. How to extract svg as file from web page
  20. How to set text color for my d3 chart title?
  21. How do I center an SVG in a div?
  22. Batch command for ImageMagick to convert all files in a directory and sub-directories on windows
  23. For what security reasons are svgs blocked in the media uploader?
  24. Escaping and sanitizing SVGs in metabox textarea
  25. How to upload SVG in WordPress 4.9.8?
  26. Can’t extract and set SVG dimensions
  27. Issue with wp_get_attachment_image() and SVG file type
  28. Understanding SVG vulnerabilities in WordPress related to a specific fix
  29. Tiny MCE editor stripping xlink:href parameter from SVG USE tag
  30. Escaping SVG with KSES
  31. How to Include SVG sprites icons into the body tag? [closed]
  32. getting uploaded SVG dimensions on front-end
  33. How do I enable the customize theme page to accept svg’s?
  34. Adding extra SVGs to TwentyNineteen child theme using class TwentyNineteen_SVG_Icons
  35. Stylizing external SVG files with jQuery and CSS
  36. Add custom SVG icons to Social Icon MENU in WordPress Twenty Seventeen Child Theme
  37. use of tag into wordpress
  38. How to implement my own icons instead of using the svg icon system
  39. Replace Home with image link inside custom header menu
  40. Set media metadata (i.e. “dimensions” field) on SVG file after extracting it with a filter
  41. Allowing SVG uploads in media uploader without plug-in
  42. How to use a svg as custom header?
  43. Featured Image .svg height and width 1px only
  44. Why does SVG upload in Media Library fail if the file does not have an XML tag at the beginning?
  45. Disable automatig SVG tag from menu
  46. Insert SVG code (not img) in HTML block
  47. SVG Featured image not shown in twitter
  48. Use Icomoon external svg file with
  49. Add other social networks to TwentyNineteen_SVG_Icons class in child theme?
  50. How to upload and style svg logo?
  51. How do I include SVG file used as featured image?
  52. Upload Custom Mime Types in WordPress (SVG, WebP)
  53. SVG in list-style-image breaks when adding fill
  54. Are SVG image files safe to upload? Why WP defines them as a security risk? [duplicate]
  55. Can you change the color of svg icons to the global color I choose from WordPress
  56. Allow SVG in WP step by step
  57. Querying a large number of posts including their custom fields data
  58. download svg to png size image
  59. Replace custom SVG icons in Twenty Twenty-One
  60. SVG upload does not work
  61. Whitelist a single SVG for use in post_content
  62. Hover a css icon width other color inside wp_get_attachment_image
  63. SVG not displaying in Media Tab in Backend
  64. SVG icons in Twenty Nineteen
  65. Swap SVG icons in child themes
  66. Create Gutenburg Block to render inline SVG
  67. How can I change this SVG shape that’s generated?
  68. WordPress Block.js SVG createElement
  69. Expected an identifier and instead saw ‘
  70. import svg-files from wxr – (upload works, import not)
  71. Enable CORS for getting an inline SVG by URL
  72. How to delay display of page elements until enqueued script has injected html
  73. change with CSS the color of an svg background image set with “background-image: url()”
  74. WordPress search form and input type=”image”
  75. Why are some SVG-images not visible in my footer?
  76. SVG Icon Code Support in WordPress Custom Html Widget? Not Working
  77. SVG showing only in square ratio (using elementor) [closed]
  78. Can’t upload svg files in WordPress
  79. Why isn’t my SVG path rotating on scroll on iPhones?