How to Make a Photography Website using WordPress & Elementor | STEP BY STEP Tutorial for Beginners
Вставка
- Опубліковано 10 лип 2024
- In this Step by Step tutorial, I will show you how to create a MULTI-PAGE Photography Website using WordPress, Elementor & all FREE resources! This Beginner-friendly Tutorial doesn't require a single line of coding!
✅ Get Domain & Webhosting(50% OFF 💸):
jimfahaddigital.com/hosting
✅ Download Elementor for FREE:
jimfahaddigital.com/e-download
✅ Get Elementor PRO:
jimfahaddigital.com/e-pro
✅ Download all IMAGES & TEMPLATES for FREE:
jimfahaddigital.com/tutorial/...
✅ ✅ Subscribe here: bit.ly/JFDtutorials
TIMESTAMP:
0:00:00 Overview
0:06:37 About Course Instructor [Jim Fahad]
0:07:20 Why WordPress?
0:07:50 What is Domain Name & Web hosting?
0:10:01 Get your Domain & Web Hosting (50% OFF 💸)
0:17:23 Install WordPress
0:21:00 WordPress Dashboard Walkthrough
0:29:59 Install OceanWP Theme
0:32:11 Install Elementor Page Builder
0:34:03 Install Essential Addons Plugin
0:35:40 Creating Home Page
0:36:13 Fundamental of Elementor Page Builder
0:57:07 Setup Global Colors, Fonts
1:00:40 Creating Filterable Gallery Section
1:14:07 Creating Services Section
1:23:12 Creating Instagram Feed Section
1:30:02 Make HomePage Mobile Responsive
1:35:10 Creating About Us Page
1:42:39 Creating UA-cam Video Embedded Section
1:46:08 Creating Team Members Section
1:53:07 Creating Gallery Page
1:55:18 Make Filterable Gallery with Search Option
1:59:41 Creating Contact Page
2:05:12 Create a Contact Form
2:13:11 Inserting Google Maps
2:16:25 Creating a LOGO for Free
2:23:40 Creating a Navigation Menu
2:30:31 Customize the Footer
2:33:18 How to Create a Blog Post
2:40:19 Customize Blog Page
2:43:03 Customize Single Blog Post Page
2:46:54 Final Overview
2:52:19 CONGRATULATIONS! You made it!!!
#WordPress #Photography #Elementor
And, lastly, If you want me to build your AWESOME website at an affordable price,
✅You Can Contact me through my website:
jimfahaddigital.com/request-a...
Have a great day!
If someone is not getting page attributes option, don't worry. These themes are updated so you will find this option in templates while publishing the page.
Jim Fahad you're really great.
Lots of love 💚
I wanted to thank you, this channel is a real gold mine ! I'm currently creating a website for my boyfriend who would like to become a photographer and your videos are sooo helpful. It's so amazing to have people ready to share their knowledge to everyone, thank you so much for all your videos, you make a difference in people's lives. :))
Wow!! Means a lot Eve! And best wishes for your bf!! 😍
Excellent video! Not even halfway through the video and it is already amazing, pitched at the right level at the right pace, Fantastic!
I appreciate all the "detail" you placed in this tutorial.
Glad to hear that! Thank you so much for your appreciation!! 😇
Bro you are the absolute best!! Not only did I learn to build a website this website is gorgeous😩 you are THEE REAL MVP
It was the best wordpress tutorial I watched on youtube. Thanks for sharing all this knowledge with us!
Brilliant. Just creating my first website using your great tutorial. Thanks
That congratulations at last is really very motivating ❤
You're great Jim 😍
Lots of love 💚
This video literally saved me about 90 hours of hair pulling! Thanks Jim!
Hey Jim, you did so many useful tutorials, thank you for kinda sharing us, keep it up, I loved these videos so much!👊🔥
Glad you like them! More to come! Thank you so much Freda for sharing your experience! 😇
Assalamu Alaikum sir
Sir your teaching method is very good. I have completed the website for the first time. Thank you very much sir.❤❤
You are fantastic Jim. Just love this :)
Thank you so much!! Means a lot! 😍😇
Thank you so much. This was very helpful in setting up my site
Such an excellent WordPress video! It's really helpful for me. I appreciate it. Thank you!
Means a lot! Thank you so much!! 😇😇
I'm from Bangladesh too brother! I love how easy you make it for us.
Thank you for sharing your knowledge. You are amazing !
Thanu so much i made full website just by watching this video
Another outstand job you did for us, Jim . Regardless to say its super uses.
Thank you so much brother!! 😇
What a great tutorial! Thx so much for all the hints. I will try to build a website like this one. By the way, is it possible to include the header menu into the big start picture instead of above it? With a transparent background for instance?
Thank you so much Jim for this great tutorial. Very well explained and clearly demonstrated.👍👍
Very welcome!! Thanks a mil!!
Great tutorial! Thank you very much!
Thank you! Question: If I've started with no kit, (Just using the Hello Elementor theme,) can I go back and install a kit? I just need it to be light and easy to run. I'm very very new to this.
Really really appreciated 👍 loved it. Your tutorial is very helpful
Happy to hear that! My pleasure! 😇
Excellent video. Thank you. I need advice on where to change the background color in the gallery when the image is clicked to full size. I use fairly dark images so they blend in with the background. Thanks.
One of the best tutorial Jim, thank you. Having one query, after site construction completion, then need the option or facility to add or delete images from the gallery and also huge photos (like wedding or any other program from the family) upload and kept online through this websites by the website owner. Please if possible provide us the tutorial.
Thank you from southwestern France
Great , Job . Thanks Much.
Thank you so much for this amazing tutorial ! It is exactly what I was looking for. You helped me create my first website :)
Great to hear!😇😍
Thanks, awesome tutorial !
Thanks man... really helpful
Hi men, such a good tutorial for wordpress! I have one doubt with both header and footer. Can I restrict the two elements in only one page? I want to have the cover page clean without header and footer but I dont know how to do it.
Thanks!
That's a awesome video.We want more like this. thank you
Thanks a million!! Tons more are coming!!! 😍
very very thanks please make these type of fully informative video like a rain
Thank you!
just wow brother go-ahead
we are with you
Thank you so much!! Love you brother 😇😇
Many many thanks for your world class services to everyone......
May God bless your career.....
Keep it up.....
Thank you so much for your appreciation! Keep supporting!! 😇
Thank you very much for your valuable Tutorial, can you please make a same tutorial on left-sided vertical menu.
your very good explainer. this will help my dream . Thank you.
Just now subscribed🔥🔥🔥
i m verry happy with your vedio sir because i m creating a beayutiful website after watching your vedio. thank you so much sir.
Completed this project by u
Thank you so much for making this video. Very helpful. It took me 3 days to complete the video though :) Subscribing for more.
I also have a doubt about how you got the parallax effect in the video background in about us page. Thanks in advance.
hey sir I have to do now our photography website I van little bit flow your website but this case gallery navigation button not working if o click the navigation button can you explaining how to set up thanks
Great tutorial, even for programmers :D
Hi Jim, thanks for this tutorial. I just started watching and I wanted to let you know that the Download Elementor Free version is redirecting me to purchase it. Is there another link?
Great sir
Sir you are amazing with the pin point details.
Would to know more sir
Thank you for this Tutorial.... I have a question how can I add download button to this images ?
Thank great tut. With my filterable though, I have 2 images per filter. The filters work showing just the 2 items per category except for the portrait one which only shows the one photo even though there is another one there too. Under "All" each of them shows. Not sure why this is happening.
Please tripple check their filter control names aren't misspelled! It should work without an issue!
Thank you sooooo much!
Hey Jim. This video helps me a lot, its really great, im so grateful! I have a problem when I made Navigation menu, when I finish making my logo, i upload it and then i start to make menu like you, but it doesnt appear next to logo, and I dont know what to do, can you help me please?
Love you bro
thank u
Amazing😍.. please make a tutorial how to create restaurant menu with elementor or make a full restaurant website
ভাই বিগ ফ্যান❤️❤️
Excellent WP video!
Thank you so much!! 😇
great video thank you dear
you are fantastic 🔥... pls make a video on right hosting for different kinds of Wordpress sites
Awesome! Thanks for the idea 😍
nice one
Great tutorial!
How can I change the logo in the Tab?
thank you for all this gooood
Thanks bro
hey Jim...do you have any tutorials about sports sites?
Thanks a lot for this amazing video! it was easy to follow but I encounter a problem around minute 1:06:00 after changing the grib and the "link to" from buttom to media nothing happened, I'm not able to open the photo. I would greatly appreciate if you can help me with this! I check my settings and I followed all your instructions. Thank you!
did you find a solution on this? im stuck at that part too
Hello, Is there another link for Elementor?
EDIT: Dont know if its the same but i found an Elementor in the Plugin page on Wordpress......
Plz make video on How to freelancing in wordpress 🙏🏻
hi, I have company webpage and I created with WP, & I have employees emails, So how I can let them login to certain page using just their company email & password with my web domain and when I asked them to change the password they can access to that certain page without change any thing in the login page ?
Or how I can connect the company emails & password to that login page which make the employee to login directly to that page and not allow the intruders or anyone able to login unless>>>Thanks
Great tutorial ! I wonder if the filterable gallery options have changed: when I click on a image, it get really big, and there are no left and right arrows to select the next/previous image. There is also no 'x' at the top to exit. Maybe that feature is only available in the Pro version ?
Im on that part too and i have the same thing, found a solution yet?
I found the solution! Go to your gallery items and for every item you made make sure “gallery light room box ?” Slider is to yes and do it for each one and ir works!
@@Osotechs Hello, thanks for replying. Unfortunately there is no 'Gallery Lightroom Box' slider under the gallery items...
@@jamesrobertson2712 Go to Content - Settings, slide yes on Full Image Clickable?, then on Full Image Action choose Lightbox.
@@ulaugin9717 worked for me thanks - found at bottom of Settings - 'Full Image Clickable?' - set to YES
Thank you very much very beautiful .which taeme do you recommend? Ocean wp or Astra?
Both, I love them Both 😍
But OceanWP has more options!
And, Astra is more beginner friendly!!
@@jimfahaddigital I understand thank you very much!
Hey Jim! can you please make a video, about how to design an environmental website on WordPress using elementor.
I already have a wp website but am anywhere near this great. I am afraid to do this because I don't want to lose my website while trying to upgrade it to a better theme and more functional website like the one on this video.
Now, if I do this, I would have to delete my website and delete the plug-in as you do in this video to start from scratch. Or can I just download the new theme and plug-ins and then add the old info to the new theme?
Great video, by the way. Thank you so much.
You are Cover In Any Vidoe How To Intrigate Payment Getway for Photo Buying In This Type of Website?
can you do this exact website with astra theme?
Hi Guys
Any Idea?
What if my gallery photos if I click on there doesn't pop ups?
It opens a full screen new window.
what if you want to sell the photos you post?
Hi Jim Fahad Digital, first of all thanks for creating such amazing content for the biggeners. I am following your steps very carefully. I am stuck where I need to add my Instagram feed. I manager to conmect it through smash baloon but when ever I try to drag widget of Insta feed, I only see pro version. I can not see WP Instafeed widget at all. Now I am not sure what i am doing wrong. Could you or any one help me here. Thanks. Muhammad
This is great tutorial, however I don't have an inner section widget in my Elementor plugin. I am stuck and I don't know how to make to buttons after the divider at beginning. Please help me?!!!
Inner section widget is on the top. Refresh the page you will get it. Or just typ e inner section in search bar you will get it
I wanted to download the template but there is no template i could find . Could you please update it so that i can download template thanks. Overall thank you for the awesome tutorial.
When i'm go to home page to edit with elementor..but there's edit with elementor option not showing... please help me ☹️
Hey I didn't saw home option on my Page's
I can't find the theme, what should i do?
Is it bitnami wordpress
bro how much taka this will cost to build a website like this...????
🔥Download Exclusive Photography Elementor Templates: kitpapa.com/product-category/photography/ 🔥
Nice work Boss Pleas Make a tutorial On Ecommerce website. A website services website
Noted! Thank you so much!! 😇
@@jimfahaddigital pleas boss really needed Web services website
Hi, the video is so cool. I just have a problem. I've done everything the same in the gallery, except the photos don't line up according to the filter - nothing changes. Even when I come out of editing and want to see what the gallery looks like, the photos disappear. Does anyone have the same problem?
I cannot find elementor for free though ?
Is this Elementor pro version or the free free version?
elementor installation isnt free anymore ??
Amazing tutorial! Thank you so much ! Do you have Cash app? So I can send some at least for some coffee 🙏🙏
how to add pagination on gallery page?
This "Filterable Gallery Widget" has no pagination option in the FREE version. But there is a "LOAD MORE" option 😊
@@jimfahaddigital Any other way can add pagination?
Hey Jim, though it's irrelevant to this tutorial, I will be highly pleased if you drop a little support here for me. How can I understand 5xx error (if it is 500 or 502 or 503 .. error in my search console? Thanks in advance for your hearty help.
In most cases, these are server errors because of the wrong syntax of the .htaccess file. I believe this article would be helpful for you
www.namecheap.com/support/knowledgebase/article.aspx/9366/2194/errors-500-502-503-504-and-508-reasons-and-ways-of-fixing/
Thank you!!
@@jimfahaddigital That's really great Jim. As a fan of your genius, I appreciate your kind help. Have a nice time and stay safe.
Can we get a link to this completed website?
This guy uses dummy site to make tutorials. After that it erases all data and move on to new tutorial. Surely, He has made this design for his clients, but usually website link is not shared for privacy and security reasons. If need any help with web design i am available. I am a web designer
Hi Jim, I am longtime follower. I sent you an email a while back, Can you do a used or new car sell website?
Noted! Thank you so much!! 😇
I wanted to ask. Will i be able to make money when people view my photos
It seems that Elementor no longer offers a free version.
Why is he not answering questions? He said in the video, he will answer the questions, yes I know he is busy helping people and working at the same time.
Please tell in Hindi ❤
Try to speak clearer english
Okay sir!!!
Thank you very much. I managed to make the site through this video. I have a question, can you please send me an email to send you a picture of the problem?