background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon
header logo icon

Download "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки"

input logo icon
"videoThumbnail Курс по WordPress | Урок 2. Создание темы | Академия вёрстки
Similar videos from our catalog
|

Similar videos from our catalog

Video tags
|

Video tags

веб-разработка
верстка
Артем Исламов
Glo Academy
видео уроки
курсы
создание сайтов
wordpress
wordpress themes
шаблоны wordpress
сайт на wordpress
темы wordpress
создание темы для wordpress
wordpress уроки
как сделать шаблон для wordpress
темы для вордпресс
шаблон wordpress
wp
wp тема
как создать тему вордпресс
как создать тему wordpress
Subtitles
|

Subtitles

subtitles menu arrow
  • ruRussian
Download
00:00:03
we are posting recordings of our closed
00:00:05
course on Wordpress
00:00:06
for free on YouTube, but we have not posted the
00:00:08
homework and diploma project,
00:00:10
if you want to open access to all
00:00:12
video lessons at once, get homework and
00:00:14
additional materials and the diploma
00:00:16
project, then follow the link in the description or in the
00:00:19
upper right corner, enter your e-mail
00:00:21
address, pay for
00:00:23
access and get access to your personal
00:00:25
account where all
00:00:27
the videos are located,
00:00:28
also to the videos we attach
00:00:30
additional layouts, additional
00:00:32
tasks, and actually everything is there
00:00:35
because there are additional materials if you
00:00:38
want to completely open access together with the
00:00:39
diploma project, then once again,
00:00:41
follow the link in the description,
00:00:43
pay for access and enjoy
00:00:46
watching this lesson, see you all,
00:00:48
hello, in touch Artem Islamov, we are learning
00:00:50
wordpress with you, today's lesson we
00:00:52
will create our own wordpress theme
00:00:54
and but before we move
00:00:55
directly to the content of this lesson,
00:00:57
I will explain how the work will be structured,
00:00:59
I have a short plan, step-by-step
00:01:01
instructions on what you need to do to
00:01:02
create your own topic,
00:01:04
if you still have questions, you can
00:01:07
read the additional material that
00:01:09
I post next to this video and of
00:01:11
course you can ask questions in general
00:01:13
chat in order to resolve the remaining
00:01:16
incomprehensible moments together, either wait for the
00:01:19
live broadcast with answers to questions,
00:01:20
or we will directly discuss all this with you
00:01:22
in the general chat and solve all the incomprehensible
00:01:25
moments. I will also use the circuit plan in today’s lesson
00:01:27
and in future lessons
00:01:30
to to explain to you what this
00:01:32
or that part of a Wordpress site looks like or how it works, let’s
00:01:33
start first,
00:01:37
we want to understand how a
00:01:39
WordPress theme is structured, this question can be
00:01:42
very difficult if you have never encountered
00:01:44
Wordpress or any theme
00:01:46
systems before,
00:01:47
so let me I’ll explain everything on a very
00:01:50
simple diagram that I drew
00:01:52
here, our site actually consists of
00:01:54
several parts, there is a database, this is
00:01:57
a table that contains all the data
00:02:00
about this site, for example, information about
00:02:02
users, about blog entries, about
00:02:04
comments, about the pages that are on
00:02:06
this site, everything this data is located
00:02:08
inside the
00:02:09
databases, these are tables, and we
00:02:11
set it up
00:02:12
in the last lesson, roughly speaking, this is the filling of
00:02:14
the site, there is also the second part of the site on
00:02:17
Wordpress, this is the theme,
00:02:18
it is responsible for how the site will
00:02:20
visually look and if visitors to
00:02:23
our site get to the site,
00:02:24
they see the entire database the entire database all the
00:02:28
data on our site through the prism of the theme, it was
00:02:30
not in vain that I drew it like this
00:02:32
vertically because it is
00:02:33
like a magnifying glass or a
00:02:35
wrapper of what our site looks like in order to make
00:02:38
it more clear
00:02:39
let me show you how it works
00:02:41
directly itself wordpress for this
00:02:43
we need to go to the localhost site
00:02:46
in my case it’s four eights
00:02:48
slash wordpress df that’s the name of my
00:02:50
site this is what our site looks like we see
00:02:53
that there is a site name description
00:02:55
let’s note that there is a background
00:02:57
image and see what the main
00:03:00
page of our site looks like there is entry hello
00:03:02
world there is a section for fresh posts
00:03:04
search the site fresh comments archives
00:03:07
categories and so on, that is, everything is in its
00:03:09
place, this is what the
00:03:10
standard WordPress theme looks like,
00:03:11
but what if we now
00:03:14
copy the address and log into the admin panel for
00:03:17
this we just need to write it in with a slash
00:03:18
phrase v.p.
00:03:20
admin and log in using your username
00:03:22
and password that we came up with in the last
00:03:24
lesson,
00:03:25
we go to the appearance section, here
00:03:28
are all the standard WordPress themes
00:03:30
by default, there is a choice among
00:03:33
3 themes, they look like this, there is a preview,
00:03:36
you can see what each
00:03:37
theme looks like and if I for example now it
00:03:40
will activate another topic, it will become
00:03:42
active, the topic is active, then it’s interesting,
00:03:44
we’ll go to the site and see that in appearance
00:03:47
it has changed radically, the background image has disappeared,
00:03:50
the colors have changed, but look, the content has
00:03:52
not changed, all the latest entries are
00:03:54
here, the latest comments are also here, the
00:03:56
archives are in place and the category is also here, that
00:03:59
is the content of our site has not
00:04:01
changed, the databases have not
00:04:03
changed, only the appearance has changed, our
00:04:05
shell is our theme,
00:04:07
but do not be misled that the
00:04:10
theme is only with the c, that is, the appearance is
00:04:12
sweet, so to speak, or the java script is
00:04:16
also the theme settings, for example, in one
00:04:18
theme I decided set up some
00:04:20
specific filters and search,
00:04:23
for example, I don’t show it on the main page,
00:04:24
or I generally decided for example that my
00:04:27
topic won’t have a
00:04:29
fresh posts section, this means that I can
00:04:32
manage the theme settings
00:04:34
inside the theme itself and because of this,
00:04:36
some data on the site may not be
00:04:38
displayed or displayed as
00:04:39
I need it, that is, not only visually but
00:04:42
also functionally, if now it’s a little
00:04:44
unclear, it’s okay, a little later
00:04:46
you will completely understand and understand that the
00:04:48
theme is the visual component of our
00:04:51
site, now let’s look at the options where
00:04:54
you can install themes in general
00:04:56
install themes in several places you can
00:04:59
download themes from some
00:05:01
third-party site, buy a theme, or go to a
00:05:03
store with
00:05:04
Wordpress themes on Wordpress itself and
00:05:06
install them for free, or buy
00:05:08
for this in the admin section there is a button to
00:05:11
add a new theme
00:05:13
if we want an approved official
00:05:15
theme from Wordpress which invented and
00:05:18
approved in wordpress, we can
00:05:20
use this store, there
00:05:22
are different themes, if you and I did
00:05:23
n’t know the layout, then we would
00:05:26
use exactly these themes, take
00:05:28
ready-made templates and install them, we
00:05:30
can also upload the theme as a file, that
00:05:32
is, if we click
00:05:33
on the download theme section, we can select a
00:05:35
zip archive with our theme that we
00:05:38
downloaded somewhere, but I recommend that you do not
00:05:40
download theme files from other sites
00:05:42
because this is fraught with the fact that you can
00:05:44
catch a virus and your site will stop
00:05:47
working or will work for
00:05:49
attackers ok, we’re in an
00:05:50
online store, so let’s say for
00:05:52
wordpress,
00:05:53
we can filter them according to
00:05:55
the characteristics we need, for example, we want a blog
00:05:56
or we want a site about food or drinks,
00:05:58
and we also want it to be possible to
00:06:00
customize colors or a custom background,
00:06:02
or we want this site to be in one
00:06:04
column in two columns or three columns,
00:06:06
that is, all this can be filtered by
00:06:07
applying filters, we can find a
00:06:09
specific site, for example, we found the
00:06:11
Mismo Rice site and we want to install it so
00:06:14
that it appears in our
00:06:15
section, the appearance of the theme in order to to
00:06:18
install, just click
00:06:19
on the install button, but before we
00:06:20
do that, let me show you something,
00:06:22
open the folder with our program moms,
00:06:26
there is a folder in it and honor dogs, in it there is a
00:06:29
folder with our wordpress df website, now
00:06:32
our site looks like this, there are a lot of files
00:06:34
and folders, but what we are interested in today
00:06:36
is in the web content folder,
00:06:38
open it here, there are languages ​​on our
00:06:41
site, plugins that are installed on our
00:06:43
site, themes, just what we are
00:06:45
interested in today are
00:06:46
updates and downloads, we are interested in the
00:06:49
themes folder, open it and see that there
00:06:51
are three topics here standard ones that
00:06:53
we just saw in wordpress this
00:06:55
one fifteen twenty seven
00:06:57
and pointy sexy now if we install
00:07:00
the theme with you we are media rice
00:07:02
and pay attention to what happens inside the
00:07:04
folder with
00:07:05
wordpress themes we will notice that a new
00:07:08
folder has appeared a new folder we are with myrrh
00:07:10
spock the theme is installed and inside the
00:07:13
folder with the theme there are a bunch of different
00:07:15
files index.php header.php various
00:07:19
files that are located in the folder with that
00:07:21
is, inside the theme there are a lot of files
00:07:24
just like inside standard
00:07:26
themes there are these files, we will look at them a little later
00:07:28
after this theme is
00:07:30
installed, we have
00:07:31
the opportunity to activate it, let's
00:07:33
activate this theme and see how
00:07:34
outwardly our site will change, it
00:07:37
changes dramatically, a new
00:07:39
background appears, but the essence remains the same, there is a
00:07:42
name, there is a description, a section with fresh entries,
00:07:44
fresh comments, and most importantly, the
00:07:46
comments themselves never do not change
00:07:48
and the entries do not change either remain the
00:07:50
same this is what you need to know about
00:07:52
wordpress themes
00:07:54
let's move on what themes are responsible for we
00:07:56
figured out they are responsible for the appearance
00:07:58
and functionality now let's figure out
00:08:00
how to create your own theme from scratch you saw
00:08:03
that when I installed theme cape bryce in the
00:08:05
temp folder there is a new folder click
00:08:08
rice this means that if I want to
00:08:10
create my own theme from scratch
00:08:11
I can create my own folder here but
00:08:13
before we do that
00:08:15
let's download the template that
00:08:17
we will work with in this course it is
00:08:18
called first with two p first html
00:08:22
template you and you can download from the link that
00:08:25
will be next to this video
00:08:27
next to this lesson I downloaded it directly
00:08:29
from here I will download the folder
00:08:32
or rather the sporol archive and open it on the
00:08:36
desktop
00:08:39
and I put the folder on the desktop this is what
00:08:41
our theme looks like there are files about the block
00:08:45
contact index, that is, the main page
00:08:47
single portfolio and so on, why I
00:08:50
chose this particular topic, everything is very simple
00:08:52
because I want, based on this topic,
00:08:55
to show how the entire wordpress works, that
00:08:58
is, we will look at not only the
00:08:59
creation of single-page or just
00:09:01
multi-page sites, you and I will be able to
00:09:03
display this slider on the gram on the
00:09:05
main screen, we will change the logo of the
00:09:07
menu that you can set up thumbnails
00:09:10
for entries in our portfolio, we will
00:09:13
have our own portfolio section, we
00:09:14
will display entries here,
00:09:16
links to these entries, display the date and
00:09:18
author, who wrote these entries and so
00:09:21
on and so forth, that is, there are
00:09:22
various options here, for example, we can
00:09:24
create a page with a blog where there will be a
00:09:26
left or rather right sidebar,
00:09:28
this will all allow us to consider
00:09:30
the possibilities of Wordpress most fully, that’s why
00:09:32
I chose this topic and this is a
00:09:35
static layout file block html so
00:09:37
I’ll close it We don’t need it, this is what
00:09:39
our static layout looks like now
00:09:42
in order to start creating a new
00:09:44
theme, this layout will be useful to us, but that’s
00:09:47
not where we started, we need to go
00:09:50
to the settings, more precisely, to our folder with the
00:09:53
wordpress df site, you remember that we are
00:09:55
interested in the folder you content section of
00:09:57
the Times
00:09:58
let's create a new folder with a new
00:10:00
theme I'll call this theme sparrow
00:10:04
the theme is called sparrow and pay
00:10:06
attention there is absolutely nothing inside this theme
00:10:08
so we go to the
00:10:11
site in the management section appearance
00:10:14
we see that wordpress
00:10:17
sees the file or rather they see the folder with the theme
00:10:20
and says that we have damaged
00:10:21
themes, the sparrow theme is not missing a
00:10:23
style sheet,
00:10:24
that is, the style.css file is surprising,
00:10:28
but wordpress believes that the most important
00:10:30
theme file
00:10:31
is the style.css file, so we need to
00:10:33
create it, let’s open the folder for this
00:10:35
in our in the sablon code editor
00:10:37
the text
00:10:40
looks like this now in our
00:10:42
folder with pearl
00:10:43
let's create a new file it should be
00:10:45
called style.css exactly style.css
00:10:47
not main css not mss but just regular
00:10:52
style.css in order for this file to
00:10:55
work correctly in WordPress we
00:10:56
need to put comments
00:10:57
and if in this, for example, we open any
00:11:00
standard theme for example twentysix then
00:11:02
we will also find the file style.css here
00:11:05
if we open it we will see that it
00:11:07
looks like this it
00:11:08
has these very comments and inside
00:11:11
these comments the
00:11:13
name is the name of this theme Samuel where is
00:11:17
this topic the author of this topic as a link to the author
00:11:20
description of this topic version of the topic
00:11:22
the license under which this
00:11:24
topic is distributed search tags by which you can
00:11:26
find this topic and absolutely clearly and
00:11:28
the title of the text main more precisely the title with a
00:11:31
small letter
00:11:32
without spaces of this topic we are interested in
00:11:34
here only the theme section name, let's
00:11:37
close this standard file and write
00:11:39
the theme name if you are preparing a theme for
00:11:41
sale, then you need to indicate all the
00:11:43
attributes that you just showed,
00:11:44
that is, a link to the author in the description and so
00:11:47
on, but since we are making this supposedly a
00:11:49
turnkey site then we'll just call this
00:11:51
theme first
00:11:52
great now wordpress shouldn't
00:11:55
complain about the fact that we don't have enough
00:11:56
styles file because we have a style file, we'll
00:11:58
refresh the page
00:12:00
but now it complains about the fact that the template was
00:12:02
not found in a standalone theme there
00:12:04
should always be an index. php
00:12:06
so our stove index should be
00:12:10
compiled with everything in order and the themes
00:12:13
appeared at first, but now we are
00:12:14
missing the file index html
00:12:16
index html I'm sorry index.php
00:12:20
and even if we created an empty index.php
00:12:24
we will still have the theme
00:12:28
now will not have any errors and we have our
00:12:29
own theme with 1 sq m if
00:12:33
we activate it now nothing will happen on the site
00:12:34
and you see how it differs
00:12:37
from all other themes it lacks
00:12:38
a screenshot the file has a screenshot let's
00:12:42
open any standard theme for example
00:12:43
this one the same
00:12:44
Sistine tape we will find here a file
00:12:46
called PJ screenshot it
00:12:48
is a file size 1200 by a thousand by
00:12:52
1200 by 900 we need to create the exact same
00:12:55
file in Photoshop let's do it
00:12:57
open photoshop go to the
00:13:00
create section create a document that is 1200 by
00:13:04
900 and here we need to create screenshot
00:13:08
of our theme, let's open the folder from our
00:13:11
theme, open the main page,
00:13:13
do it like this and I'll cut out
00:13:17
this piece with our theme using a screenshot,
00:13:22
I get this screenshot, I'll
00:13:24
copy it and paste it here and just stretch the
00:13:29
scan, I'll even have something like this
00:13:33
probably not like that,
00:13:37
we’ll fill it, we’ll use a fill,
00:13:44
we’ll get this theme and now
00:13:46
we’ll save this file save as
00:13:52
g we’ll write a screenshot of Penza for this
00:13:55
we’ll go to the folder eat dogs dad wordpress
00:13:57
hardboard content terms
00:13:59
let’s go to our folder sphere and here we’ll
00:14:01
save the screenshot of Penza
00:14:06
screenshot of Pidgey
00:14:09
super more We don’t need it, we
00:14:12
go
00:14:14
to our site in the admin panel, we update it and we have a
00:14:18
screenshot of chicken, now our theme
00:14:21
looks full-fledged, we created the
00:14:23
theme from scratch, although it’s empty for now and there’s
00:14:25
nothing in it, but now I’ll show you how
00:14:27
it works, I’ll activate this theme and
00:14:29
I’ll try to go to our website,
00:14:33
update it and there’s nothing here, everything is
00:14:35
correct because if I write
00:14:37
something here, for example, hello world,
00:14:40
then the phrase hello world will appear on our website,
00:14:43
that is, now we can
00:14:45
create our own theme from scratch, how
00:14:48
will we do it now let's look at the
00:14:49
second part of our lesson, we need to
00:14:52
register the theme, we have already done this,
00:14:54
we have already created the style.css file, created the
00:14:57
index.php file and created a screenshot with the theme,
00:14:59
now we will need to figure out
00:15:01
how these this theme works and how I
00:15:03
fill it out but before we will move on to
00:15:05
this part, I want to tell you about
00:15:07
the framework, now we were doing a
00:15:10
rather strange thing, we created a folder
00:15:12
from scratch ourselves there on a dump of all sorts of different
00:15:15
files like Yandex screenshot and style.css
00:15:17
and if you continue to work and
00:15:20
create these every time files from
00:15:21
scratch it will take a
00:15:23
lot of your time, so for this
00:15:25
there is a special tool
00:15:26
that creates this entire architecture in advance, the
00:15:29
entire structure, it is called
00:15:33
Anders Corsis
00:15:40
this
00:15:41
framework or this tool it
00:15:43
allows you to create theme files
00:15:47
your theme files not by hand but very quickly
00:15:50
for example, you and I created a theme
00:15:52
called first let's
00:15:54
create and and click on the generate button the
00:15:55
archive with the theme is downloaded first let's
00:16:00
see what it looks like it looks like this look
00:16:03
what's here there are
00:16:06
files 404 this is for special errors
00:16:09
achievement comments
00:16:11
footer function matches haider stoves
00:16:13
Moreover, something has already
00:16:15
been written in the functions file, that is, we open it all, you and I
00:16:17
will go through this course, don’t
00:16:18
worry, we will all write it by hand,
00:16:20
but the point is that in the future you will
00:16:24
work with this particular framework,
00:16:26
which already creates a style file in advance
00:16:29
with the necessary comments and a screenshot file
00:16:31
that you can safely use
00:16:33
and additional other files and folders
00:16:36
that are needed for the WordPress theme,
00:16:38
that is, what we are doing now for
00:16:40
educational purposes, we are creating everything manually
00:16:42
from scratch, this is not entirely correct,
00:16:45
but that is, in the future you you will
00:16:46
work from a ready-made hierarchy with
00:16:48
ready-made themes and rewrite functions
00:16:50
for yourself, but we are making a theme from scratch in
00:16:53
order to understand how it works
00:16:55
thoroughly before we move
00:16:57
on, let me show you some
00:16:59
tricks that may confuse you a little,
00:17:01
this is our main page of the site
00:17:04
home page, if we now get
00:17:06
to the main page,
00:17:07
then it will say main page,
00:17:09
everything is great, so let’s go to
00:17:11
some non-existent page,
00:17:13
for example in wordpress. diff slash
00:17:16
Artem and I still got to the main
00:17:18
page
00:17:19
why did this happen it’s very strange it seems like
00:17:22
you should get
00:17:25
some kind of error message but it’s
00:17:27
not there I still got to the main
00:17:28
page
00:17:29
you see this is why I have to
00:17:31
show you one very interesting file
00:17:33
that will most likely scare you, but in
00:17:35
order to explain how it works and
00:17:37
why it turns out this way, I must show you
00:17:39
the wonderful site vapecom and dot ru
00:17:42
it is to it that we will constantly
00:17:43
refer here to a lot of useful
00:17:46
information on wordpress in Russian and
00:17:48
this translated documentation with
00:17:50
live examples and a good explanation
00:17:53
of it we will constantly operate and we
00:17:55
will constantly go to it we need
00:17:58
an article about the theme
00:18:00
hierarchy hierarchy and I’ll just write the words hierarchy
00:18:03
and here we see an article
00:18:07
called wordpress theme files
00:18:08
hierarchy of template files go to this
00:18:10
article and you
00:18:14
will definitely need to read this article after you
00:18:15
watch this video, then you
00:18:17
will understand exactly how the template hierarchy works.
00:18:19
I need a file here that
00:18:21
looks like this, it looks
00:18:24
terrible, but I will try to explain,
00:18:26
again in simple language, all this is what
00:18:29
you you see, these are templates that are made
00:18:32
for different pages in WordPress,
00:18:33
this index.php file that we
00:18:36
created and it is like a
00:18:38
plug for Wordpress, that is, if
00:18:40
Wordpress did not find a suitable template
00:18:42
for a page, it will go from
00:18:45
left to right step by step and in search of the
00:18:48
desired template, more general, for example,
00:18:51
here are very common templates
00:18:53
here, a little general, yes, that is, more general
00:18:56
templates here, even more general templates,
00:18:58
even more even more, these are very general
00:19:01
templates, even if they are not there, it
00:19:04
still comes to the file index of the stove,
00:19:06
so now we don’t have a
00:19:08
special template for the
00:19:10
error page, we don’t have a special template
00:19:12
for the page with the archives of our site and
00:19:15
therefore WordPress will always rest
00:19:16
on the main page,
00:19:18
but we can fix it with you, let’s
00:19:20
see, we’ll find the 404 error page here,
00:19:23
we see that there is a page here 404
00:19:27
page if the 404 file is responsible for it.
00:19:31
if this file does not exist, then we get to the
00:19:34
index page. How did this happen?
00:19:36
Let’s create a 404 stove file so
00:19:39
that we have a page
00:19:41
that is responsible for errors. I save
00:19:43
this page and call it 404. stoves
00:19:47
and I’m writing an error,
00:19:52
such a page does not exist, let’s go to
00:19:54
our website in the wordpress section.
00:19:56
we really don’t have such a page,
00:19:57
but now we are not on
00:19:59
the main page,
00:20:00
but on an error page, this is how
00:20:03
everything works in wordpress, that is, if you don’t
00:20:05
have a page that describes a
00:20:08
post, a specific post, for example,
00:20:10
you wrote a post in the sports category and
00:20:12
if you don’t have a separate page for this category, a
00:20:14
separate
00:20:16
page template, then wordpress will start looking for a
00:20:18
page that generally describes the block,
00:20:20
if it doesn’t find it, it goes to
00:20:22
some page in which you
00:20:24
describe a section of your topic,
00:20:26
including the template, and if it’s this, that’s
00:20:28
all If he doesn’t find them, he will look for the
00:20:29
page page or the single stove page. If he does
00:20:32
n’t find them, he will try to go to the
00:20:34
symbols page.
00:20:35
if you don’t have it, then it will go to the
00:20:37
index.php page,
00:20:39
so most likely you
00:20:42
will very often come across the
00:20:44
index.php page on your site because there is no
00:20:46
specific
00:20:48
template provided, and in some cases this can be
00:20:50
left as it is, but you and I will
00:20:52
develop the theme in such a way that
00:20:54
we have all these pages and
00:20:56
we will deal with them all, so now you
00:20:58
understand how it works, here is our main
00:21:01
WordPress page, let's go back to it, it wo
00:21:05
n’t be exactly the way we need it
00:21:06
because if we are now let's open our layout,
00:21:08
open it in our browser,
00:21:10
it looks like this, but our main
00:21:13
string now looks like this, we need to
00:21:15
bring it to this form, how to
00:21:17
do it correctly,
00:21:19
we need to transfer this layout for this,
00:21:22
so we file with our theme,
00:21:24
or rather the folder with our theme,
00:21:26
first let's move our code editor and
00:21:28
from here we'll start pulling out our page
00:21:31
index html I select everything that is
00:21:34
written here on the yandex xml page I copy it and
00:21:37
transfer it all to Yandex matches perfectly
00:21:41
I save it and it all looks
00:21:43
terrible now because we didn't connect
00:21:47
the style we didn't connect the scripts but all the text was transferred
00:21:50
which we transferred to the
00:21:53
html index file, but before I move on to
00:21:56
connecting styles, I want to explain a
00:21:58
very important thing; this is in the functions that
00:22:02
are performed in WordPress, which we
00:22:04
will use very often,
00:22:05
this function get header i get footer,
00:22:10
we must deal with that
00:22:12
what are the get header files responsible for, more precisely the
00:22:14
get her i get footer function and
00:22:16
what kind of file are header.php and
00:22:18
footer.php for this I will need
00:22:20
my magic scheme again let's
00:22:23
open it if we imagine our site in a very simple way
00:22:25
in a very simple form then
00:22:27
we have a certain header of our site,
00:22:29
the content that is on our site
00:22:31
and a certain footer and you know the layout and
00:22:35
therefore you know that in the header of the site or in
00:22:37
such from, all sorts of
00:22:40
scripts and style are usually placed,
00:22:41
just as some scripts and style
00:22:43
are connected before the closing
00:22:45
body tag, that is, in the footer of our site for
00:22:47
this in WordPress there are two functions responsible,
00:22:50
which is called get better i get
00:22:53
footer these are functions that supply a
00:22:56
standard Wordpress header and a
00:22:58
standard Wordpress footer in
00:23:00
case you are not provided with something else, what does this
00:23:02
mean, I will now show you with an example,
00:23:04
let’s imagine that I
00:23:06
will delete all the pages for a little while pages of
00:23:08
our site and I’ll just write
00:23:11
two simple functions here, I use
00:23:13
php syntax and write here the get header function,
00:23:17
another function is this get footer function, I
00:23:22
only have two lines in
00:23:25
my file, but let’s see how
00:23:27
our site will change, look, we now
00:23:29
have an admin- panel at the top
00:23:30
because we are authorized on the site we have
00:23:32
the name of our site appeared and even
00:23:34
some footer
00:23:35
says the site name works on
00:23:37
wordpress let's look at the code and see
00:23:40
how this site works now so we will
00:23:43
need to remove it from full screen
00:23:46
mode look we have appeared on TNT
00:23:50
body even a div appeared, get off the page,
00:23:54
some scripts were connected, and if we
00:23:56
open it because then we will see that
00:23:58
some standard styles from Wordpress have been connected,
00:24:00
and again some scripts
00:24:02
from Wordpress, just like in the
00:24:04
basement, some scripts have also appeared
00:24:06
that work standard from Wordpress,
00:24:08
why did this happen because we didn’t write
00:24:10
anything like that, the thing is that the get
00:24:13
header.php function, I'm sorry, in wordpress
00:24:16
works as follows: if in
00:24:19
our theme file,
00:24:21
and our theme is called sparrow,
00:24:22
there is a header.php file, then the get header function
00:24:26
returns the contents of this file, but
00:24:28
if this file is not there, then wordpress
00:24:30
cares and thinks that she probably
00:24:33
this developer forgot to create the
00:24:34
header.php file in which the header and
00:24:36
all the scripts are located,
00:24:37
so I’ll substitute the standard
00:24:39
header.php from Wordpress here, that is, it
00:24:42
works this way, which means that in order for
00:24:44
our header to be displayed on the site, they are
00:24:47
the standard Wordpress header we
00:24:49
need create two files, more precisely the file
00:24:52
header.php
00:24:54
and the file footer.php,
00:24:59
these files differ in the display of the header and
00:25:01
footer, for example, I will write the site header here
00:25:05
and in the footer I will write the footer of the
00:25:07
WordPress site, just combine the contents of
00:25:09
these two sites and write the site header the
00:25:11
footer of the site, that is, our sites now
00:25:14
it looks somehow not very well written
00:25:16
header footer naturally if we
00:25:19
had a layout here he would have ordered to bring out our
00:25:21
layout this means that we will now stretch our entire site
00:25:23
let’s visually
00:25:25
determine where we have what sections are
00:25:28
located this is how our site visually looks like
00:25:32
in all on the pages of our site there will be
00:25:34
repeating moments, this is this header
00:25:36
you see, it is repeated on almost
00:25:38
all pages
00:25:39
and this footer which is repeated the
00:25:41
same on all pages, that is, this
00:25:43
quote from twitter and this home section
00:25:46
portfolio block there and so on, I
00:25:48
go to the page home and I see that there is exactly the
00:25:50
same footer on all pages,
00:25:52
so we need to visually divide
00:25:54
our page into a footer, excuse me, the
00:25:57
header into content and into the footer, let's
00:26:00
do it in the Yandex xml file, more precisely
00:26:04
index.php, I already have a get here i
00:26:07
get footer section, that is this is responsible for
00:26:09
displaying the footer and header, we need to
00:26:11
insert the entire layout from the html index file and
00:26:15
look how I’ll do it, let’s not even do
00:26:17
that, I have to transfer the layout from the Yandex xml file in
00:26:20
parts, this is the header of
00:26:23
our site, everything that is inside before
00:26:26
that, the header, that is, everything what is inside before that
00:26:28
header I select copy transfer the file
00:26:32
header.php and paste it here directly as it
00:26:34
is I save it go to Yandex I
00:26:37
unwind down I find where it ends
00:26:40
where it begins more precisely footer I select the
00:26:42
footer I cut and paste it into the
00:26:46
brick with excellent and all that remains is
00:26:48
in I cut out Yandex html and save it in
00:26:54
the file index.php and it turned out that on
00:26:58
our site there is a header, here it is, the header with
00:27:04
navigation doesn’t look very good yet, but
00:27:07
ignore it and the footer
00:27:09
is fine, now we need to
00:27:11
figure out why our theme
00:27:13
looks like this the disgusting thing is that you
00:27:16
know that in header.php we connect
00:27:19
the style here and if you look at how
00:27:23
the style is now connected, they
00:27:24
refer to the default css folder, but in
00:27:28
our theme folder there is no css folder,
00:27:31
they are in our layout,
00:27:34
this folder with imagine ink and jess we
00:27:38
need to move these folders to our
00:27:41
theme folder that is
00:27:43
on my desktop there is a folder with
00:27:45
pearl in it there is a folder jess young
00:27:48
& magic
00:27:50
disappeared with we need to copy them I copy them I
00:27:55
go to my local hosting
00:27:57
I find the folder with my website web content
00:27:59
films I find the folder sparrow this is a folder from
00:28:03
our theme and here I create a new new
00:28:06
folder called c
00:28:10
why is it called that way the thing is that
00:28:12
if you open all the folders for example here
00:28:14
again mismo rice then you will see
00:28:16
what is there folder with c contains
00:28:18
css styles, various fonts, pictures and a
00:28:21
java script that relates to this
00:28:23
topic, that’s why it’s so customary, so in our
00:28:26
folder from the first we create an assets folder
00:28:27
and in this folder we put our css and we
00:28:30
jess and scripts,
00:28:32
but even if we moved them let's refresh
00:28:35
the page anyway they didn't connect
00:28:37
because now the path is wrong
00:28:39
let's see how to get to the
00:28:42
default css file we need to go to our website,
00:28:46
let's say we went to our
00:28:48
wordpress website.
00:28:49
we go to the folder in p content then to the
00:28:52
sims folder then to the folder first then to the
00:28:55
c folder and only then to the css folder where the
00:28:58
default css file is located, see what a
00:29:01
huge path we have overcome and here it
00:29:03
simply says css slash default css but
00:29:06
this is the wrong path idea we need to
00:29:08
set the following path we need to
00:29:10
get to our site
00:29:12
then we need to get to the web content folder
00:29:18
there we need to get to the folder 100 ms there
00:29:22
is a sparrow folder there
00:29:25
is a folder with
00:29:28
and only there is a css folder let's
00:29:31
save this path and here we
00:29:34
have we already have some styles, that is, the
00:29:36
default style,
00:29:38
but in this format we cannot
00:29:40
write down the style because what if we
00:29:42
move the site and it will no longer be on
00:29:44
local hosting, what
00:29:45
if we change the name of the theme from
00:29:47
sparrow to something else in in this
00:29:49
case, the path will no longer work, but you
00:29:52
know that wordpress
00:29:53
can create this
00:29:56
dynamic entry without us, that is, it can
00:29:59
easily create the path to the folder with the theme; a
00:30:01
function
00:30:04
called get template directory is responsible for this,
00:30:08
so in the body file before the fader I
00:30:11
will write no stoves you need to choose the
00:30:15
php syntax this is where
00:30:17
I start writing stoves and output
00:30:21
using the shark command I output the command get
00:30:25
template
00:30:28
Derek 3 Juraj
00:30:30
save please note that
00:30:33
headers will appear headers the path to our folder
00:30:36
with the theme has appeared, that is, and now localhost
00:30:40
wordpress dvp content sam sparrow that
00:30:43
is we didn’t need to use pens, this is a
00:30:44
writer, we just used this
00:30:46
function, this interesting function, and
00:30:48
in theory we can do it like this, for
00:30:50
example, find our styles and
00:30:53
write here like this get let’s write
00:30:57
matches here
00:30:58
get template directory paradise we’ll write
00:31:01
here s.s.
00:31:03
and we connect our steppe scripts
00:31:06
and our styles, but this is also not done
00:31:10
because the style and scripts in WordPress are
00:31:13
connected differently, but now you
00:31:16
understand the principle that
00:31:18
we don’t just write the path to the files, we always use the
00:31:20
internal functions of WordPress,
00:31:23
that is, we are interested a function
00:31:26
called get template directory paradise,
00:31:28
it returns us the path to our
00:31:31
theme folder and from this theme folder we
00:31:33
can specify the path to the folder with
00:31:36
default css and so on, but now we are
00:31:39
interested in the following: how to connect both
00:31:40
scripts and style correctly here we
00:31:43
had three styles this is the default layout and copper
00:31:48
quoris
00:31:49
we delete everything and now proceed to the
00:31:52
function match file this is one of the most
00:31:54
important files in the wordpress theme
00:31:56
inside the function match file which we will
00:31:59
create in our theme folder we will
00:32:01
call it functions
00:32:04
be careful not function, namely
00:32:07
functions, that is, these are the functions inside
00:32:09
this file, we will configure everything,
00:32:11
write all the settings of our theme, roughly
00:32:14
speaking, this file can be called its
00:32:16
daddy file, which sets the rules for the
00:32:19
whole house, that is, inside the
00:32:21
functions.php file, we will tell
00:32:23
WordPress
00:32:24
which files styles to connect, what
00:32:26
scripts to connect, how to correctly
00:32:28
filter information on the site, and so
00:32:29
on, we will consider all this in the
00:32:31
following lessons, but today we
00:32:32
will learn how to correctly connect scripts and
00:32:34
style. This is here in the last part of
00:32:37
our topic, we figured out what
00:32:39
get high is, other footer, what for the
00:32:41
header.php and footer.php files, now we need to
00:32:43
figure out how, by the way, we
00:32:48
just connected the style with you in an absolute way and now we’ll figure out what the
00:32:50
functions.php file is, but before
00:32:53
we move on to this topic, we need to understand
00:32:55
what these are wordpress hooks you have probably
00:32:57
somewhere heard the
00:32:59
concept of kookie cookie translated from English
00:33:02
as hooks and now I
00:33:04
will try using a diagram to
00:33:06
explain to you how wordpress hooks work,
00:33:08
if you can call them that, it’s
00:33:10
actually not as difficult as it
00:33:13
seems but it requires a
00:33:15
little of your little involvement,
00:33:17
so if you’re tired, press pause a little,
00:33:19
take a break, take a break and
00:33:21
come back if you’re back, then let’s
00:33:25
continue the fuque, the thing is that wordpress
00:33:28
operates according to the following scheme: when it
00:33:31
starts to display the site, it performs
00:33:33
some actions, for example, let’s imagine
00:33:35
what wordpress does with this arrow
00:33:37
some actions
00:33:38
from top to bottom, first it displays the header on
00:33:40
the screen, then it connects standard
00:33:42
scripts and style,
00:33:43
then it displays the contents of the page and, as
00:33:45
a result, it displays the footer of the site. These are not
00:33:47
all the actions that WordPress performs,
00:33:49
I did it schematically so as not to
00:33:51
write everything out with these actions we
00:33:53
can hook just from the word dick
00:33:55
hook from the word hook we can make a hook
00:33:58
to any of these events, these events
00:34:01
happen in Wordpress sequentially
00:34:03
one after the other and we can subscribe
00:34:06
or connect differently to one of
00:34:08
these events, for example when Wordpress
00:34:10
displays the
00:34:11
header site we can connect to it and
00:34:14
say hey wordpress
00:34:15
connect to please along with your
00:34:18
scripts and styles my scripts and
00:34:20
style let's imagine that we
00:34:22
are connecting to the second event when
00:34:24
wordpress starts connecting their
00:34:25
standard scripts and styles but now we
00:34:28
can connect
00:34:29
either actions or a filter here and now we
00:34:31
move on to the section what are kookie
00:34:33
cookies? There are two types: these are actions, that
00:34:37
is, actions and a filter, we will look at both in
00:34:40
more detail in the following
00:34:41
lessons, but let me try to explain in
00:34:43
simple language what an action is,
00:34:45
what filters are an
00:34:46
action is when we just
00:34:49
subscribe to some
00:34:50
Wordpress events and talk about WordPress and
00:34:52
do my actions, for example, connect
00:34:55
scripts or make its action display
00:34:58
some picture or
00:35:00
make its wordpress action when you
00:35:01
display the footer of the site
00:35:03
display VKontakte icons there these are actions,
00:35:06
that is, this action is filters is
00:35:08
for example when we connect at the
00:35:10
moment when wordpress displays
00:35:12
the contents of the page, we take
00:35:14
this content from wordpress and say
00:35:16
wordpress I don’t like the
00:35:18
content that you display,
00:35:19
I want the title to be displayed
00:35:21
differently and we begin to filter the
00:35:24
content that wordpress displays in in the
00:35:26
filtering process,
00:35:27
we force wordpress to display our
00:35:30
content; filters are more difficult to
00:35:32
understand; we will return to them a little later;
00:35:33
first, let’s study actions and let’s
00:35:36
see how it works with the
00:35:37
wordpress model; let’s say wordpress begins to
00:35:40
display the header on the screen, then it
00:35:41
begins to connect its standard
00:35:43
style scripts to this moment we
00:35:45
catch him and say listen, when
00:35:47
you connect your scripts and styles
00:35:49
please connect mine,
00:35:51
that is, we instantly connect to him
00:35:55
and say here is the standard process,
00:35:57
he brought the header on the screen, let’s say they
00:36:00
start displaying scripts and styles, more precisely,
00:36:02
they connect their style scripts here we are
00:36:04
we interrupt it and say connect
00:36:07
my own scripts first and then you can
00:36:11
continue
00:36:12
displaying the contents of the page, that is,
00:36:14
it is like an interruption of the process and
00:36:17
we wedge ourselves into this process
00:36:18
using hooks, connect our
00:36:21
style scripts and then in wordpress, for example, it
00:36:23
continues to work further and it displays the
00:36:24
footer of the site and that’s when it displays the
00:36:26
footer of the site,
00:36:27
more precisely, even well, let’s just say that when
00:36:30
it displays
00:36:31
my page, we connect to it again
00:36:33
and force it to change,
00:36:36
for example, the format of the header,
00:36:37
how do we do this, we get
00:36:39
the contents of its page, again we
00:36:42
connect to its event and say to
00:36:45
change the format of the header and posts how
00:36:47
he changed the format of the header, we
00:36:48
return it and then the footer of
00:36:50
the site is displayed, it’s shown a little crookedly
00:36:52
because initially I wanted to focus
00:36:54
on the events; we display the header of the site
00:36:56
on the screen, but I think you understand how it
00:36:58
worked, so it will be clearer that
00:37:00
wordpress starts displaying the header on the
00:37:02
screen, then it connects his
00:37:04
standard sailor styles, bam hey
00:37:06
wordpress, come on, connect to my own scripts
00:37:08
style about when you get yours, he
00:37:10
says ok, no question, I’ll connect
00:37:12
then returns to his next
00:37:14
action, displays the contents of the page on
00:37:16
the screen, we tell him again, stop, let’s
00:37:18
go connect to this event,
00:37:19
say change the header format, I do
00:37:21
n’t like it, we change the header format,
00:37:23
filter what wordpress gives us and
00:37:25
return
00:37:26
by doing the following actions, there
00:37:28
we perform displaying the site’s footer on the screen,
00:37:30
you’ll understand cookies only
00:37:33
when you start
00:37:35
connecting to them yourself, let’s do this
00:37:37
let's catch the events when wordpress
00:37:40
starts to output more precisely, connect
00:37:42
our own styles, for this we
00:37:44
will write a command.
00:37:46
Fuke works as follows: since
00:37:48
we are going to connect an action hook, we
00:37:51
write a function, this is an action, that is, we
00:37:55
ask Wordpress to add this action,
00:37:57
then we say what this action is
00:38:00
in order to understand how everything
00:38:02
works, let me write an erection command here
00:38:03
and deploy this one history
00:38:06
we show which event needs to be
00:38:08
connected which what our action
00:38:11
needs to be performed in case in case
00:38:13
this event is executed what is the
00:38:15
priority of our action and acceptance arcs we
00:38:18
will also have additional arguments indicates
00:38:20
this we will talk a little later that
00:38:21
is the priority and did not consider
00:38:23
we are interested in such these two
00:38:24
parameters
00:38:25
are so and function let's connect to the
00:38:28
event that displays scripts in WordPress
00:38:30
for this we need to find
00:38:32
events on the site you while we will find
00:38:34
events called and you
00:38:36
script
00:38:38
and you script here is web and you script but
00:38:42
we are not interested in paint and the script and in
00:38:44
PNG scripts like
00:38:46
this,
00:38:47
in a panic, the script is not a function, it is an
00:38:50
event hook, that is, this is the event to which
00:38:52
we will connect, it looks like this, it is an
00:38:55
event hook in catching scripts, that is, the
00:38:57
moment when it is triggered at the moment of
00:38:58
connection to the queue for output of
00:39:00
script style files it’s written a little
00:39:01
complicated, but at the moment when
00:39:03
wordpress starts outputting its
00:39:04
own scripts and style, we need to
00:39:06
connect to this event to execute
00:39:08
our function, it works like this:
00:39:09
we’ll write a script here in paint, that is,
00:39:12
here we output in quotes in
00:39:14
panic and scripts and say wordpress
00:39:16
when you have when you
00:39:18
connect your scripts yourself and in a turnkey style
00:39:20
and you planika my function and we need to
00:39:23
indicate the name of this function, let’s say
00:39:25
we want to connect put, yes we want to
00:39:29
connect in the style of our theme I’ll write standing
00:39:32
there I just came up with this name
00:39:34
myself because I’ll create a function here now,
00:39:38
this function is called style, I
00:39:42
just came up with it,
00:39:43
next we need to indicate what this
00:39:46
function does, this function will connect
00:39:49
scripts, let’s try to check just eco,
00:39:53
let’s say we’ll write that we connect scripts
00:39:59
and it turns out that when wordpress has a
00:40:00
vpn moment, cue the script it will
00:40:03
execute ours a function called
00:40:05
style name set the more precisely at this
00:40:08
moment the message will be displayed connect
00:40:10
the scripts or connect the style to the correct one
00:40:12
now we will return to the site and nothing of
00:40:14
this will happen you see that we
00:40:16
were flying again in style
00:40:17
why won’t it happen because they
00:40:19
happen events that start to
00:40:22
display scripts style to display the header
00:40:24
if we return to our article, we see
00:40:27
that this hook in the capture script is triggered
00:40:30
at the moment of the hook in the hike, but we do
00:40:33
not have a cookie in the package anywhere now, this is
00:40:36
our omission, we go to the header.php file
00:40:38
and here we find it before the closing
00:40:42
head tag place here we write the command
00:40:44
peach pvp head
00:40:49
we execute the command in the package and now we
00:40:51
will have an event that is called in the
00:40:54
package and it will trigger events in the paint
00:40:57
script and now we update the page we have
00:41:00
written connect style, that is,
00:41:03
our command from the functions.php file is executed
00:41:05
we connect style,
00:41:07
now we need to directly
00:41:09
connect these styles, the function and your style is already responsible for this,
00:41:17
we find the VPN kyiv style function
00:41:22
and take an example, let's see how
00:41:25
it works the function the
00:41:26
function itself looks like this:
00:41:28
we write in paint your style
00:41:30
and here we can specify five parameters
00:41:32
first the parameter is called handle, this is
00:41:35
what we call this script, for example, we
00:41:37
can come up with any name here, but
00:41:38
we usually call the file what it is
00:41:40
called directly in our
00:41:42
folder, for example, default css layout css and
00:41:45
so on, the source parameter is
00:41:47
responsible for where this script
00:41:49
parameter is located pips is responsible for
00:41:52
what files this file with a
00:41:54
theme or a file with styles depends on, for example, we
00:41:57
want to connect our styles, but we know
00:41:59
that they must be connected strictly
00:42:01
after the bootstrap styles, then we
00:42:03
will write down the dependency on the
00:42:05
bootstrap file here, then we indicate
00:42:07
the version here and indicate the media query, for example,
00:42:09
for which screens this style will be applied,
00:42:12
this is the setting, let's
00:42:14
copy this design, set the vpn cue
00:42:18
set why it wasn't copied, let's
00:42:20
copy it and try to execute it in
00:42:23
the handle, we put the name of our script
00:42:25
so that you understand that I can
00:42:27
write absolutely anything here I'll write to you I'll
00:42:29
write the words grandma grandma in the
00:42:33
source you remember that I need to
00:42:35
connect the path to our file for
00:42:39
this I use the get template
00:42:42
directory function you remember i get template
00:42:45
directory yuraj then I connect two
00:42:48
lines in the stove using a dot this is a
00:42:51
common action in the language spikes and then I
00:42:53
indicate that I need to get to the folder with the
00:42:55
css folder and connect the default css file
00:42:58
here, just don’t forget to put a slash
00:43:00
because you first have a path to the
00:43:01
folder with the theme and then a slash inside you need to
00:43:05
find the css folder
00:43:06
with, or rather with its css let's try, let's
00:43:10
refresh the page and we should
00:43:12
connect, yes, we connected styles,
00:43:14
that is, everything came together, but among
00:43:19
other things, we need to connect the
00:43:20
main file with our styles, it
00:43:23
is located in the folder with Peru and is called
00:43:26
put css and now I will introduce you to the
00:43:28
function that returns
00:43:30
directly this file this function
00:43:32
must be done every time and
00:43:34
but
00:43:35
in principle it is always called style
00:43:38
we write get styles shield yuraj
00:43:44
and we don’t write anything else and let’s
00:43:47
check whether we have connected
00:43:48
or not we will go to the folder installed
00:43:50
with more precisely in the style.css file
00:43:52
and for the body, we’ll change the background color to
00:43:54
black
00:43:56
and check if the file with styles is connected, but it did
00:44:01
n’t connect, I see, let’s see,
00:44:06
we just had the same problem, our
00:44:08
files didn’t work, but the essence doesn’t change
00:44:11
from this, I checked the impotent box and
00:44:13
now the background of our site has changed, that
00:44:17
is, our style file has been connected,
00:44:19
let's take a closer look at this
00:44:21
design, how it works,
00:44:23
open the functions.php file again, what is the
00:44:25
difference between these two lines, in the
00:44:27
first we include the style.css file
00:44:29
and there is a separate
00:44:30
special function for this in WordPress which,
00:44:33
using the
00:44:34
get function became shield yuraj, immediately returns the
00:44:36
path to the folder with the theme and immediately connects
00:44:39
our style.css file, how it looks in the
00:44:42
code, let's see we open
00:44:45
the header and, more precisely, this is how we find
00:44:48
our style.css file,
00:44:51
here it is style .css version 46 standard
00:44:54
version of wordpress and the file grandmother with
00:44:57
which we called well, personally in the
00:44:59
file function matches that is,
00:45:01
2
00:45:02
connections of these styles have been completed, you tell Artyom
00:45:06
how can I connect all the others, yes, it’s
00:45:07
very simple, you start duplicating
00:45:09
these lines and connect the files there
00:45:12
you needed, for example, a css file,
00:45:14
but we still had a file
00:45:16
called layout css, don’t forget
00:45:20
to put a slash here and we’ll call this file
00:45:23
layout and here we also connected via
00:45:26
my quoris
00:45:28
media quoris media
00:45:30
here we’ll do it like this
00:45:34
quoris media
00:45:36
and put it again, hear to remove all the
00:45:39
errors and so in this way we will connect
00:45:42
with you all the styles of our site, look at
00:45:44
how it began to look, it’s already more or less
00:45:46
similar to what we planned,
00:45:49
yes there is a difference, they don’t have
00:45:50
pictures yet, but we’ll deal with the pictures
00:45:52
a little later, now the question is about then how
00:45:54
to connect our styles, or more precisely, how to
00:45:56
connect our scripts, for example, we
00:45:59
have several scripts in our footer.php,
00:46:02
this is the script of Jake Vere, this is the script of Jake about
00:46:06
Rome great, this is the flex slider and
00:46:08
double-d pluga double type of that,
00:46:13
we can connect all these scripts in in the footer of
00:46:14
our site for this file footer.php an
00:46:16
event should happen
00:46:18
called pvp oven footer
00:46:22
this is a hook before or a function that calls a
00:46:24
hook in footer that is,
00:46:26
standard WordPress scripts will be output here
00:46:27
and we will hook up to them in the
00:46:29
function.php file we will add a new
00:46:31
action
00:46:32
reduction and call it v.p.
00:46:35
footer that is, when the
00:46:38
web and footer events happen, we will connect and
00:46:41
connect our scripts script scripts
00:46:48
for this we will create a new
00:46:49
function function with a script and in it exactly the same way
00:46:56
using the function v.p.
00:46:58
and you, but instead of putting it, we will write a
00:47:00
script
00:47:02
in foam, a script we will write which one we will fasten,
00:47:04
we want to connect, for example, now we
00:47:07
need to connect a script
00:47:08
called,
00:47:09
well, let it be and not. Jess
00:47:12
we return to our file,
00:47:15
how do we write matches and no, then we
00:47:20
need to write the path to our folder
00:47:22
with the theme, so here I put a comma and
00:47:25
write the following parameter
00:47:27
get template directory yuraj, be sure to
00:47:29
put a dot in parentheses and then
00:47:32
write where our file is located Jess and no,
00:47:37
don’t forget put a slash here, go
00:47:41
to our website, refresh the page, so we have an
00:47:44
error somewhere, I didn’t put a period,
00:47:47
here, be careful, gentlemen,
00:47:50
so we look at the page code and look for
00:47:53
whether our scripts are connected,
00:47:55
go to the very bottom, look here there are
00:47:58
scripts and here I see that I
00:48:00
have connected a script here that is
00:48:02
called and not . Jess, I'm sorry,
00:48:06
not here,
00:48:09
so let's look at the gp footer,
00:48:15
if I delete it here now,
00:48:19
here it should still
00:48:21
remain for me again, let's check
00:48:24
yes the file is connected, and the VPN
00:48:26
bit is also connected, the admin bar, and then
00:48:30
our standard scripts,
00:48:31
that is, like this this is how we connect
00:48:34
the scripts
00:48:35
this is how we connect in the style of
00:48:38
your homework you will need
00:48:41
to connect all the other scripts and
00:48:43
style and also find out using the
00:48:46
web cam site and how to connect Jake
00:48:48
Vere correctly to your site on wordpress
00:48:50
on this I have all of us you have sorted out
00:48:52
all the slippery important points in creating a
00:48:56
wordpress theme, the lesson turned out to be large and voluminous, this is
00:48:59
only the very beginning, then the lessons will be
00:49:02
short and easy,
00:49:03
but in order to get into the topic it
00:49:05
was necessary to sort it all out in detail,
00:49:06
Artem Islamov was in touch,
00:49:08
do your homework, see you
00:49:10
See you soon bye I
00:49:12
hope you liked this video lesson I
00:49:14
remind you that in order to get
00:49:16
homework
00:49:17
additional materials layouts and
00:49:20
thesis project you need to follow the
00:49:22
link in the description enter your email
00:49:24
pay for access and get access to your
00:49:27
personal account where all additional
00:49:28
additional lessons are located
00:49:30
video
00:49:31
additional assignment materials and also the
00:49:33
diploma project link in the description and we
00:49:36
will see you in the next video lesson
00:49:38
bye

