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 TH-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!
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!
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 appreciate all the "detail" you placed in this tutorial.
Glad to hear that! Thank you so much for your appreciation!! 😇
It was the best wordpress tutorial I watched on youtube. Thanks for sharing all this knowledge with us!
Bro you are the absolute best!! Not only did I learn to build a website this website is gorgeous😩 you are THEE REAL MVP
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 💚
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! 😇
This video literally saved me about 90 hours of hair pulling! Thanks Jim!
Thank you for sharing your knowledge. You are amazing !
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!! 😇😇
Great , Job . Thanks Much.
You are fantastic Jim. Just love this :)
Thank you so much!! Means a lot! 😍😇
Great tutorial! Thank you very much!
Thanks, awesome tutorial !
Another outstand job you did for us, Jim . Regardless to say its super uses.
Thank you so much brother!! 😇
Thank you from southwestern France
Thanks man... really helpful
Thank you!
I'm from Bangladesh too brother! I love how easy you make it for us.
Thanu so much i made full website just by watching this video
Thank you so much Jim for this great tutorial. Very well explained and clearly demonstrated.👍👍
Very welcome!! Thanks a mil!!
Really really appreciated 👍 loved it. Your tutorial is very helpful
Happy to hear that! My pleasure! 😇
very very thanks please make these type of fully informative video like a rain
your very good explainer. this will help my dream . Thank you.
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?
Just now subscribed🔥🔥🔥
Great sir
That's a awesome video.We want more like this. thank you
Thanks a million!! Tons more are coming!!! 😍
Love you bro
great video thank you dear
🔥Download Exclusive Photography Elementor Templates: kitpapa.com/product-category/photography/ 🔥
Completed this project by u
Thank you sooooo much!
just wow brother go-ahead
we are with you
Thank you so much!! Love you brother 😇😇
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!😇😍
i m verry happy with your vedio sir because i m creating a beayutiful website after watching your vedio. thank you so much sir.
Great tutorial, even for programmers :D
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.
nice one
Sir you are amazing with the pin point details.
Would to know more sir
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.
thank you for all this gooood
Excellent WP video!
Thank you so much!! 😇
Thanks bro
ভাই বিগ ফ্যান❤️❤️
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.
thank u
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!
Great tutorial!
How can I change the logo in the Tab?
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.
Amazing😍.. please make a tutorial how to create restaurant menu with elementor or make a full restaurant website
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?
Thank you for this Tutorial.... I have a question how can I add download button to this images ?
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.
you are fantastic 🔥... pls make a video on right hosting for different kinds of Wordpress sites
Awesome! Thanks for the idea 😍
hey Jim...do you have any tutorials about sports sites?
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?
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
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.
Plz make video on How to freelancing in wordpress 🙏🏻
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......
Hey Jim! can you please make a video, about how to design an environmental website on WordPress using elementor.
You are Cover In Any Vidoe How To Intrigate Payment Getway for Photo Buying In This Type of Website?
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!
can you do this exact website with astra theme?
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!
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
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
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
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.
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
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.
When i'm go to home page to edit with elementor..but there's edit with elementor option not showing... please help me ☹️
what if you want to sell the photos you post?
Hey I didn't saw home option on my Page's
bro how much taka this will cost to build a website like this...????
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
Amazing tutorial! Thank you so much ! Do you have Cash app? So I can send some at least for some coffee 🙏🙏
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?
Is this Elementor pro version or the free free version?
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
Is it bitnami wordpress
I can't find the theme, what should i do?
I cannot find elementor for free though ?
elementor installation isnt free anymore ??
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.
I wanted to ask. Will i be able to make money when people view my photos
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!! 😇
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?
It seems that Elementor no longer offers a free version.
Please tell in Hindi ❤
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.
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?