Uncategorized

Questions and Answers about your first Drupal 8

1. Where do I download a base theme for Drupal 8?

As of this writing, you don’t. It’s true that there are a few themes that have tried to keep pace with Drupal 8 in the pre-beta phase. These are admirable efforts, but none have kept up with the rapid pace of D8 development.

I tried my normal go-to, Adaptive Theme, but the D8 version was unusable, and threw tons of fatal errors as soon as I installed it. I took a look at Zen, but the D8 version hadn’t been updated in a year, and its own release notes called it “completely broken.” Bootstrap offered a similar caution on their project page.

I’m sure circumstances will improve, but as of today, if you want to theme your D8 site, you’re going to have to work from scratch. But I promise it’s really not so scary.

EDIT: see this blog post, which is still relevant (2016-12-22). At least Bootstrap, Basic, Neato!, Beginning, FortyTwo, xtheme and mbase have stable versions.

EDIT II: Multiple contrib D8 themes exist as do Classy and Stable which are included in core.”

2. How do I create a new theme in Drupal 8?

Here’s the folder structure of my custom theme.

http://i.imgur.com/SHHgxhV.png

The only file that absolutely must exist in order for your theme work is theme_name.info.yml. As you might have guessed, this is equivalent to the old theme_name.info that we used in D6 and D7. Of course, a theme with just an .info file doesn’t do very much—enabling a theme with just an .info file is essentially the same thing as enabling Stark (still shipping with D8 by the way). Here’s my .info file, you can probably intuit most of what it does:

https://gist.github.com/MKorostoff/562e4ef59a4a563c0452

A side note here that I won’t dwell on: you’ll probably find YML pretty hard to read for the first little while. I still haven’t gotten all the way used to it, but it’s gotten a lot better in just a few weeks. I also find that liberal use of code folding in Sublime Text makes YML a lot easier to digest.

http://i.imgur.com/0UqKV47.gif

The other files that you’ll almost definitely want are theme_name.theme, a php file, equivalent to the template.php and used mostly for preprocessor functions, and page.html.twig, equivalent to page.tpl.php in D7.

3. How do I declare a new template file in my Drupal 8 theme?

No real changes here from Drupal 7, other than the fact that php templating is gone, and replaced with Twig templating. Just like Drupal 7, you can instantiate new template files in the root of your custom theme folder simply by giving them the same name as one of the template files in core.

http://i.imgur.com/E7o0yUE.png

Like Drupal 7, you can limit the scope of your template file by giving it a specific name, according to that element’s “theme suggestions.” (The new documentation is no longer calling these “theme hook suggestions.”) So for instance, you can create a node.html.twig which will apply to all nodes, and then a node–article.html.twig–which will apply only to nodes or the type article. Note that the available theme suggestions is vastly improved in D8, giving you out-of-the-box ability to target by content type, view mode, and a wide variety of other conditions. Improved theme suggestions is one of my favorite new features in D8.

 

