how to make portfolio website in wordpress with elementor
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- Do you want to start work with me for any wordpress project?
Contact me - farjana-rashid...
Part -2 - • How to make portfolio ...
Do you want to make a beautiful portfolio website yourself without wasting too much time? Then this tutorial is for you.
In this tutorial I will show you how you can make portfolio website in wordpress with elementor. If you are new here and have no coding experience then this tutorial is for you.
✅ Get Domain & Webhosting(60% off):
farjana-rashid...
✅ Get Elementor:
farjana-rashid...
✅ Go to Fiverr:
farjana-rashid...
✅ Download images and template:
farjana-rashid...
Overview with Timestamps:
00:01 Overview of the tutorial
07:24 Get a domain and webhosting
16:41 Install Wordpress
19:06 Clean Up Wordpress
25:06 Install theme
25:39 Get Elementor page builder
28:05 Introducing Elementor builder
28:45 Design page from scratch
28:45 Design Hero section
40:22 Design About section
48:59 Design Service section
56:34 Design Skills section
1:01:48 Design Experience section
1:05:38 Design Portfolio section
1:09:48 Design Reviews section
1:13:47 Design Logo carousel section
1:15:47 Design Blog section
1:22:47 Design Contact section
1:25:26 Design Contact Form
1:30:40 Hero section finishing task (Add background particle effect)
1:33:31 Make page as homepage
1:34:07 Create menu
1:37:50 Design header
1:37:50 Upload logo
1:41:26 Design Footer
1:45:43 Fixing mobile and tablet view
Facebook Group : / createwebsitelikeapro
Such an amazing tutorial to follow! You are single handedly responsible for me finally getting a portfolio website for my company and understanding how to use Elementor for Wordpress. Thanks a lot! :)
You are hundred percent right she is extremely talented the kind of videos she make is absolutely amazing and I have also made portfolio website tutorial on my channel I hope you like it
First of all you are not a web developer you are wordpress website developer and secondly your videos and content are awesome
I am a junior web designer, I have created many web design tutorials
But your design is awesome 😍
It was the best tutorial among all I have watched to make a portfolio site on WordPress,
I have made my first portfolio by watching your tutorial.. Thanks a lot.. May Allah bless you.. Be happy & stay safe..
It's my pleasure
10 minutes till the end of tutorial. I have a beautiful looking portfolio! Thank you.
@@farjanarashid644 i did everything locally and now im struggling getting it on the namecheap server:)
First of all, thank you so much for discussing every single part of your design. and this is the Best tutorial for every beginner who wants to design a good portfolio website without any coding knowledge.
Thanks again and please keep it up!
Alhamdulillah I got what I was looking for.Mam I m really greatfull to u ♥️
Amazing tutorial. That menu does not make sense on single post ,so how can we add another menu on single post page.
You are so great , just because of You I came to know more advanced wordpress features thankyou thankyou so so much!
Thank you for appreciating 💞
Mam, portfolio section e category change hole je portfolio gula change hoa ashbe, eta query kore kivabe?? pls help
Farjana Rashid, you're a great web designer, I hope you will always give us such videos
really thanks this is great tutorial web design..
but i got problem when want to activated EAE-Particle, I have switch to ON, but particle animation still cannot show up.
maybe you can give me the solutions.
thanks
It's really a good lesson
You deserve a plethora of thanks.
But still something is left to do.
How to add cv in the following button and also how to add content in hire me button and how to customize other pages what we have added in our main menu.
Mam,
Please release another episode about what i have mentioned.
Thanks 😊
Assalamualaikum Appi. Shotti khub valo lagche eita vebe je web design and development sector e youtube eto sundor content kono Bangladeshi meye korche eta bishal ekta bepar.shotti proud korar moto. Subscribed & Insha'Allah I will share your video in my social account to inspire other girls . Finally thanks a lot for your hard work.
thanks for the tutorial 🙏 greetings from Indonesia 🇮🇩
Thank you very much ma, I really enjoyed how it was step by step with no rushing.
You are amazing i build portfolio only following your explaining thank you very much Allah bless you
My pleasure!
Hey Farjana. very informative but Fancy text isn't working for me.
Asalam aliqum and thank you mam for such a great tutorial.. Now I'm starting to design my own portfolio.. thank you once again from Pakistan 🇵🇰❤️
@@farjanarashid644 mam please upload more videos tutorials related to WordPress, react js and native etc.. Thank you
Hi, sorry i have a question, I am making a portfolio website, so the thing is that the client needs that at the moment you click in one of the pics of the portfolio it redirect you into a new page on the same site that explains the all project
ALLAH SWA blessed you and enhance your knowledge in all field of life and akhira
Many many thanks
i have copy same website as you shown in vedio.but i have face with toggle option to show in mobile version.most of my friends asked me that they can fine the toggle option to to brows defferen section like home ,about me, portofolio ect.please help me how to fix it to make it flexible for both device smoothly
There is a problem with the menu not appearing in tablet/mobile mode.. toggle button is displayed but when clicked on it just a plain white long bar comes on the screen.. can you please help? Great video btw :)
Thank you so much. My journey as a web developer begins from your lesson.
Thank you very much for your kindness. May Allah bless you always.🥰
Awesome Ji... Good tutorial... Nice explain with new features.
Pls do more videos using react js.. I'm eagerly waiting to learn from you...
Expecting soom.
Thank you.
I think this was very useful. I was able to follow all of these instructions however I noticed that when I am on my mobile device, that menu does not look the same as desktop and it also does not work. Any advice on how to edit the mobile menu?
Just awesome and helpful tutorial.thanks mam.would you tell in which theme have you used?
hi farjana, how we can add a resume to the download resume button?
just awesome. i had some lack but by watching this video ..thats clear now.. lot of thanks
@@farjanarashid644 if you provide a ecomerce video then i will be thankful to you....thanks in advance .,.
thanks for the tutorial you did not use pro elemantor right??
Yes, correct. Here I used FREE version of Elementor
@@farjanarashid644 Thanks a lot
Wow wHat a grEat tuTor toDay I listenEd uR viDeo That's GrEat 👌
Great video, the section menu is not showing in the mobile version. There is a hamburger menu with only "Home", how can I fix this?
hi, have a problem making the contact from ( WPForms is not installed/activated on your site. Please install and activate WPForms first. ) any idea?
In the latest work section where you dragged in a a portfolio, please how do you make each picture interactive so that when you click on it, it opens up a new page with your own details and description of that particular picture portfolio. I am trying to build a UI portfolio with details and.Great video by the way. SUBSCRIBED
Yesssss I've been looking for this answer too! I want to place portfolio pieces but once potential customers click on it I want it to open to a new page so I can show more pictures and info on how I designed it.
@@michi0921193 that’s what I’m looking for too!
@@timwegman1378 i figured it out. Just make a new page assign it to a parent page and just copy the link. Pick a picture you want to link. Link it to a custom link and then paste the link in the box and you are good to go!
@@michi0921193 just add new page then link that page to the image or text it will go to the next page .
This is absoletly amazing opportunity.
Thank you Farjana Rashid, Your tutorial is so beautiful
Many many thanks
Awesome tutorial!
This is super great. You explored some hidden hacks of WordPress.
Thank so much for putting this up.
can i get the demo content of website that you have built with elementor?
I have a question where did I miss? why there is no menu in tablet or mobile?
Really this video is very helpful for me .........thank you
kindly give me a response when I add plugin Addons, my previous work on websites is mostly not shown, and under elementor Widget: list of items that I used to make the website also not shown.
Thank you for all what you did in this tutoriel! You are the best
Amazing Tutorial. You are a best Teacher. 💚
Thanks for the tutorial. Learned a lot
Your tutorials are excellent. Can you suggest how can I hide the scroll bar from wordpress web pages. How can I make sticky header in astra theme without using a plugin and give a color background to the header.
Now that’s awesome!!! You just basically covered everything end to end... thanks
I liked the video before I saw it because I know there must be something special about it. Bomb 🙃
Thank you!! :)
Thank you sister
Farjana Rashid!
but my site only showing in preview
not in live mode? kindly help
Great tutorial.Simple and easy to folow.TNX
Mam, Iam not getting elementor addon elements plugin it was not showing what to do now please help me mam ?
HI Farjana, can we add the website demos section if I make this website for a web designer? If yes, how to add (by plugin or widgets)? Thank you for this, helpful.
Thank you Farjana, a great tutorial. One question: is it necessary to delete most of the plugins, like you did? Im changing my existing website to elementor and Im a bit worried it may not work. I have obviously no experience it web design! Thanks!
Removing unnecessary plugins is good practice.
So much helpful..good work mam... ❤️❤️
Thanks a lot 😊
Thanks, that helps a lot. Hope you will provide more awesome tutorial like this.
you save my life, hands up for you
That Theme not Availabe now in Astra, I also searched all comments of this video, I find no help
@Farjana Rashid theme is not showing there when we search.. please provide link of it
I used astra theme but this design, I made it from scratch with Elementor!!
Hi Farrah!can i ask a question on my elementor i don have fancy text option what would i do?
May be that widget is not enable from settings. You have to enable it from elementor settings
Thanks for This Farjana, I learned a lot. But I wish you also included how to edit the hamburger menu for the tablet and mobile view so that this tutorial will be a full package, especially for beginners.
I can't find fancy text color? What could be the reason?
i am not finding the the 'fancy text' elements on elementor please help me.
great tutorial. straight to the point no bs. appreciated.
It's an awesome tutorial for beginners. Thanks for publishing this tutorial.
the effect on the banner interacts with your mouse when you hover over the left and right sides, but not in the center of the banner, how can I fix this?
Thanks a lot!!!! Your tutorials are very good and useful!!! :)
Which theme have you used??
Thank you Farjana :) I hope I can find my first client soon
thank you Farjana! this helps a lot :)
Thank You Show Much I Am From Nepal Its Very Help Ful
Allah bless you Farjana...
This is a great build, wonderful how-to video thanks! Some feedback this video could have been so much shorter if you would have just focused on the build, I found that you were speaking about things that had nothing to do with the build. again just some constructive feedback, but great vid!
Im a TH-camr & make Tutorials on web design.
Very nice I'm also learning WordPress.👍
@@farjanarashid644 thank you 😊
Thank you for such a great tutorial! I have an existing website with over 300 pages, most with images on them and text. Can I create lots of pages with this? It is for different subjects of artwork, so they would need to be grouped on pages with each linking to it's own page. I'd love to hear your feedback.
Hi Mary thank you for inspiring me!
As you are creating different subjects of artwork, So It's better to create those as a custom post type named "artwork" or under post under the category "artwork" so it will be easy to manage. :)
@@farjanarashid644 Do you mean they will not be on 'pages' but a post like the blog page?
Thank you so much for giving this much information
My pleasure
Thanks Apu that’s awesome
Hey Farzana, God Bless You for making such nice videos.
I have small query, How can we use these particals in Divi Theme or Page Builder? Please Help
We can try a plugin which works for wordpress and any builder.
how can you added eae particles in image background?
Great tutorial, You're very talented
Thank You Sooo much apu 😍 প্লিজ Make video For us Wordpress
@@farjanarashid644 Thank You mam..Plz Make at least 1 Video in Week😍😍😍
Thanks. This is really a wonderful tutorial 100%.
Glad it was helpful!
Good day! What theme did you use please?
I use Astra theme.
Amazing work
Fabulous job, Farjana! Really such an amazing and complete tutorial to follow!
Hello mam, i did not find that theme while searching in WordPress and even in Astra website, can you please tell me the name of that theme ?
I only installed astra theme but for design, I did it from scratch.. If you watch this tutorial in step by step you will find it. :)
@@farjanarashid644 The astra theme isn't available on the wordpress
whats is the size of that main image? the man image
Como você colocou essa efeito de movimentação de linhas na home?
fancy text is not working in my site. what to do please tell
Really very helpfull... Wordpress full tutorial.beginer to advanced mood r upload korla onkkkk upokar hto apooo...
can u please show us how to upload image in dynamic gallery in essential addons?
Your download link for image not work!
Hi Farjana - I love your tutorial! I have a question regarding your work with customers - when you create a website for them, do you give them a design sketch which you have made with photoshop or a different tool? Or do you create the website directly and your customers can make modification requests?
For customer work, it depends. Who need more specific that case I design on figma. Otherwise start directly.
@@farjanarashid644 Okay, thank you very much!
thanks for the tutorial. animation type: typing under fancy text settings is not working but other animation type is working can u tell me why?
I am having same issue so waiting to hear.
You are great maam, really learned alot from you, Thanks alot!!!
My pleasure 😊
Love form Bangladesh ❤️❤️❤️
i need a help apu
aku lg belajar dan aku langsung subscribes
Mam download link not working after subscribe
i just start following you....its awesome
Excellent tutorial 🙌