Skip to main content

Homepage Content Management

The homepage is the first thing students, parents, and staff see when they log into 4SCH. Effective homepage management keeps your school community informed, engaged, and aware of important updates, events, and achievements.

Who Should Read This?
  • School Administrators - Manage homepage sliders and school-wide announcements
  • Teachers - Post class-specific announcements (limited)
  • Marketing/Communications Staff - Keep content fresh and relevant

What You Can Manage​

1. Homepage Sliders 🎨​

Visual banners that rotate on the homepage, perfect for:

  • Welcome messages and seasonal greetings
  • Event promotions (Sports Day, Cultural Festival, etc.)
  • Achievement highlights (Exam results, awards)
  • Important announcements (School closure, schedule changes)
  • Upcoming deadlines (Fee payment, exam registration)

2. School-Wide Announcements 📢​

Text-based notices that appear prominently:

  • Emergency notifications
  • General updates and news
  • Policy changes
  • Event information
  • Quick reminders

3. Featured Content ⭐​

Highlight important information:

  • Latest news articles
  • Upcoming events
  • Important documents
  • Quick links

Managing Homepage Sliders​

Why Use Sliders?​

Benefits:

  • ✅ Visual Impact - Images grab attention better than text
  • ✅ Multiple Messages - Rotate several important items
  • ✅ Professional Look - Modern, polished appearance
  • ✅ Engagement - Keep homepage fresh and interesting
  • ✅ Mobile Friendly - Look great on phones and tablets

Best Use Cases:

  • Welcome new students/parents at session start
  • Promote school events (Open Day, Sports competitions)
  • Celebrate achievements (WAEC results, competitions won)
  • Important deadlines (Fee payment, exam registration)
  • Seasonal messages (Holiday greetings, term start)

Creating a New Slider​

Step 1: Access Slider Management

  1. Log in to Admin Panel
  2. Go to Settings or Content Management
  3. Click Homepage Sliders or Slider Management

Step 2: Create Slider

  1. Click Add New Slider or Create Slider
  2. Fill in slider details

Step 3: Upload Slider Image

Image Requirements:

  • Recommended Size: 1920 x 600 pixels (16:9 landscape ratio)
  • Minimum Size: 1200 x 400 pixels
  • Maximum File Size: 2MB (preferably under 1MB for fast loading)
  • Format: JPG or PNG
  • Quality: High resolution but optimized for web

Tips for Great Slider Images:

  • Use school brand colors
  • Include school logo
  • Text should be large and readable
  • High contrast (dark text on light background or vice versa)
  • Avoid too much text - keep it punchy
  • Test on mobile devices

Step 4: Add Slider Content

Title:

Enter a short, catchy title
Example: "Welcome to First Term 2024/2025!"
         "WAEC Results Out - 98% Pass Rate!"
         "Sports Day - March 15th"

Description/Subtitle (Optional):

Add supporting text if needed (keep it brief)
Example: "We wish all our students success this term"
         "Congratulations to our exceptional students"
         "Register your child now - limited slots"

Link (Optional):

  • Where should users go when they click?
  • Examples:
    • Event registration page
    • Fee payment portal
    • News article
    • Gallery album
    • External website

Link Type:

  • Internal (within 4SCH system)
  • External (opens in new tab)

Step 5: Set Display Options

Order/Priority:

  • Number 1 = Shows first in rotation
  • Number 2 = Shows second, etc.
  • Lower numbers = higher priority

Status:

  • ✅ Active - Slider is live and visible
  • ⏸️ Inactive - Slider is hidden (draft or archived)

Display Duration:

  • How long slider shows before rotating to next
  • Recommended: 5-7 seconds
  • Too short: Users can't read
  • Too long: Users get bored

Target Audience (if available):

  • All Users
  • Students Only
  • Parents Only
  • Teachers/Staff Only

Step 6: Preview & Publish

  1. Click Preview to see how it looks
  2. Test on mobile view
  3. If satisfied, click Save or Publish
  4. Slider goes live immediately (or as scheduled)

Managing Existing Sliders​

View All Sliders:

  1. Go to Homepage Sliders
  2. See list of all sliders with:
    • Thumbnail preview
    • Title
    • Status (Active/Inactive)
    • Order number
    • Date created

Edit a Slider:

  1. Click Edit button or pencil icon
  2. Update any field (image, title, description, order, etc.)
  3. Click Save Changes
  4. Changes appear immediately on homepage