Read Comfy 4001
Read Comfy 4002
Read Comfy 4003
Read Comfy 4004
Read Comfy 4005
Read Comfy 4006
Read Comfy 4007
Read Comfy 4008
Read Comfy 4009
Read Comfy 4010
Read Comfy 4011
Read Comfy 4012
Read Comfy 4013
Read Comfy 4014
Read Comfy 4015
Read Comfy 4016
Read Comfy 4017
Read Comfy 4018
Read Comfy 4019
Read Comfy 4020
Read Comfy 4021
Read Comfy 4022
Read Comfy 4023
Read Comfy 4024
Read Comfy 4025
Read Comfy 4026
Read Comfy 4027
Read Comfy 4028
Read Comfy 4029
Read Comfy 4030
Read Comfy 4031
Read Comfy 4032
Read Comfy 4033
Read Comfy 4034
Read Comfy 4035
Read Comfy 4036
Read Comfy 4037
Read Comfy 4038
Read Comfy 4039
Read Comfy 4040
Read Comfy 4041
Read Comfy 4042
Read Comfy 4043
Read Comfy 4044
Read Comfy 4045
Read Comfy 4046
Read Comfy 4047
Read Comfy 4048
Read Comfy 4049
Read Comfy 4050
Read Comfy 4051
Read Comfy 4052
Read Comfy 4053
Read Comfy 4054
Read Comfy 4055
Read Comfy 4056
Read Comfy 4057
Read Comfy 4058
Read Comfy 4059
Read Comfy 4060
Read Comfy 4061
Read Comfy 4062
Read Comfy 4063
Read Comfy 4064
Read Comfy 4065
Read Comfy 4066
Read Comfy 4067
Read Comfy 4068
Read Comfy 4069
Read Comfy 4070
Read Comfy 4071
Read Comfy 4072
Read Comfy 4073
Read Comfy 4074
Read Comfy 4075
Read Comfy 4076
Read Comfy 4077
Read Comfy 4078
Read Comfy 4079
Read Comfy 4080
Read Comfy 4081
Read Comfy 4082
Read Comfy 4083
Read Comfy 4084
Read Comfy 4085
Read Comfy 4086
Read Comfy 4087
Read Comfy 4088
Read Comfy 4089
Read Comfy 4090
Read Comfy 4091
Read Comfy 4092
Read Comfy 4093
Read Comfy 4094
Read Comfy 4095
Read Comfy 4096
Read Comfy 4097
Read Comfy 4098
Read Comfy 4099
Read Comfy 4100
Read Comfy 4101
Read Comfy 4102
Read Comfy 4103
Read Comfy 4104
Read Comfy 4105
Read Comfy 4106
Read Comfy 4107
Read Comfy 4108
Read Comfy 4109
Read Comfy 4110
Read Comfy 4111
Read Comfy 4112
Read Comfy 4113
Read Comfy 4114
Read Comfy 4115
Read Comfy 4116
Read Comfy 4117
Read Comfy 4118
Read Comfy 4119
Read Comfy 4120
Read Comfy 4121
Read Comfy 4122
Read Comfy 4123
Read Comfy 4124
Read Comfy 4125
Read Comfy 4126
Read Comfy 4127
Read Comfy 4128
Read Comfy 4129
Read Comfy 4130
Read Comfy 4131
Read Comfy 4132
Read Comfy 4133
Read Comfy 4134
Read Comfy 4135
Read Comfy 4136
Read Comfy 4137
Read Comfy 4138
Read Comfy 4139
Read Comfy 4140
Read Comfy 4141
Read Comfy 4142
Read Comfy 4143
Read Comfy 4144
Read Comfy 4145
Read Comfy 4146
Read Comfy 4147
Read Comfy 4148
Read Comfy 4149
Read Comfy 4150
Read Comfy 4151
Read Comfy 4152
Read Comfy 4153
Read Comfy 4154
Read Comfy 4155
Read Comfy 4156
Read Comfy 4157
Read Comfy 4158
Read Comfy 4159
Read Comfy 4160
Read Comfy 4161
Read Comfy 4162
Read Comfy 4163
Read Comfy 4164
Read Comfy 4165
Read Comfy 4166
Read Comfy 4167
Read Comfy 4168
Read Comfy 4169
Read Comfy 4170
Read Comfy 4171
Read Comfy 4172
Read Comfy 4173
Read Comfy 4174
Read Comfy 4175
Read Comfy 4176
Read Comfy 4177
Read Comfy 4178
Read Comfy 4179
Read Comfy 4180
Read Comfy 4181
Read Comfy 4182
Read Comfy 4183
Read Comfy 4184
Read Comfy 4185
Read Comfy 4186
Read Comfy 4187
Read Comfy 4188
Read Comfy 4189
Read Comfy 4190
Read Comfy 4191
Read Comfy 4192
Read Comfy 4193
Read Comfy 4194
Read Comfy 4195
Read Comfy 4196
Read Comfy 4197
Read Comfy 4198
Read Comfy 4199
Read Comfy 4200
Read Comfy 4201
Read Comfy 4202
Read Comfy 4203
Read Comfy 4204
Read Comfy 4205
Read Comfy 4206
Read Comfy 4207
Read Comfy 4208
Read Comfy 4209
Read Comfy 4210
Read Comfy 4211
Read Comfy 4212
Read Comfy 4213
Read Comfy 4214
Read Comfy 4215
Read Comfy 4216
Read Comfy 4217
Read Comfy 4218
Read Comfy 4219
Read Comfy 4220
Read Comfy 4221
Read Comfy 4222
Read Comfy 4223
Read Comfy 4224
Read Comfy 4225
Read Comfy 4226
Read Comfy 4227
Read Comfy 4228
Read Comfy 4229
Read Comfy 4230
Read Comfy 4231
Read Comfy 4232
Read Comfy 4233
Read Comfy 4234
Read Comfy 4235
Read Comfy 4236
Read Comfy 4237
Read Comfy 4238
Read Comfy 4239
Read Comfy 4240
Read Comfy 4241
Read Comfy 4242
Read Comfy 4243
Read Comfy 4244
Read Comfy 4245
Read Comfy 4246
Read Comfy 4247
Read Comfy 4248
Read Comfy 4249
Read Comfy 4250
Read Comfy 4251
Read Comfy 4252
Read Comfy 4253
Read Comfy 4254
Read Comfy 4255
Read Comfy 4256
Read Comfy 4257
Read Comfy 4258
Read Comfy 4259
Read Comfy 4260
Read Comfy 4261
Read Comfy 4262
Read Comfy 4263
Read Comfy 4264
Read Comfy 4265
Read Comfy 4266
Read Comfy 4267
Read Comfy 4268
Read Comfy 4269
Read Comfy 4270
Read Comfy 4271
Read Comfy 4272
Read Comfy 4273
Read Comfy 4274
Read Comfy 4275
Read Comfy 4276
Read Comfy 4277
Read Comfy 4278
Read Comfy 4279
Read Comfy 4280
Read Comfy 4281
Read Comfy 4282
Read Comfy 4283
Read Comfy 4284
Read Comfy 4285
Read Comfy 4286
Read Comfy 4287
Read Comfy 4288
Read Comfy 4289
Read Comfy 4290
Read Comfy 4291
Read Comfy 4292
Read Comfy 4293
Read Comfy 4294
Read Comfy 4295
Read Comfy 4296
Read Comfy 4297
Read Comfy 4298
Read Comfy 4299
Read Comfy 4300
Read Comfy 4301
Read Comfy 4302
Read Comfy 4303
Read Comfy 4304
Read Comfy 4305
Read Comfy 4306
Read Comfy 4307
Read Comfy 4308
Read Comfy 4309
Read Comfy 4310
Read Comfy 4311
Read Comfy 4312
Read Comfy 4313
Read Comfy 4314
Read Comfy 4315
Read Comfy 4316
Read Comfy 4317
Read Comfy 4318
Read Comfy 4319
Read Comfy 4320
Read Comfy 4321
Read Comfy 4322
Read Comfy 4323
Read Comfy 4324
Read Comfy 4325
Read Comfy 4326
Read Comfy 4327
Read Comfy 4328
Read Comfy 4329
Read Comfy 4330
Read Comfy 4331
Read Comfy 4332
Read Comfy 4333
Read Comfy 4334
Read Comfy 4335
Read Comfy 4336
Read Comfy 4337
Read Comfy 4338
Read Comfy 4339
Read Comfy 4340
Read Comfy 4341
Read Comfy 4342
Read Comfy 4343
Read Comfy 4344
Read Comfy 4345
Read Comfy 4346
Read Comfy 4347
Read Comfy 4348
Read Comfy 4349
Read Comfy 4350
Read Comfy 4351
Read Comfy 4352
Read Comfy 4353
Read Comfy 4354
Read Comfy 4355
Read Comfy 4356
Read Comfy 4357
Read Comfy 4358
Read Comfy 4359
Read Comfy 4360
Read Comfy 4361
Read Comfy 4362
Read Comfy 4363
Read Comfy 4364
Read Comfy 4365
Read Comfy 4366
Read Comfy 4367
Read Comfy 4368
Read Comfy 4369
Read Comfy 4370
Read Comfy 4371
Read Comfy 4372
Read Comfy 4373
Read Comfy 4374
Read Comfy 4375
Read Comfy 4376
Read Comfy 4377
Read Comfy 4378
Read Comfy 4379
Read Comfy 4380
Read Comfy 4381
Read Comfy 4382
Read Comfy 4383
Read Comfy 4384
Read Comfy 4385
Read Comfy 4386
Read Comfy 4387
Read Comfy 4388
Read Comfy 4389
Read Comfy 4390
Read Comfy 4391
Read Comfy 4392
Read Comfy 4393
Read Comfy 4394
Read Comfy 4395
Read Comfy 4396
Read Comfy 4397
Read Comfy 4398
Read Comfy 4399
Read Comfy 4400
Read Comfy 4401
Read Comfy 4402
Read Comfy 4403
Read Comfy 4404
Read Comfy 4405
Read Comfy 4406
Read Comfy 4407
Read Comfy 4408
Read Comfy 4409
Read Comfy 4410
Read Comfy 4411
Read Comfy 4412
Read Comfy 4413
Read Comfy 4414
Read Comfy 4415
Read Comfy 4416
Read Comfy 4417
Read Comfy 4418
Read Comfy 4419
Read Comfy 4420
Read Comfy 4421
Read Comfy 4422
Read Comfy 4423
Read Comfy 4424
Read Comfy 4425
Read Comfy 4426
Read Comfy 4427
Read Comfy 4428
Read Comfy 4429
Read Comfy 4430
Read Comfy 4431
Read Comfy 4432
Read Comfy 4433
Read Comfy 4434
Read Comfy 4435
Read Comfy 4436
Read Comfy 4437
Read Comfy 4438
Read Comfy 4439
Read Comfy 4440
Read Comfy 4441
Read Comfy 4442
Read Comfy 4443
Read Comfy 4444
Read Comfy 4445
Read Comfy 4446
Read Comfy 4447
Read Comfy 4448
Read Comfy 4449
Read Comfy 4450
Read Comfy 4451
Read Comfy 4452
Read Comfy 4453
Read Comfy 4454
Read Comfy 4455
Read Comfy 4456
Read Comfy 4457
Read Comfy 4458
Read Comfy 4459
Read Comfy 4460
Read Comfy 4461
Read Comfy 4462
Read Comfy 4463
Read Comfy 4464
Read Comfy 4465
Read Comfy 4466
Read Comfy 4467
Read Comfy 4468
Read Comfy 4469
Read Comfy 4470
Read Comfy 4471
Read Comfy 4472
Read Comfy 4473
Read Comfy 4474
Read Comfy 4475
Read Comfy 4476
Read Comfy 4477
Read Comfy 4478
Read Comfy 4479
Read Comfy 4480
Read Comfy 4481
Read Comfy 4482
Read Comfy 4483
Read Comfy 4484
Read Comfy 4485
Read Comfy 4486
Read Comfy 4487
Read Comfy 4488
Read Comfy 4489
Read Comfy 4490
Read Comfy 4491
Read Comfy 4492
Read Comfy 4493
Read Comfy 4494
Read Comfy 4495
Read Comfy 4496
Read Comfy 4497
Read Comfy 4498
Read Comfy 4499
Read Comfy 4500

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button