Generate a CV for this Job!
Based on your profile and this job description, you can create a tailored CV to apply directly.
WordPress Website Development – Masonry Grid Layout with Infinite Scroll (Hosted on Hostinger)
Upwork • , US • Remote
Posted on: 22nd February, 2025
Employment Type: CONTRACTOR
Job Description
We are looking for an experienced WordPress developer to build a modern, responsive website for BleacherPress.com. The website will feature a masonry grid layout on the homepage, similar to Pinterest, with infinite scrolling for seamless content browsing. The design must be clean, user-friendly, and optimized for performance, navigation, and readability.
We will be using Hostinger as our web hosting provider, so the developer should be familiar with WordPress installations, SSL setup, and performance optimization on Hostinger’s platform.
### Project Requirements
#### 1. Hosting & Security
— Website will be hosted on Hostinger’s WordPress plan.
— SSL Certificate Installation using Hostinger’s free SSL feature.
— Ensure fast loading speed and optimize for performance.
— Implement security best practices to protect the site.
#### 2. Homepage Design (Masonry Grid Layout with Infinite Scroll)
— A masonry grid layout, similar to Pinterest, that spans the full width of the page.
— The grid should dynamically adjust based on screen size.
— Desktop: Multiple columns spanning the full width.
— Mobile: A two-column layout for optimal readability.
Each masonry block should include:
— Rounded corners for a modern aesthetic.
— An image at the top (featured image of the article).
— The article’s `h1` title below the image in an appealing font.
— Infinite scrolling to load more articles dynamically as the user scrolls down.
#### 3. Header & Navigation
— The BleacherPress.com logo must be centered at the top of the page on all devices.
— A well-defined site navigation structure that allows users to easily browse articles and categories.
— Sticky or fixed header option for easy access to the menu.
#### 4. Article Pages
— Clean and structured typography and layout to enhance readability.
— Responsive design that adjusts based on screen size.
— A clear navigation system with breadcrumbs, next/previous buttons, and related articles.
— Social media sharing buttons integrated within the article pages.
— Ability to add author bio, tags, and categories for better content organization.
#### 5. Additional Features
— SEO-friendly URL structure and best on-page SEO practices.
— Lazy loading of images for better performance.
— Customizable sidebar (optional).
— Commenting system, either WordPress native or a third-party integration like Disqus.
— SSL Certificate Installation must be configured for HTTPS using Hostinger’s free SSL.
### Ideal Candidate
— Proficient in WordPress development with experience in custom themes.
— Strong understanding of CSS, HTML, JavaScript, and PHP.
— Experience implementing masonry grid layouts and infinite scrolling using CSS/JS frameworks such as Masonry.js or Ajax Load More.
— Familiarity with Hostinger’s hosting environment, including WordPress setup, SSL configuration, and performance optimization.
— A keen eye for modern UI/UX design principles.
— Good communication and ability to meet deadlines.
We will be using Hostinger as our web hosting provider, so the developer should be familiar with WordPress installations, SSL setup, and performance optimization on Hostinger’s platform.
### Project Requirements
#### 1. Hosting & Security
— Website will be hosted on Hostinger’s WordPress plan.
— SSL Certificate Installation using Hostinger’s free SSL feature.
— Ensure fast loading speed and optimize for performance.
— Implement security best practices to protect the site.
#### 2. Homepage Design (Masonry Grid Layout with Infinite Scroll)
— A masonry grid layout, similar to Pinterest, that spans the full width of the page.
— The grid should dynamically adjust based on screen size.
— Desktop: Multiple columns spanning the full width.
— Mobile: A two-column layout for optimal readability.
Each masonry block should include:
— Rounded corners for a modern aesthetic.
— An image at the top (featured image of the article).
— The article’s `h1` title below the image in an appealing font.
— Infinite scrolling to load more articles dynamically as the user scrolls down.
#### 3. Header & Navigation
— The BleacherPress.com logo must be centered at the top of the page on all devices.
— A well-defined site navigation structure that allows users to easily browse articles and categories.
— Sticky or fixed header option for easy access to the menu.
#### 4. Article Pages
— Clean and structured typography and layout to enhance readability.
— Responsive design that adjusts based on screen size.
— A clear navigation system with breadcrumbs, next/previous buttons, and related articles.
— Social media sharing buttons integrated within the article pages.
— Ability to add author bio, tags, and categories for better content organization.
#### 5. Additional Features
— SEO-friendly URL structure and best on-page SEO practices.
— Lazy loading of images for better performance.
— Customizable sidebar (optional).
— Commenting system, either WordPress native or a third-party integration like Disqus.
— SSL Certificate Installation must be configured for HTTPS using Hostinger’s free SSL.
### Ideal Candidate
— Proficient in WordPress development with experience in custom themes.
— Strong understanding of CSS, HTML, JavaScript, and PHP.
— Experience implementing masonry grid layouts and infinite scrolling using CSS/JS frameworks such as Masonry.js or Ajax Load More.
— Familiarity with Hostinger’s hosting environment, including WordPress setup, SSL configuration, and performance optimization.
— A keen eye for modern UI/UX design principles.
— Good communication and ability to meet deadlines.
Responsibilities
- The website will feature a masonry grid layout on the homepage, similar to Pinterest, with infinite scrolling for seamless content browsing
- The design must be clean, user-friendly, and optimized for performance, navigation, and readability
- We will be using Hostinger as our web hosting provider, so the developer should be familiar with WordPress installations, SSL setup, and performance optimization on Hostinger’s platform
- — Ensure fast loading speed and optimize for performance
- — Implement security best practices to protect the site
- Homepage Design (Masonry Grid Layout with Infinite Scroll)
- — A masonry grid layout, similar to Pinterest, that spans the full width of the page
- — The grid should dynamically adjust based on screen size
- — Desktop: Multiple columns spanning the full width
- — Infinite scrolling to load more articles dynamically as the user scrolls down
- — Sticky or fixed header option for easy access to the menu
- #### 4. Article Pages
- — Clean and structured typography and layout to enhance readability
- — Responsive design that adjusts based on screen size
- — A clear navigation system with breadcrumbs, next/previous buttons, and related articles
Requirements
- — The BleacherPress.com logo must be centered at the top of the page on all devices
- — A well-defined site navigation structure that allows users to easily browse articles and categories
- — Social media sharing buttons integrated within the article pages
- — Ability to add author bio, tags, and categories for better content organization
- — SEO-friendly URL structure and best on-page SEO practices
- — Commenting system, either WordPress native or a third-party integration like Disqus
- — SSL Certificate Installation must be configured for HTTPS using Hostinger’s free SSL
- — Proficient in WordPress development with experience in custom themes
- — Strong understanding of CSS, HTML, JavaScript, and PHP
- — Experience implementing masonry grid layouts and infinite scrolling using CSS/JS frameworks such as Masonry.js or Ajax Load More
- — Familiarity with Hostinger’s hosting environment, including WordPress setup, SSL configuration, and performance optimization
- — A keen eye for modern UI/UX design principles
- — Good communication and ability to meet deadlines
Upwork
Technology
Job Type
CONTRACTOR
Benefits
- — Mobile: A two-column layout for optimal readability
Loading...
Loading...
AI Cover Letter Generator
Generate a Tailored Cover Letter!
Our AI will analyze your profile and create a personalized cover letter that highlights your relevant skills and experience.
Related Jobs
Upwork
3 weeks ago
Simple Wordpress tasks for content editor - some front end skills required for additional tasks - Contract to Hire
, US
View Job