Delete a Slider:

  1. Click Delete button or trash icon
  2. Confirm deletion
  3. ⚠️ Warning: This is permanent!

Reorder Sliders:

  • Method 1: Drag and drop sliders to reorder
  • Method 2: Change the order/priority number
  • Method 3: Use up/down arrows to move sliders

Activate/Deactivate Slider:

  • Toggle Active switch on/off
  • Inactive sliders don't show on homepage but are saved
  • Useful for seasonal content you'll reuse

Slider Best Practices​

Content Guidelines:

DO:

  • ✅ Use high-quality, clear images
  • ✅ Keep text minimal and punchy
  • ✅ Update regularly (at least monthly)
  • ✅ Align with school events calendar
  • ✅ Use consistent branding (colors, fonts, logo)
  • ✅ Test on mobile before publishing
  • ✅ Include call-to-action if needed ("Register Now", "Learn More")

DON'T:

  • ❌ Use blurry or low-quality images
  • ❌ Overcrowd with too much text
  • ❌ Leave outdated sliders active
  • ❌ Use copyrighted images without permission
  • ❌ Forget to check mobile responsiveness
  • ❌ Use offensive or inappropriate content
  • ❌ Have too many sliders (3-5 is ideal)

Timing & Rotation:

How Many Sliders?

  • Ideal: 3-5 active sliders
  • Minimum: 2 (for rotation effect)
  • Maximum: 7 (more = cluttered, slow loading)

How Long to Display?

  • Important announcement: Keep for 1-2 weeks
  • Event promotion: 2-3 weeks before event
  • Seasonal greeting: Duration of season/term
  • Achievement celebration: 1-2 weeks
  • General welcome: Entire term/session

Update Frequency:

  • Review weekly
  • Update at least monthly
  • Remove outdated content immediately
  • Add new content for major events

Slider Ideas & Examples​

Term Start:

Image: Students in uniform, smiling
Title: "Welcome Back! First Term 2024/2025"
Description: "We're excited to see you all. Let's make this term amazing!"
Link: Academic calendar
Duration: 2 weeks

Exam Results:

Image: Students celebrating
Title: "Excellent WAEC Results - 98% Pass Rate!"
Description: "Congratulations to our SS3 students - you made us proud!"
Link: Full results announcement
Duration: 2 weeks

Event Promotion:

Image: Sports field with running track
Title: "Inter-House Sports Competition - March 15"
Description: "Register your house team now. Limited slots available!"
Link: Registration form
Duration: 3 weeks before event

Fee Payment Reminder:

Image: Calendar with deadline circled
Title: "School Fees Due - March 31st"
Description: "Pay online or visit the accountant's office"
Link: Fee payment portal
Duration: 2-4 weeks before deadline

Achievement Highlight:

Image: Trophy or award ceremony
Title: "4SCH Wins State Science Quiz!"
Description: "Our team brought home 1st place - well done!"
Link: Photo gallery
Duration: 1-2 weeks

Seasonal Greeting:

Image: Festive decorations
Title: "Happy New Year from 4SCH!"
Description: "Wishing all our students and parents a prosperous 2025"
Link: None
Duration: 2 weeks in January

Managing Announcements​

Types of Announcements​

1. School-Wide Announcements

  • Sent to all students, parents, and staff
  • For general school news
  • Admin only

2. Class-Specific Announcements

  • Sent to specific class/section
  • For class-related news
  • Teachers can post

3. Subject-Specific Announcements

  • Related to a particular subject
  • Teachers post to their subject students

Creating School-Wide Announcements​

Step 1: Access Announcements

  1. Log in to Admin Panel
  2. Go to Communication → Announcements
  3. Or from Dashboard → Quick Actions → Post Announcement

Step 2: Create Announcement

  1. Click Create Announcement or New Announcement

Step 3: Enter Announcement Details

Title:

Clear, descriptive title
Example: "School Closure - Public Holiday"
         "Exam Timetable Released"
         "Parent-Teacher Meeting - Saturday"

Message/Description:

Full details of announcement
Example:
"The school will be closed on Monday, March 17th, 2025 for 
Independence Day. Classes will resume on Tuesday, March 18th.

Enjoy the holiday responsibly!"

Formatting:

  • Keep paragraphs short
  • Use bullet points for lists
  • Bold important information
  • Include dates, times, locations clearly

Step 4: Set Announcement Options

Priority/Importance:

  • 🔴 High - Urgent (shows red, sends push notification)
  • 🟡 Medium - Important (shows yellow, may send notification)
  • 🟢 Low - General info (shows green, no push notification)

Target Audience:

  • All Users
  • Students Only
  • Parents Only
  • Teachers/Staff Only
  • Specific Classes/Sections

Attachments (Optional):

  • Upload PDFs, images, or documents
  • Examples: Exam timetable PDF, event flyer, forms
  • Max size: Usually 5-10MB

Expiry Date (Optional):

  • When should announcement no longer show?
  • Example: Event announcements expire after event date
  • Leave blank for permanent announcements

Step 5: Preview & Send

  1. Click Preview to review
  2. Check for typos and clarity
  3. Click Send or Publish

Delivery:

  • Appears on homepage immediately
  • Sent as push notification (if enabled)
  • Emailed to users (if configured)
  • Shows in user's announcement feed

Managing Announcements​

View Announcements:

  • See all active and archived announcements
  • Filter by:
    • Date range
    • Target audience
    • Priority
    • Status (Active/Expired)

Edit Announcement:

  1. Find announcement in list
  2. Click Edit
  3. Update content
  4. Click Save
  5. ⚠️ Note: Notifications won't re-send to users who already saw it

Delete Announcement:

  1. Click Delete
  2. Confirm deletion
  3. Removes from all users' feeds

Pin Important Announcement:

  • Pinned announcements stay at top
  • Use for critical, ongoing information
  • Example: "Fees payment portal maintenance this weekend"

Announcement Best Practices​

Writing Effective Announcements:

DO:

  • ✅ Use clear, simple language
  • ✅ Put most important info first
  • ✅ Include specific dates, times, locations
  • ✅ Provide action steps if needed
  • ✅ Proofread before sending
  • ✅ Use appropriate priority level
  • ✅ Send timely (not last-minute unless emergency)

DON'T:

  • ❌ Use ALL CAPS (seems like shouting)
  • ❌ Write overly long messages (keep concise)
  • ❌ Mark everything as "High Priority"
  • ❌ Send too frequently (announcement fatigue)
  • ❌ Include unverified information
  • ❌ Forget to include key details

Timing Guidelines:

How Far in Advance:

  • Major events: 2-4 weeks
  • Regular events: 1-2 weeks
  • Deadlines: 1-2 weeks, with reminders
  • Emergency: Immediately
  • General news: As it happens

Frequency:

  • Good: 2-3 announcements per week
  • Acceptable: Daily for different topics
  • Too Much: Multiple daily for non-urgent items

Best Times to Send:

  • Weekday mornings: 8-10 AM (parents checking before work)
  • Weekday evenings: 7-9 PM (family time, check phones)
  • Avoid: Very late night, very early morning
  • Weekend: OK for non-urgent announcements

Sample Announcements​

Example 1: School Closure

Title: School Closure - Public Holiday
Priority: High
Audience: All Users

Message:
The school will be CLOSED on Monday, March 17, 2025 for Independence 
Day public holiday.

Classes will resume on Tuesday, March 18, 2025 at the normal time.

Enjoy the holiday safely!

- School Administration

Example 2: Fee Payment Reminder

Title: First Term Fees Payment Reminder
Priority: Medium
Audience: Parents

Message:
Dear Parents/Guardians,

This is a friendly reminder that First Term 2024/2025 school fees are 
due by March 31, 2025.

Payment Options:
• Online payment via parent portal
• Bank transfer (see account details in fee section)
• Cash/Cheque at school accountant's office

Late payment may affect your child's exam eligibility.

For payment plan inquiries, contact the accountant.

Thank you for your cooperation.

Attached: Fee payment guide PDF

Example 3: Exam Timetable

Title: Second Term Exam Timetable Published
Priority: High
Audience: Students, Parents, Teachers

Message:
The Second Term examination timetable for all classes is now available.

📅 Exams Start: April 15, 2025
📅 Exams End: April 26, 2025

Students can view their specific timetables in the "Exams" section.

Important Reminders:
✓ Arrive 30 minutes before exam time
✓ Bring necessary materials (pen, calculator, etc.)
✓ No phones or smart devices in exam halls
✓ Follow exam rules and regulations

Download the full timetable from the attachment.

Good luck to all students!

Attached: Full_Exam_Timetable_Second_Term.pdf

Example 4: Parent-Teacher Meeting

Title: Parent-Teacher Meeting - Saturday, March 22nd
Priority: Medium
Audience: Parents

Message:
You are invited to our termly Parent-Teacher Meeting.

