We have an existing website written in HTML, [url removed, login to view], that we want to convert into WordPress and made responsive. There is also a video slider section that is broken that needs to be fixed. It is not live now because it does not work, but it is essentially a slider with thumbnails where each slide is a video.
The final product must be:
• User Friendly:
o Sidebars and footers should be widgetized
o All menus should be WordPress menus
Menu items with sub-menus should have arrows or some other way of indicating that it has a sub-menu
Menus should have 2nd and 3rd levels even if it is not in the design.
o All content should be editable in WordPress without changing any code
o No Horizontal scroll bar. Make sure that there is not horizontal scrolling at any screen width
o Design should include custom 404 page, which includes a search box, related pages, and recent blog posts or a sidebar.
• Mobile Friendly:
o Touch friendly functionality
open menu items with hover or tap
Things that look like they should swipe (such as sliders) should swipe
o Responsive design
Use percentages for body elements that should fill the whole screen
• Speed optimized:
o Use only 1 CSS file organized logically
o Use as few JS files as possible. In general, use as little JS as possible
o Use minimal plugins to avoid bloat.
o Designs should be plugin independent - The site should still work with no plugins, so if a plugin gets updated or deactivated, the site does not break.
o Use as few images as possible
Buttons should always be html only - No images, but only if they can be created with 100% fidelity to design. In this case, button text should never be an image.
Social Media icons, navigational icons and other non-content images should be combined into CSS image sprites
Backgrounds should be created with CSS gradients, not images, but only if they can be created with 100% fidelity to design.
• Editable Content:
o All editable content should have general styling, so when a user uses these tags in a page or post, the content looks uniformed.
Tags that should be formatted include, h1-h5, strong, bold, em, ul, ol, li, blockquote, img, .alignright, .alignleft, .aligncenter, .alignnone, a, a:visited, a:hover, etc.
• ul, ol, and li should be indented properly in a way that nested indents make sense.
Use Styling Tester Code (bottom) to test how it looks
o Links should all be relative. Avoid using absolute links that may break the site upon migration.
o All pages other than the home page should have page name as h1
o Widget titles should be divs (not the WordPress default h2)
• Cross Browser compatibility:
o Should be compatible with Webkit, Mozilla, IE, Opera, IOS Safari, and Android browser.
o Forms should have validation and captchas to provide a reasonable level of spam protection
97 freelancer bu iş için ortalamada 767$ teklif veriyor
Hello, sir I'm interested with your project. I'll do it for you. My ranking on freelancer is 8th. I can do it well more than you could guess. :) Kind Regards. http://meri.to http://ua-1.com http://letsdoacollab.com