- Navigate into your “theme” directory which should be empty except for a “README.txt” file. This file contains a nice overview of what to put in this folder, but we will go into a bit more detail here. Firstly, your theme will need a name. Some people prefer to give the theme a name which doesn’t relate to the project itself and others prefer to call the theme the same name as the project for consistency. We’re going to go with “reallifedigital” to be consistent. You’ll need to create a new directory inside of “themes” with this theme name. Now navigate into your actual theme directory once you’ve created it and given it a name.
- The first thing Drupal needs to recognise your theme is an info file. Create a new file and name it with your theme name plus the extension “.info.yml”. In our case this file will be called “reallifedigital.info.yml”. Now open this file with your preferred text editor.
- The file needs to be written in YAML syntax but don’t panic – it’s really easy. The “name:” and “description:” fields are hopefully self explanatory! The “type:” and “package:” tells Drupal what type of info file this is and where to include it within your Drupal project. The “core:” defines what version of Drupal we’re working with and the “screenshot:” points to a screenshot of the theme which will appear in Drupal’s UI later on once our theme is up and running. Just copy what you see below but replace the “name:” and “description:” fields with your own theme’s name and description.
name: Real Life Digital type: theme description: A red theme for the Real Life Digital website! package: themes core: 8.x screenshot: screenshot.jpg
- By default Drupal’s output markup is “class-free” for total customisation. To get going quickly, though we suggest you define a “base theme”. Drupal comes with a base theme called “classy” which provides useful classes as well as other defaults. To define a base theme we simply add the following line to our info file:
base theme: classy
- Next we’ll need to define our libraries (for the uninitiated libraries in Drupal are simply a collection of JS/CSS as opposed to 3rd party plugins which we call modules). This will make more sense later when we set up our “libraries.yml” file but for now simply define your libraries as shown below. You’ll need to replace our theme name for yours. In YAML syntax indentation is important so be sure to indent the library information and to add the “- ” before. This is how lists are defined in YAML syntax. Although for now we are only defining one library there is a good chance we will need to come back later and extend this.
libraries: - reallifedigital/global
- Next we can define any stylesheets we want to remove. These could be stylesheets which have come Drupal’s core, from our class base theme or from a contributed module. For now we’re not going to remove any stylesheets but it’s worth having this in your file so you can come back and remove stylesheets as and when you need to. Simply add the following line:
stylesheets-remove:
Visit website 1501
Visit website 1502
Visit website 1503
Visit website 1504
Visit website 1505
Visit website 1506
Visit website 1507
Visit website 1508
Visit website 1509
Visit website 1510
Visit website 1511
Visit website 1512
Visit website 1513
Visit website 1514
Visit website 1515
Visit website 1516
Visit website 1517
Visit website 1518
Visit website 1519
Visit website 1520
Visit website 1521
Visit website 1522
Visit website 1523
Visit website 1524
Visit website 1525
Visit website 1526
Visit website 1527
Visit website 1528
Visit website 1529
Visit website 1530
Visit website 1531
Visit website 1532
Visit website 1533
Visit website 1534
Visit website 1535
Visit website 1536
Visit website 1537
Visit website 1538
Visit website 1539
Visit website 1540
Visit website 1541
Visit website 1542
Visit website 1543
Visit website 1544
Visit website 1545
Visit website 1546
Visit website 1547
Visit website 1548
Visit website 1549
Visit website 1550
Visit website 1551
Visit website 1552
Visit website 1553
Visit website 1554
Visit website 1555
Visit website 1556
Visit website 1557
Visit website 1558
Visit website 1559
Visit website 1560
Visit website 1561
Visit website 1562
Visit website 1563
Visit website 1564
Visit website 1565
Visit website 1566
Visit website 1567
Visit website 1568
Visit website 1569
Visit website 1570
Visit website 1571
Visit website 1572
Visit website 1573
Visit website 1574
Visit website 1575
Visit website 1576
Visit website 1577
Visit website 1578
Visit website 1579
Visit website 1580
Visit website 1581
Visit website 1582
Visit website 1583
Visit website 1584
Visit website 1585
Visit website 1586
Visit website 1587
Visit website 1588
Visit website 1589
Visit website 1590
Visit website 1591
Visit website 1592
Visit website 1593
Visit website 1594
Visit website 1595
Visit website 1596
Visit website 1597
Visit website 1598
Visit website 1599
Visit website 1600
Visit website 1601
Visit website 1602
Visit website 1603
Visit website 1604
Visit website 1605
Visit website 1606
Visit website 1607
Visit website 1608
Visit website 1609
Visit website 1610
Visit website 1611
Visit website 1612
Visit website 1613
Visit website 1614
Visit website 1615
Visit website 1616
Visit website 1617
Visit website 1618
Visit website 1619
Visit website 1620
Visit website 1621
Visit website 1622
Visit website 1623
Visit website 1624
Visit website 1625
Visit website 1626
Visit website 1627
Visit website 1628
Visit website 1629
Visit website 1630
Visit website 1631
Visit website 1632
Visit website 1633
Visit website 1634
Visit website 1635
Visit website 1636
Visit website 1637
Visit website 1638
Visit website 1639
Visit website 1640
Visit website 1641
Visit website 1642
Visit website 1643
Visit website 1644
Visit website 1645
Visit website 1646
Visit website 1647
Visit website 1648
Visit website 1649
Visit website 1650
Visit website 1651
Visit website 1652
Visit website 1653
Visit website 1654
Visit website 1655
Visit website 1656
Visit website 1657
Visit website 1658
Visit website 1659
Visit website 1660
Visit website 1661
Visit website 1662
Visit website 1663
Visit website 1664
Visit website 1665
Visit website 1666
Visit website 1667
Visit website 1668
Visit website 1669
Visit website 1670
Visit website 1671
Visit website 1672
Visit website 1673
Visit website 1674
Visit website 1675
Visit website 1676
Visit website 1677
Visit website 1678
Visit website 1679
Visit website 1680
Visit website 1681
Visit website 1682
Visit website 1683
Visit website 1684
Visit website 1685
Visit website 1686
Visit website 1687
Visit website 1688
Visit website 1689
Visit website 1690
Visit website 1691
Visit website 1692
Visit website 1693
Visit website 1694
Visit website 1695
Visit website 1696
Visit website 1697
Visit website 1698
Visit website 1699
Visit website 1700
Visit website 1701
Visit website 1702
Visit website 1703
Visit website 1704
Visit website 1705
Visit website 1706
Visit website 1707
Visit website 1708
Visit website 1709
Visit website 1710
Visit website 1711
Visit website 1712
Visit website 1713
Visit website 1714
Visit website 1715
Visit website 1716
Visit website 1717
Visit website 1718
Visit website 1719
Visit website 1720
Visit website 1721
Visit website 1722
Visit website 1723
Visit website 1724
Visit website 1725
Visit website 1726
Visit website 1727
Visit website 1728
Visit website 1729
Visit website 1730
Visit website 1731
Visit website 1732
Visit website 1733
Visit website 1734
Visit website 1735
Visit website 1736
Visit website 1737
Visit website 1738
Visit website 1739
Visit website 1740
Visit website 1741
Visit website 1742
Visit website 1743
Visit website 1744
Visit website 1745
Visit website 1746
Visit website 1747
Visit website 1748
Visit website 1749
Visit website 1750
Visit website 1751
Visit website 1752
Visit website 1753
Visit website 1754
Visit website 1755
Visit website 1756
Visit website 1757
Visit website 1758
Visit website 1759
Visit website 1760
Visit website 1761
Visit website 1762
Visit website 1763
Visit website 1764
Visit website 1765
Visit website 1766
Visit website 1767
Visit website 1768
Visit website 1769
Visit website 1770
Visit website 1771
Visit website 1772
Visit website 1773
Visit website 1774
Visit website 1775
Visit website 1776
Visit website 1777
Visit website 1778
Visit website 1779
Visit website 1780
Visit website 1781
Visit website 1782
Visit website 1783
Visit website 1784
Visit website 1785
Visit website 1786
Visit website 1787
Visit website 1788
Visit website 1789
Visit website 1790
Visit website 1791
Visit website 1792
Visit website 1793
Visit website 1794
Visit website 1795
Visit website 1796
Visit website 1797
Visit website 1798
Visit website 1799
Visit website 1800
Visit website 1801
Visit website 1802
Visit website 1803
Visit website 1804
Visit website 1805
Visit website 1806
Visit website 1807
Visit website 1808
Visit website 1809
Visit website 1810
Visit website 1811
Visit website 1812
Visit website 1813
Visit website 1814
Visit website 1815
Visit website 1816
Visit website 1817
Visit website 1818
Visit website 1819
Visit website 1820
Visit website 1821
Visit website 1822
Visit website 1823
Visit website 1824
Visit website 1825
Visit website 1826
Visit website 1827
Visit website 1828
Visit website 1829
Visit website 1830
Visit website 1831
Visit website 1832
Visit website 1833
Visit website 1834
Visit website 1835
Visit website 1836
Visit website 1837
Visit website 1838
Visit website 1839
Visit website 1840
Visit website 1841
Visit website 1842
Visit website 1843
Visit website 1844
Visit website 1845
Visit website 1846
Visit website 1847
Visit website 1848
Visit website 1849
Visit website 1850
Visit website 1851
Visit website 1852
Visit website 1853
Visit website 1854
Visit website 1855
Visit website 1856
Visit website 1857
Visit website 1858
Visit website 1859
Visit website 1860
Visit website 1861
Visit website 1862
Visit website 1863
Visit website 1864
Visit website 1865
Visit website 1866
Visit website 1867
Visit website 1868
Visit website 1869
Visit website 1870
Visit website 1871
Visit website 1872
Visit website 1873
Visit website 1874
Visit website 1875
Visit website 1876
Visit website 1877
Visit website 1878
Visit website 1879
Visit website 1880
Visit website 1881
Visit website 1882
Visit website 1883
Visit website 1884
Visit website 1885
Visit website 1886
Visit website 1887
Visit website 1888
Visit website 1889
Visit website 1890
Visit website 1891
Visit website 1892
Visit website 1893
Visit website 1894
Visit website 1895
Visit website 1896
Visit website 1897
Visit website 1898
Visit website 1899
Visit website 1900
Visit website 1901
Visit website 1902
Visit website 1903
Visit website 1904
Visit website 1905
Visit website 1906
Visit website 1907
Visit website 1908
Visit website 1909
Visit website 1910
Visit website 1911
Visit website 1912
Visit website 1913
Visit website 1914
Visit website 1915
Visit website 1916
Visit website 1917
Visit website 1918
Visit website 1919
Visit website 1920
Visit website 1921
Visit website 1922
Visit website 1923
Visit website 1924
Visit website 1925
Visit website 1926
Visit website 1927
Visit website 1928
Visit website 1929
Visit website 1930
Visit website 1931
Visit website 1932
Visit website 1933
Visit website 1934
Visit website 1935
Visit website 1936
Visit website 1937
Visit website 1938
Visit website 1939
Visit website 1940
Visit website 1941
Visit website 1942
Visit website 1943
Visit website 1944
Visit website 1945
Visit website 1946
Visit website 1947
Visit website 1948
Visit website 1949
Visit website 1950
Visit website 1951
Visit website 1952
Visit website 1953
Visit website 1954
Visit website 1955
Visit website 1956
Visit website 1957
Visit website 1958
Visit website 1959
Visit website 1960
Visit website 1961
Visit website 1962
Visit website 1963
Visit website 1964
Visit website 1965
Visit website 1966
Visit website 1967
Visit website 1968
Visit website 1969
Visit website 1970
Visit website 1971
Visit website 1972
Visit website 1973
Visit website 1974
Visit website 1975
Visit website 1976
Visit website 1977
Visit website 1978
Visit website 1979
Visit website 1980
Visit website 1981
Visit website 1982
Visit website 1983
Visit website 1984
Visit website 1985
Visit website 1986
Visit website 1987
Visit website 1988
Visit website 1989
Visit website 1990
Visit website 1991
Visit website 1992
Visit website 1993
Visit website 1994
Visit website 1995
Visit website 1996
Visit website 1997
Visit website 1998
Visit website 1999
Visit website 2000