📅 Date: Saturday, March 22, 2025
🕐 Time: 9:00 AM - 2:00 PM
📍 Location: School Main Hall

Agenda:
• Academic performance review
• Behavioral feedback
• Questions and concerns
• School updates

Please confirm your attendance by March 18th using the link below.

Looking forward to seeing you there!

Link: RSVP Form

Example 5: Achievement Celebration

Title: Congratulations - WAEC Results Excellence!
Priority: Medium
Audience: All Users

Message:
🎉 We are thrilled to announce outstanding WAEC results!

📊 Statistics:
• 98% Overall Pass Rate
• 45 students with 5 A's or more
• 78% passed Mathematics
• 85% passed English

Special congratulations to:
🏆 Chioma Okonkwo - 9 A's
🏆 Ibrahim Musa - 8 A's  
🏆 Grace Adeyemi - 8 A's

Well done to all our SS3 students, teachers, and parents!

Full results list available in the Results section.

#Proud4SCH #Excellence

Homepage Content Strategy​

Monthly Content Calendar​

Example Planning:

Week 1 of Month:

  • Slider: Welcome message or monthly theme
  • Announcement: Key events for the month

Week 2:

  • Slider: Upcoming event promotion
  • Announcement: Important deadline reminders

Week 3:

  • Slider: Achievement highlights
  • Announcement: Event registration or updates

Week 4:

  • Slider: Next month preview
  • Announcement: Recap and thank you

Seasonal Content Ideas​

Term Start (September, January, April):

  • Welcome back messages
  • New session goals
  • Term calendar highlights
  • Uniform reminders
  • Fee payment deadlines

Mid-Term (October, February, May):

  • Progress updates
  • Upcoming events
  • Exam preparation tips
  • Extra lessons announcements

Exam Period (November, March, July):

  • Exam timetables
  • Good luck messages
  • Exam rules reminders
  • Study tips

End of Term (December, March, July):

  • Results release
  • Achievement celebrations
  • Holiday messages
  • Next term preview

Special Events:

  • Independence Day
  • Christmas/New Year
  • Easter
  • Cultural festivals
  • Sports competitions
  • Open Day
  • Graduation

Troubleshooting​

Slider Not Showing​

Check:

  • Is slider status Active?
  • Is image uploaded correctly?
  • Is order/priority set?
  • Are there any other active sliders?
  • Clear browser cache

Try:

  • Re-upload image (check file size and format)
  • Change slider order
  • Deactivate other sliders temporarily
  • Check permissions

Announcement Not Received​

Check:

  • Target audience settings correct?
  • Push notifications enabled in user settings?
  • Email notifications configured?
  • Announcement not expired?

Try:

  • Resend announcement
  • Check user notification preferences
  • Verify email addresses
  • Test with one user first

Image Quality Issues​

Problem: Blurry or pixelated images

Solutions:

  • Use higher resolution source image
  • Maintain recommended dimensions (1920x600)
  • Don't stretch small images
  • Export at 80-90% quality (JPG)
  • Use PNG for images with text

Slow Homepage Loading​

Problem: Too many or large sliders

Solutions:

  • Limit to 3-5 active sliders
  • Compress images (use tools like TinyPNG)
  • Keep file sizes under 1MB
  • Use JPG instead of PNG for photos
  • Remove inactive/old sliders

Quick Reference Checklist​

Before Publishing a Slider:

  • Image is optimized (under 1MB, 1920x600 px)
  • Text is clear and readable
  • Title is concise and compelling
  • Link (if any) is working
  • Order/priority is set correctly
  • Tested on mobile view
  • Status set to Active
  • Expiry date set (if applicable)

Before Sending an Announcement:

  • Title is clear and descriptive
  • Message is concise and complete
  • Includes all necessary details (dates, times, locations)
  • Appropriate priority level selected
  • Correct target audience chosen
  • Attachments uploaded (if needed)
  • Proofread for errors
  • Preview looks good
Pro Tips
  • Batch prepare content: Create multiple sliders in advance, schedule for future dates
  • Reuse seasonal content: Save holiday sliders to reuse next year
  • Monitor engagement: Track which announcements get most views/clicks
  • Get feedback: Ask students/parents if they find announcements helpful
  • Stay consistent: Develop a posting schedule and stick to it

Next Steps:

  1. Create your first slider for the current term
  2. Post a welcome announcement
  3. Set up a monthly content calendar
  4. Train staff on posting procedures
  5. Gather content (images, upcoming events) for next 3 months

Happy communicating! 🎉

Last updated on