Trang chủ
Cửa ngõ của website: giới thiệu tổng quan về dòng họ và dẫn lối vào từng phần chính. Nếu chưa biết bắt đầu từ đâu, hãy khởi hành từ đây.
Đôi lời
Một nơi để dừng lại và tìm về
Website được dựng như một “không gian ký ức số” — không chỉ để tra cứu thông tin, mà để con cháu cảm nhận cội nguồn và kết nối các thế hệ. Bạn không cần rành kỹ thuật: mọi trang đều được sắp đặt để đọc và di chuyển thật tự nhiên.
Bản đồ website
Mỗi trang một vai trò
Chín phần chính, hợp lại thành một mạch: từ cội nguồn, giá trị, tới ký ức và sự kết nối hôm nay.
Lời giới thiệu
Kể về cội nguồn, ý nghĩa và tinh thần của cuốn gia phả số — vì sao con cháu cần gìn giữ và tiếp nối.
Cây phả hệ
Trái tim của website: sơ đồ các thế hệ. Bạn có thể tìm kiếm theo tên, gập/mở từng nhánh, và bấm vào một cái tên để xem trang riêng của người đó.
Trang thành viên
Mỗi người trong họ có một trang riêng: thân thế, cha mẹ, anh chị em, hôn nhân – con cái và sơ đồ trực hệ. Mở từ cây phả hệ hoặc từ ô tìm kiếm.
Gia huấn – Gia phong
Những lời răn dạy và giá trị cốt lõi làm nên nếp nhà: kính tổ tiên, hiếu cha mẹ, thuận anh em, trọng chữ tín, học để lập thân.
Sự kiện & Ngày giỗ
Lịch âm – dương của dòng họ: ngày giỗ, kỵ, sự kiện họ tộc được tính theo âm lịch, giúp con cháu không quên những dịp quan trọng.
Thư viện ký ức
Kho ảnh và tư liệu các thế hệ — mỗi tấm ảnh gắn một câu chuyện. Phần này được bồi đắp dần theo đóng góp của con cháu.
Tin tức họ tộc
Cập nhật hoạt động, bài viết và sự kiện mới của dòng họ để mọi người cùng theo dõi và kết nối.
Liên hệ & đóng góp
Nơi bạn gửi thêm tư liệu, ảnh cũ, hoặc báo một thành viên/nhánh còn thiếu — cùng nhau làm gia phả thêm trọn vẹn.
Kỹ thuật & công cụ
Được dựng nên như thế nào
Ưu tiên sự nhẹ nhàng, bền vững và dễ gìn giữ lâu dài — để nhiều năm sau con cháu vẫn mở lại được.
Nền tảng WordPress
Website chạy trên WordPress cùng giao diện Astra — hệ quản trị nội dung phổ biến, giúp việc cập nhật, biên tập về sau dễ dàng kể cả với người không chuyên.
Giao diện tự viết
Mỗi trang là một khuôn giao diện được viết riêng, thiết kế theo tinh thần nhà thờ tổ — trang nghiêm, ấm áp và nhất quán trên toàn site.
HTML · CSS · JavaScript thuần
Xây bằng các công nghệ web nền tảng, hạn chế tối đa thư viện nặng — nhờ vậy trang nhẹ, tải nhanh và bền vững để dùng lâu dài.
Cây phả hệ tương tác
Sơ đồ phả hệ được dựng riêng cho website, hỗ trợ tìm kiếm, gập/mở nhánh và xem trực hệ — thay vì chỉ là một bức ảnh tĩnh.
Lịch âm – dương
Một bộ chuyển đổi âm lịch được tích hợp để tính ngày giỗ theo âm lịch và hiển thị song song âm – dương cho dễ tra cứu.
Hiệu ứng cuộn tinh tế
Nội dung hiện dần khi bạn cuộn trang, nhẹ nhàng và trang nhã. Nếu bạn bật chế độ “giảm chuyển động”, website sẽ tự tôn trọng lựa chọn đó.
Phông chữ & bảng màu
Chữ tiêu đề Merriweather (serif) kết hợp thân bài Inter (sans-serif); tông màu đỏ đô – vàng đồng – giấy ngà gợi không khí câu đối, nhà thờ tổ.
Tối ưu điện thoại
Thiết kế “mobile-first”: mọi trang đều hiển thị gọn gàng, dễ đọc và dễ thao tác trên điện thoại lẫn máy tính.
Tinh thần bảo tàng
Bố cục tối giản, nhiều khoảng trắng, ảnh là nhân vật chính — để người xem dừng lại, suy ngẫm và cảm nhận thay vì bị phân tán.
Bắt đầu thôi
Cùng bước vào dòng chảy của các thế hệ
Hãy mở cây phả hệ để tìm tên mình và người thân — hoặc gửi về những tư liệu, tấm ảnh bạn đang giữ.