Unduh jekyll theme consulting - jekyll theme consulting Unduh kode sumber

jekyll theme consulting

Kategori lainnya

1.0.0

Unduh

Konsultasi - Tema Jekyll

Templat jekyll yang sederhana dan tidak merepotkan untuk bisnis.

Anda dapat melihat pratinjau tema di sini

Consulting Theme

Fitur

Responsif : dukungan luar biasa untuk semua ukuran layar, baik itu ponsel cerdas, laptop, tablet...

Multibahasa : mengelola halaman, menu, url, tanggal, peta situs dengan mudah dalam beberapa bahasa

Dapat disesuaikan : warna tema, menu, item sosial dapat diubah dari file konfigurasi pusat

Banyak Widget : tab, mini-posting, sorotan, daftar fitur, dan lainnya dapat dengan mudah disisipkan tanpa mengkhawatirkan internalnya

Banyak templat : formulir kontak, menu navigasi, dan lainnya dapat dengan mudah disisipkan berkat penyertaan Jekyll khusus

Gambar vektor : gambar tema di-vektorkan, ditampilkan dengan lancar di tampilan apa pun, dan dapat ditata secara dinamis

Siap GDPR : dibundel dengan plugin persetujuan cookie dan kebijakan privasi boilerplate yang sesuai dengan GDPR

Siap SEO : peta situs, robots.txt, dan tag dibuat secara otomatis untuk situs web

Ringan : gambar svg, jempol dan pemuatan lambat untuk gambar raster, sedikit perpustakaan

Berkinerja : pemuatan & eksekusi aset secara paralel, mendukung pemuatan lambat, aset yang diperkecil, jalur kritis terkompresi

Dikeraskan : validasi formulir, recaptcha, perpustakaan terverifikasi

Instalasi

Tambahkan baris ini ke Gemfile situs Jekyll Anda :

 gem "jekyll-theme-consulting"

Dan tambahkan baris ini ke _config.yml situs Jekyll Anda:

 theme : jekyll-theme-consulting

Dan kemudian jalankan:

 $ bundle

Atau instal sendiri sebagai:

 $ gem install jekyll-theme-consulting

Penggunaan

Bagi mereka yang tidak terbiasa dengan cara kerja Jekyll, kunjungi jekyllrb.com untuk semua detailnya, atau bacalah dasar-dasar materi depan saja, menulis postingan, dan membuat halaman.

Inisialisasi

Salin file _config.yml dari repositori tema ke akar pohon folder situs web Anda. Bagian berikut menjelaskan dampak pengaturan dan cara mengonfigurasi _config.yml dengan benar.

Konfigurasi

Anda dapat menggunakan parameter khusus berikut di _config.yml .

Lokasi

title dan subtitle ditampilkan berdampingan:

di nama tab
di bagian atas halaman, di header

Sosial

Ikon sosial akan muncul untuk setiap url yang Anda isi, di antara facebook_url dll.

Kontak

Informasi kontak Anda dapat digunakan dalam formulir kontak, footer, atau di mana pun.

Recaptcha

Formulir kontak divalidasi menggunakan plugin recaptcha Google. Pertama, Anda perlu [mendaftarkan situs web Anda] untuk mengaktifkan plugin. Google akan memberi Anda kunci integrasi sisi klien : salin ke _config.yml di bawah recaptcha.sitekey .

Gambar

Pemuatan Malas

Pengunduhan & rendering gambar dapat ditunda hingga memasuki area pandang. Hal ini mempersingkat pemuatan halaman web, tanpa konsekuensi pada konten yang ditampilkan karena gambar berada di luar layar.

Ada 2 kemungkinan:

menggunakan skrip yang dibundel dengan permata
tergantung pada browsernya

Dukungan browser untuk pemuatan lambat bervariasi, jadi disarankan untuk memilih solusi pertama.

Menggunakan fungsionalitas permata

tambahkan class="lazy-loading"
isi atribut src dengan path ke file placeholder
isi atribut data-src dengan path ke file konten

Sebelum:

 < img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

Setelah:

 < img class =" lazy-loading " src =" {{ 'assets/images/placeholder.jpg' | absolute_url }} " data-src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

Menggunakan fungsionalitas browser

tambahkan loading="lazy"

Sebelum:

 < img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

Setelah:

 < img loading =" lazy " src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

Fungsi ini tidak didukung oleh semua browser!

Kompresi dan format file

Disarankan untuk menggunakan format webp .

Pada dimensi dan tingkat kompresi (kualitas) tertentu, file webp setidaknya berukuran setengahnya dengan kesan lebih halus.

Publikasi

Di Halaman Github

Di repositori situs web Anda, edit file _config.yml :

 url : " https://<github-account-name>.github.io/<repository-name> "

Bangun situs web dengan:

 $ JEKYLL_ENV=production bundle exec jekyll build

Komit semua pekerjaan Anda ke cabang saat ini.

Buat cabang bernama gh-pages :

 $ git checkout -b gh-pages

Dan terakhir ganti konten repositori dengan halaman web yang dihasilkan:

 $ mkdir ~/backup
$ mv ./* ~/backup/
$ mv ~/backup/.git ./
$ mv ~/backup/_site/* ./
$ git add .
$ git commit -m "First draft"

Konten repositori dicadangkan di direktori home pengguna.

Dan akhirnya push ke github

 $ git push --u origin gh-pages

Di server mana pun

Di direktori situs web Anda, edit file _config.yml :

 url : " https:<domain-name> "

Bangun situs web dengan:

 $ JEKYLL_ENV=production bundle exec jekyll build

Salin konten folder _site ke server Anda, kemungkinan besar di www .

Jika perlu, konfigurasikan server Anda untuk melayani direktori ini.

Berkontribusi

Laporan bug dan permintaan penarikan diterima di GitHub di https://github.com/apehex/jekyll-theme-consulting. Proyek ini dimaksudkan untuk menjadi ruang kolaborasi yang aman dan ramah, dan kontributor diharapkan mematuhi kode etik Perjanjian Kontributor.

Perkembangan

Untuk menyiapkan lingkungan Anda untuk mengembangkan tema ini, jalankan bundle install .

Untuk menguji tema, jalankan bundle exec jekyll serve dan buka browser Anda di http://localhost:4000 . Ini memulai server Jekyll menggunakan tema tersebut. Tambahkan halaman, dokumen, data, dll. seperti biasa untuk menguji konten tema. Saat Anda melakukan modifikasi pada tema dan konten, situs Anda akan dibuat ulang dan Anda akan melihat perubahannya di browser setelah penyegaran, seperti biasa.

Saat tema dirilis, hanya file dalam _layouts , _includes , _sass dan assets yang dilacak dengan Git yang akan digabungkan. Untuk menambahkan direktori khusus ke theme-gem, harap edit regexp di jekyll-theme-consulting.gemspec sesuai kebutuhan.