HTML Template to WordPress Theme Conversion Tutorial - Urdu & Hindi - 2019
ฝัง
- เผยแพร่เมื่อ 16 ต.ค. 2019
- In this lecture, we will convert and HTML template into a WordPress theme with complete dynamic data from WordPress Dashboard including Dynamic Menus, Custom Logo, Custom Post Type & Blog Posts. All the single posts, pages, archives and search results page. HTML to WordPress conversion tutorial in Hindi & Urdu
🔽 EXERCISE FILES: wpacademy.pk/course/basic-wp-...
🔽 HTML Template: html5up.net/dopetrope
WordPress Theme Stylesheet Header: developer.wordpress.org/theme...
-----------------------------------------------------------------------------
🙌 Support This Channel by Buying Stuff Below
-----------------------------------------------------------------------------
✅ Best WordPress Hosting ➡ wpacademy.pk/go/siteground
✅ Cheap Domain & Hosting ➡ wpacademy.pk/go/nc
✅ $100 Free Credits on DigitalOcean ➡ wpacademy.pk/go/digitalocean
✅ Elementor Pro ➡ wpacademy.pk/go/elementor-pro
✅ Astra Pro WordPress Theme ➡ wpacademy.pk/go/astra-pro
✅ Best Elementor Addons ➡ wpacademy.pk/go/crocoblock
✅ Envato Elements ➡ wpacademy.pk/go/envato-elements
-------------------------------------------------------------
👨👩👦 JOIN OUR SOCIAL COMMUNITY:-
-------------------------------------------------------------
Fan page: / wpacademypk
Group: / xitclub
Forums: wpacademy.pk/forums
Alternative Download Link for Exercise File: drive.google.com/file/d/1TPeJ-4GzDbqzOrZb101_k_JN25qcySIs/view?usp=sharing
Thankyou for sharing this.. I am not WordPress developer per got one WordPress opportunity in my company, So I found this really helpful and easy.
JazakAllah . waiting for the next video.
While i am freelancer and having experience but your video still help me alot, thanks and keep it up :)
I am glad to hear that! :) We all are freelancer ;)
Could you please guide me in lecture 7 theme structure @ web solution
jazakallah Shahzad Bro ❤️ 👍
Thank you for wonderful tutorial.... Allah bless you
Thanks Sir... you have just solved my query! GOD Bless U!
You are welcome :)
Awesome Keep it up sir.
Amazing tutorial bro
Nice bro, Thanks for sharing your knowledge
You are welcome :)
Waiting for next video in which u wll cover this theme with customizer and try to make ready for elementor compatibility thanks. ... go Advance bro
Sir, can you please guide me???
I have converted an HTML site into wordpress theme and it is converted good but when i fills up information in the form and click on the register button it shows an error.... while on orginal site when a user registers, they get a message on screen that successfully register and log in button and a member login page and some other pages too. I know it is done by php at the backend.... but I wanted to know that how can i make my wp theme to work same as the original site works???
first time visit your page i am front end developer please upload React js lecture
Best thanks bhai jaan.. Keep it up 👍👍🙏
Thanks for liking
is it editable?? I mean that can i edit text or images in wordpress.. ??
Very good understandable ... thanks.....
You are welcome
watching the video without downloading. Recommend others also to do so.
Sir plz also made a video on how to convert a PHP website to wordpress or suggest me a video or plugin that convert a website completely at once. Thanks a lot.
The posts for portfolio not showing any content when opened .
they are showing on front-page but when clicked on read more not showing the content for the post.. ?
Jazakallah ❤️ 👍
:)
sir. maine galti se html5 tamplets kharid liya hai lekin mai WordPress theme lena chahta tha meri koi help kar sakta hai
Kindly help
"custom-logo" not working for me. Jub bhe logo upload krn error ajata h
Should Php knowledge for wordpress?
Nice video. Please make wocommerce website theme development series 🙏🙏.
sir theme development me gallery k feature kesy bnau jisme gallery ka style apna design ho?
sir apna nav bar mai
ya lagaaya but navbar link jo tha home ,contact us etc
coding vala vo kidar lagana hai
Nice
Kindly add a video on how to embed One Click Demo Import in Theme
awesome bro help this video ....
Glad it helped
how to customize other pages, if I create Service page, Contact us, About us, and some more services pages,
To yeh pages blank honge, in sab pages me html css kaise add karenge?
bro html5 k temp jahan s install kia tha os ko open karna k bad khali html k structure arha ha css show ni horha ha browser ma pls help me out
And sir, which php extension you are using for auto suggestions in vs code. because I am not getting auto sugesstion. or please recommend any video for vs code setting for php
That is WordPress Snippets extension.
@@WPAcademyPK Thank you ! Sir,
hello sir,
frontpage pe rkhne pe chl ni ra , blank screen a ri h
Nice
video! How can i get the hamburger menu to show up?
Please help me,
thanks in advance!
*WP* *Academy* vai please upload demo import system like avada, divi.
Last lecture link???
Assalamualaikum bhai
Mujhe meri website ka ek page second page se link karna hai
But without using wordpress menu
How may I do that plz help
Eg.
İt should be
walaikum asslam bhai ap ne bohat acha samjaya hai. lekin mujhe aik help chahiye. isi theme me likha hai the blog and portfolio heading me. sections bane huwe hain bhai plz ye bta dain k me un heading ko daynamic kaise karu. sara kam ho jata hai lekin heading sections wali heading dynamic nahi ho rhin. plz
Hi there, Hope you are doing well, which video series is pre-requisite of this video ???
th-cam.com/play/PL6Kd_lvAfBuZFoXiIQP4zsdDpIYCYeWk8.html
Bro aap ek video genesis framework theme pr ek video ya puri tutorial bana do plz🙏
is this working on live website?????
Thanks for tutorial sir. Just one question, how to handle login and sign up if they are in html template? Please reply
well, there is no need to code everything Just use Ultimate Member plugin and create custom login and signup forms then use shortcodes in pages
@@WPAcademyPK thanks so much for this, will they provide the same styling like the html template?
When i am trying to convert a HTML file to Wordpress my custom doesn't working on Chrome But it's Working and i can see every single change on Firefox always . So, have i done any mistake that doesn't working on Chrome ??? Or it's ok that working on Firefox..........
@Md Imran Hossain thanks
sir zoom bhi kr liya kro .. clear dikhaya b ni deta .. smjhne pr jor upr se dekhne pr bhi jor do
please add subtitles to all videos
U should use underscores starter template as your theme development tutorials bro....
Underscores can be confusing for people who have just started learning WP theme development and following our previous videos. Underscores come into the pro scene while this course is for beginners. And we are converting an HTML template, which has its own markup and underscores also contain markup, so it will be difficult to migrate existing HTML markup into Underscores. Underscores is best when you are starting a theme from scratch.
@@WPAcademyPK true.... make theme customizable by the users + ready for Elementor compatibility ?
@@MuhammadAdnan-gx6rd Well, you don't have to add any extra code to make a theme compatible with the elementor. Just make sure you have the_content() in single post and page templates. In the next tutorial, I will explain the customizer + kirki on this theme.
@@WPAcademyPK I mean to say like OceanWP and Austra are compatible with elementor + user can customize theme ... try to develop a real theme like OceanWP or Austra in future videos
Sir i have a querry can you solve my querry.i will be thank full to you....
Bhai Pehlay wali Kon c videos dekh k aen plz apni playlist name mention Kar dain its urgent
Can u pls tell me what it wrong with this excerpt code for wordpress. // Excerpt Function
function excerpt($num) {
$limit = $num+1;
$excerpt = explode(' ', get_the_excerpt(), $limit);
array_pop($excerpt);
$excerpt = implode(" ",$excerpt)." Continue Reading »";
echo $excerpt;
}
when i am using this it's showing- Warning: Use of undefined constant readmore - assumed 'readmore' (this will throw an Error in a future version of PHP) in C:\xampp\htdocs\learningwp\wp-content\themes\mytheme\functions.php on line 71.
how do can fix the problem
.
The issue in your code is that you are using readmore as a constant without defining it. To fix this problem, you should either define readmore as a string or wrap it in quotation marks to make it a string. Here's the corrected code: function excerpt($num) {
$limit = $num + 1;
$excerpt = explode(' ', get_the_excerpt(), $limit);
array_pop($excerpt);
$excerpt = implode(" ", $excerpt) . " Continue Reading »";
echo $excerpt;
}
Sir psd to wordpress sikhny ke kiye apny kha ke phly apke wordpress them sekhy tou kya woh ye waly tutorial hain?
First, watch PSD to HTML: th-cam.com/video/bGUylMABrMk/w-d-xo.html
Then watch This HTML to WordPress
Agr JavaScript b add krni ho Wu kesa kre gy
My dropdown is not working before removing jQuery
My style is not applying to li elements
For Help & Support, Join our Facebook Group: facebook.com/groups/wpacademy.pk
Bhaii kisi bhi website ko download kaise kare ispar video bana do
hey it is not working . Showing blank screen
How to fetch previous month data from database in php?
stackoverflow.com/questions/2090221/query-to-get-all-rows-from-previous-month
Sir custom_logo() kaha se logo uthata ha? mere pass to kuch bhi show nai horaha
logo can be set through Appearance > Customize >Site Identity.
And the function is "the_custom_logo()"
Sir apke step by step follow kr rha hu but style.css k alava or koi css ya js call nhi ho rhi jbki path bhi sahi tb bhi problem a rhi h. Plz help me
Please post question in our Facebook group with the code.
great effort from you. i have clear a-lot of issues by watching this video.
if want to know any issue how can i contact with you
Ask your questions here: wpacademy.pk/forums/
@@WPAcademyPK can't access your forum where i can elaborate my problem.
@@mdmahbubalam3873 facebook.com/groups/wpacademy.pk/
sir core php mn rest api bnana bta skty hen??
1000 khwahishain aisi k har khawahish pe dum nikly :)
style file nh utha rh theme
ye wordpress pr pages menu ye bnaaana btaya ni apny is videos se
CSS include nai ho raha hai vai
can you tell whats the problem in this code:-
function htmltowordpress_scripts(){
wp_enqueue_style('style', get_stylesheet_uri() );
}
add_action('wp_enqueue_scripts', 'htmltowordpress_scripts');
kindly mujy Koi Pro , Premium theme send kr dain. news , jobs ke lye
add english subtitles
Plz sir tell me
Sir folder name theek se define kre
Functions.php main jo code apny likha ha. wp_enque ya jo function bnaya ha iski smjh nhi ay
developer.wordpress.org/reference/functions/wp_enqueue_script/
@@WPAcademyPK thanks for assisting. main bus khc time main inshallah apki Wordpress theme and plugin development start krni ha. kindly bta deje k ya 0 to Mastery ha apki series about plugin and theme development?
@@learnearncollaborate you should watch theme development series first before watching this HTML to WP.
@@WPAcademyPK ok. Then i watch that first. Thanks for suggesting
You can’t edit your page on Wordpress this is not correctly
up ka fb id dija apka sat bat kar na ha
sir ap apna number de sakty hi ?
Signed up but couldn't find file for download
What the hell
Have you browsed Lecture 17 in the course? and you are enrolled in the course?
Alternatively, you can download the file here. drive.google.com/file/d/1TPeJ-4GzDbqzOrZb101_k_JN25qcySIs/view?usp=sharing
No need to be frustrated, you could have simply followed the tutorial and convert the template yourself, this way you should be learning instead of just grabbing the ready theme (which will give you no experience)
@@WPAcademyPK of course kar liya yaar Tha thanks