Description:

Ссылка на полный плейлист: https://www.youtube.com/playlist?list=PL3LQJkGQtzc6Nwz67GGrMdqxim1c0H5DC Это закрытые записи курса по Вордпресс. Получите полный доступ к домашкам, макетам и дипломному проекту. Переходите по ссылке 👉 https://study.up-skills.ru/course_records_wp_net Подпишитесь на канал, если вам нравятся эти видео: https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg?sub_confirmation=1 Больше контента в нашей группе Вконтакте https://vk.com/glo_academy Присоединяйтесь к нашему сообществу Discord https://discord.com/invite/k5XzZ68 Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: https://vk.me/glo_academy Прочитай мою историю в блоге: https://vk.com/islamov_blog Мой канал в telegram "Лысый из браузера" https://tele.click/baldfrombrowser Чтобы заказать рекламу на канале, пишите в личку вконтакте: https://vk.me/aislam23 или telegram https://t.me/aislam23 ----------- Я использую хостинг Link Host с 2014 года https://link-host.net/hosting/ Телеграм-каналы с дизайн-макетами для тренировки вёрстки: https://ttttt.me/figma2html https://ttttt.me/figma_start https://ttttt.me/figmatamplates Каналы с крутыми фичами на CSS и JavaScript: https://ttttt.me/codepen_js https://ttttt.me/css_features Канал с терминами для айтишников: https://ttttt.me/slang_it Канал, где публикуют ссылки на полезные сервисы и сайты: https://ttttt.me/linkforwork

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
All
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players

Questions about downloading video

mobile menu iconHow can I download "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки" video?mobile menu icon

  • http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.

  • The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.

  • UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.

  • UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

mobile menu iconWhich format of "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки" video should I choose?mobile menu icon

  • The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

mobile menu iconWhy does my computer freeze when loading a "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки" video?mobile menu icon

  • The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

mobile menu iconHow can I download "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки" video to my phone?mobile menu icon

  • You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

mobile menu iconHow can I download an audio track (music) to MP3 "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки"?mobile menu icon

  • The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

mobile menu iconHow can I save a frame from a video "Курс по WordPress | Урок 2. Создание темы | Академия вёрстки"?mobile menu icon

  • This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.