Commit d7cc0e88 authored by Patipat Jo's avatar Patipat Jo
Browse files

Update training-ckandev.md

parent 39d2bd12
......@@ -30,3 +30,87 @@ gedit /etc/ckan/default/ckan.ini
sudo supervisorctl reload
```
## 2. การแก้ไขหน้า Hompage
### 2.1 เริ่มการ implement block และ extends
1. สร้างไฟล์ใน ckanext-myorg/ckanext/myorg/templates/home/index.html ใส่โค้ดต่อไปนี้
```sh
{% block primary_content %}
{% set background = g.search_background %}
<div role="main" class="hero" style="background-image: url('{{ background }}')">
<div class="container">
<div class="row row1">
<div class="col-md-6 col1">
{% block promoted %}
{% snippet 'home/snippets/promoted.html' %}
{% endblock %}
</div>
<div class="col-md-6 col2" style="position: unset;">
{% block search %}
{% snippet 'home/snippets/search.html' %}
{% endblock %}
<br />
{% block stats %}
{% snippet 'home/snippets/stats.html' %}
{% endblock %}
</div>
</div>
</div>
</div>
<div role="main">
<div class="container">
<div class="row">
<div class="col-12">
<div class="module-content box">
<div class="row row2">
<div class="col-md-12">
<h2 class="">กลุ่มชุดข้อมูล</h2>
</div>
{% block featured_group %}
{% set stats = h.get_site_statistics() %}
{% snippet 'home/snippets/groups.html', stats=stats %}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
```
2. เพิ่ม {% ckan_extends %} ไว้บรรทัดบนสุด
### 2.2 เพิ่มส่วนแนะนำเว็บไซต์
เพิ่มโค้ดต่อไปนี้ถัดจากบรรทัด div class="container" ที่สอง
```sh
<div class="row">
<div class="col-12">
<div class="module-content box">
<div>
<h1 class="page-heading">NECTEC Data Catalog</h1>
<p>
สำนักงาน..... พัฒนาเว็บไซต์บัญชีข้อมูล (Data Catalog) นี้ขึ้น เพื่อเป็น...
</p>
</div>
</div>
</div>
</div>
```
### 2.3 เพิ่มส่วนกำหนด Style
1. สร้างไฟล์ใน ckanext-myorg/ckanext/myorg/public/base/css/custom.css ใส่โค้ดต่อไปนี้
```sh
.box {
margin-bottom: 20px;
}
```
2. สร้างไฟล์ใน ckanext-myorg/ckanext/myorg/templates/base.html ใส่โค้ดต่อไปนี้
```sh
{% ckan_extends %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="/base/css/custom.css" />
{% endblock %}
```
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment