 Qua mahoji maherini, menguafin wa maherini, gali na 1a La j serves maherini na maherini Kama maherini maherini na gali Haputu anisha, kQuaz wingsu Tu maherini kwa maherin Chou na maherini Nowawuhu maherini, gali na maherini Na maherini na maherini Tehboka uvade, nif자 naka ufashimia kwa mizuna. Nama kwakafatsia na kisha kakafatsia. Mili mula mili tulukweaaana kwa kisilimia mili mula wajita. Na mili kwa mili kwa kisilimya mili kwa mili. Naka kita naka kini wa mili mula. Relutema mili mili mili manimансi. to meet the particular link and then I'll just go for the large size of file and then a status and publish so just call this gallery none foods and then next thing we're going to do is we're going to add a second gallery which we shall call food items so right here I'll just click add menu do the same thing at a gallery and then attach the particular items that I do need here so I'll just add that to the same thing get the large size and get the media file attached here and I'll actually insert this so we publish this and we are ready to go so on our front end if we refresh here um we don't have anything changing uh but we're going to be able to see what happens next once we start working on so in our in our in we registered our our custom post type right here the next thing that we're going to do is we're going to start writing functionality who actually add in uh the the lightbox javascript that we made on the css so I have already downloaded this to my desktop I'm going to unzip the file and I'll just get uh the distribution folder right here I'll just get these items I'll just get the whole folder of the distribution and then I'm going to just go and drop that into our folder and I'll just call this uh the assets so once we say that we see in our editor this has changed so in here we have our css we have our images that come with the lightbox and we have our javascript also encued here so next we are going to actually enq the javascript and the css that we do need so what we need to do is add action for wordpress and we're going to wp-enq scripts that's uh the that's the hook of wordpress that we need to tap into and then we're going to add a new function which is add our custom scripts uh just have a little type of here which are correct and this is our function that we do need so next we're going to do is add the function add that and then we will be ready to to add our javascript so if you don't know what this is um you can actually just go to back to your browser and then you google how to enq scripts in uh in in wordpress so you'll be given you can go and just check this and again you'll get the code sample that you can actually add into your wordpress so we have this example right here and this is what we're going to actually go and add into our wordpress so we you know that we can enq our style by just adding the the id of over what we need the id to be it should be something that is a very very particular and specific you know id is supposed to be have to be unique to the purpose that they are being taken so we can just copy this and we shall paste it in our function so we can add style i'm just going to call this litbox uh litbox style and we shall not be using a template directory uri but rather we're going to use a plugin uri we're going to use the the plugin directory uri and at the end of the day we are going to just uh change this to assets and we shall need to we shall need to first pass in of course the file and then we shall add assets and then go to slash css slash lightbox dot main dot css and i think if we just actually go here we see that this is what we need so i'm going to save this for now and i'm going to to just change oh there's a type of here it should be plugin directory uri so if i actually go back and reload our page here and i just go to view the page source for starters if we quickly look up the litbox style you'll realize that we have this style sheet being brought in and it's denoted by the tag of litbox style so the WordPress will just add a css file to it but again you find that we are just having this encued now what we need to do is also add our javascript so we'll just duplicate this and instead of style here we're going to call it script so we'll call this script and then we're just going to change this to jas for javascript and change this to jas for javascript now the enq script for javascript has a number of parameters parameters just like our style is and if we go and look up what those are is we'll find that we need to add a version number we need to add some dependencies right here and then we can add whether it should be sent into the footer or not so quickly running down to you can see the number of dependents you can see the dependencies that it can have and i'm just going to get a code sample quickly here so that we are good to go so the only thing that i actually want to add to this is i want to add our dependency which is we're going to be using jQuery and this is uh this is this is something that comes with a wordpress and we'll send it of course to the footer and the only thing that is left for us to do is we'll put an id we've added the the string we've added the dependency we've added a we need to add also version number so just before sending it to the footer so i'll just add the date for today but i'll call you 2019 when may june i'll just give this whatever so we just have something like that and once it's saved and reload we're going to find that if we quickly search for loot box we have the style coming in again and then we're also going to have it in our footer and we have the loot box just coming in so so the other thing that i'm going to be is just inspect to see in our network to see what's coming in so i'll reload this when we look at all the the the files that are coming in we have our light box which is a four four because we have a typo right there but again we should be able to see our css also it's it's being locked down because uh it has a typo too so for me i could spell light box just right so we have this and this and if we save and reload it's always good to go and check your network logs to see whether everything is coming in well and yeah now it is everything is coming in with the 200 status so we are ready to