WORDPRESS WEB DEVELOPMENT

[13aj13]

Sa mga gumagawa ng website gamit ang wordpress dito po tayo mag usap para sa mga kaalaman or advance knowledge na po pwede dito po tayo mag usap maraming salamat po..

 

[xinfernox]

Currently enrolled ako sa Front-end course ng DICT. Nahihirapan ako sa Javascript. Any tips? Baka and ending nito, mag wordpress na lang ako

pag nag dedelop ako ng site gamit WordPress andami ko din js na cinocode hehe. may mga limit ksi plugins kaya gamit pa din ang js sa WordPress. try mo sir mag enroll sa udemy ng js yung kay net ninja.

 

[0106]

online to sir?

Yes sir thru coursera under Michigan state university

Post automatically merged: Apr 13, 2022

pag nag dedelop ako ng site gamit WordPress andami ko din js na cinocode hehe. may mga limit ksi plugins kaya gamit pa din ang js sa WordPress. try mo sir mag enroll sa udemy ng js yung kay net ninja.

Check ko ito sir. Salamat

 

[kamot37]

Wordpress ba gamit nung sa DICT na hino host nila?

yes po sa LGU namin ako po gumawa ng site namin ongoing pa po ang update from old one, bali required po nila wordpress kasi may template po silang isa sa requirements para mahost sa DICT government template po para pare pareho lahat ng site..

 

[techn0mech]

yes po sa LGU namin ako po gumawa ng site namin ongoing pa po ang update from old one, bali required po nila wordpress kasi may template po silang isa sa requirements para mahost sa DICT government template po para pare pareho lahat ng site..

Nag inquire uli ako paps for hosting kasi hindi namin natapos eh naubusan ng oras di namin na wordpress from php. Ano po gagawin paps .

 

[kamot37]

Nag inquire uli ako paps for hosting kasi hindi namin natapos eh naubusan ng oras di namin na wordpress from php. Ano po gagawin paps .

try to visit this site po https://i.gov.ph/gwhs/avail/ may mga details po jan at form na kailangan para mag apply yong amin d pa po namin napapahost sa DICT naka kontrata pa po kasi sa ibang hosting for 3 years.

 

[spyx3m_119]

For those that are interested in a page builder, I do not think there is anything better than Elementor out there.
I have been a Web Developer / Designer for more than 10 years now and I have tried a lot of page builders, and I think Elementor would be one of the best options considering its functionality and customizability.

The way to totally make a website bloat-free is to avoid any plugins and widgets at a cost of being "easily customizable" and either uses Guttenberg or custom code the theme yourself. So most settle for the next best thing, by using a reliable page builder and for me, that is "Elementor".

There are ways to make your page load faster.
(1) Avoid using plugins if possible.
- If it is a simple task, simply custom code it

(2) Use a simple WordPress theme without much functionality.
- Since Elementor can handle most of the design aspects of a theme, it makes no sense to use a complicated and bloated theme. My recommended theme is "Hello Elementor". This removes all theme bloat and is a perfect base for Elementor builder.

(3) Make sure to always upgrade your plugins. The update usually contains numerous bug fixes and performance improvements.

(4) Avoid using other 3rd party plugins especially if it contains feature already present in elementor

(5) Using techniques like lazy loading images and videos.

(6) Cut down DOM elements by simplifying the structure of the design as much as possible.

(7) If you are using Elementor, there is no sense to enable Guttenberg and WP CSS / Woocommerce CSS files since Elementor can handle them as well.
So turn them off
Here is a simple way to do that. Install a child theme and then edit the functions.php file and add this code:

add_action( 'wp_enqueue_scripts', function() {
 
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-blocks-style' );
 
}, 100 );

 

[joeker]

Agree ako sa elementor. Dati dati need mo pa magdownload ng iba ibang plugin para lang ma optimized yung code, mag insert ng codes pero ngayon inako na lahat ng Elementor. Pero sa static website ko lang ito ginagamit. Pwede rin Divi builder pero nakukulangan ako sa options. For ecommerce Flatsome yung gamit ko kasi easy to use and premade na lahat with builder nadin kaso hindi drag and drop.

Any recommendations din if anu pang mga themes gamit niyo?

 

[LoremIpsum]

Agree ako sa elementor. Dati dati need mo pa magdownload ng iba ibang plugin para lang ma optimized yung code, mag insert ng codes pero ngayon inako na lahat ng Elementor. Pero sa static website ko lang ito ginagamit. Pwede rin Divi builder pero nakukulangan ako sa options. For ecommerce Flatsome yung gamit ko kasi easy to use and premade na lahat with builder nadin kaso hindi drag and drop.

Any recommendations din if anu pang mga themes gamit niyo?

Astra po. Perfect din siya sa Elementor

Post automatically merged: May 4, 2022

For those that are interested in a page builder, I do not think there is anything better than Elementor out there.
I have been a Web Developer / Designer for more than 10 years now and I have tried a lot of page builders, and I think Elementor would be one of the best options considering its functionality and customizability.

The way to totally make a website bloat-free is to avoid any plugins and widgets at a cost of being "easily customizable" and either uses Guttenberg or custom code the theme yourself. So most settle for the next best thing, by using a reliable page builder and for me, that is "Elementor".

There are ways to make your page load faster.
(1) Avoid using plugins if possible.
- If it is a simple task, simply custom code it

(2) Use a simple WordPress theme without much functionality.
- Since Elementor can handle most of the design aspects of a theme, it makes no sense to use a complicated and bloated theme. My recommended theme is "Hello Elementor". This removes all theme bloat and is a perfect base for Elementor builder.

(3) Make sure to always upgrade your plugins. The update usually contains numerous bug fixes and performance improvements.

(4) Avoid using other 3rd party plugins especially if it contains feature already present in elementor

(5) Using techniques like lazy loading images and videos.

(6) Cut down DOM elements by simplifying the structure of the design as much as possible.

(7) If you are using Elementor, there is no sense to enable Guttenberg and WP CSS / Woocommerce CSS files since Elementor can handle them as well.
So turn them off
Here is a simple way to do that. Install a child theme and then edit the functions.php file and add this code:

add_action( 'wp_enqueue_scripts', function() {
 
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-blocks-style' );
 
}, 100 );

Sir yung #7 po, hindi na po gagamit ng woocommerce plugin pag gagawa ng online shop sa elementor?

 

[spyx3m_119]

Sir yung #7 po, hindi na po gagamit ng woocommerce plugin pag gagawa ng online shop sa elementor?

Gagamit pa rin po. Yung code na binigay ko is para ndi na nya i load ung CSS files para sa WooCommerce since pede mo naman i customize un or control using elementor.
So bali ung mga code is to remove all unnecessary CSS codes from "Guttenberg" , "WooCommerce", and "WordPress".

Agree ako sa elementor. Dati dati need mo pa magdownload ng iba ibang plugin para lang ma optimized yung code, mag insert ng codes pero ngayon inako na lahat ng Elementor. Pero sa static website ko lang ito ginagamit. Pwede rin Divi builder pero nakukulangan ako sa options. For ecommerce Flatsome yung gamit ko kasi easy to use and premade na lahat with builder nadin kaso hindi drag and drop.

Any recommendations din if anu pang mga themes gamit niyo?

Yes. Astra is also a good option if you are only using the FREE version ng Elementor. Pero if you are using the Pro Version, I suggest using "Hello Elementor" theme instead.
The reason for this is because ndi pede and templates s free version ng Elementor while Astra offer custom Header and Footer.

Pero s Elementor Pro, pede na ito gawin so mas prefer ko na ung Hello Elementor para ndi bloated.

 

[LoremIpsum]

Gagamit pa rin po. Yung code na binigay ko is para ndi na nya i load ung CSS files para sa WooCommerce since pede mo naman i customize un or control using elementor.
So bali ung mga code is to remove all unnecessary CSS codes from "Guttenberg" , "WooCommerce", and "WordPress".


Yes. Astra is also a good option if you are only using the FREE version ng Elementor. Pero if you are using the Pro Version, I suggest using "Hello Elementor" theme instead.
The reason for this is because ndi pede and templates s free version ng Elementor while Astra offer custom Header and Footer.

Pero s Elementor Pro, pede na ito gawin so mas prefer ko na ung Hello Elementor para ndi bloated.

Oo nga no. Ayos po yan sir thanks sa tips

Ang ibig mo ba sabihin sa "child theme" ng Elementor sir ay yung halimbawa mga pre-made starter templates? Tapos yung functions.php non ay ilalagay yung code?

Ikaw ba sir naka Elementor Pro ka?

 

[spyx3m_119]

Oo nga no. Ayos po yan sir thanks sa tips

Ang ibig mo ba sabihin sa "child theme" ng Elementor sir ay yung halimbawa mga pre-made starter templates? Tapos yung functions.php non ay ilalagay yung code?

Ikaw ba sir naka Elementor Pro ka?

Yes meron ako Pro pero if ndi naman need, Free version lng ng elementor ang gamit ko.

So bali ung "Hello Elementor" ay theme.
Starter theme xa na wala masyado styling. Parang blank canvas.
Then if naka Pro version ka, gagamit ka ng starter template from Elementor mismo.

If gusto mo naman mag custom code na wala sa functions ng Elementor (like adding the code na binigay ko to unload ung mga default CSS ng WC and Guttenberg), pede ka gumamit ng child theme ng Hello Elementor (here)

 

[LoremIpsum]

Yes meron ako Pro pero if ndi naman need, Free version lng ng elementor ang gamit ko.

So bali ung "Hello Elementor" ay theme.
Starter theme xa na wala masyado styling. Parang blank canvas.
Then if naka Pro version ka, gagamit ka ng starter template from Elementor mismo.

If gusto mo naman mag custom code na wala sa functions ng Elementor (like adding the code na binigay ko to unload ung mga default CSS ng WC and Guttenberg), pede ka gumamit ng child theme ng Hello Elementor (here)

Eh yung mga starter template galing sa theme forest sir, recommended mo ba yun? O mas okay talaga yung mga templates galing sa Elementor?

Sige po check ko din yang child theme ng hello elementor

 

[spyx3m_119]

Eh yung mga starter template galing sa theme forest sir, recommended mo ba yun? O mas okay talaga yung mga templates galing sa Elementor?

Sige po check ko din yang child theme ng hello elementor

Usually, masyadong bloated ung mga starter theme kasi maraming extra unnecessary features.
Mas prefer ko talaga yung start from scratch.

So ginagawa ko is mag Web Design Mockup ako ng Homepage (using XD or Figma). Then, if may nagugustuhan akong design from Theme Forest, ginagaya ko with tweaks and then using elementor, ginagawa ko ng mano mano.

 

[LoremIpsum]

Usually, masyadong bloated ung mga starter theme kasi maraming extra unnecessary features.
Mas prefer ko talaga yung start from scratch.

So ginagawa ko is mag Web Design Mockup ako ng Homepage (using XD or Figma). Then, if may nagugustuhan akong design from Theme Forest, ginagaya ko with tweaks and then using elementor, ginagawa ko ng mano mano.

Oo nga no.. Lahat yan gagawin/i-a-apply mo sir sa child theme ng Hello Elementor?

 

[spyx3m_119]

Oo nga no.. Lahat yan gagawin/i-a-apply mo sir sa child theme ng Hello Elementor?

Codes lng like custom JS, custom PHP, and custom CSS ang gagamitan ng Child Theme pero xempre dapat ung child theme ang active.

 

[PinoyEarner]

Mga Paps! Ano po ba ang Front end at Backend?

 

[spyx3m_119]

Mga Paps! Ano po ba ang Front end at Backend?

In simple terms:

FRONT END -
Front-facing. A programming language that focuses on the visual aspect of the website or visitor interaction.
Example is CSS, HTML, JS, Angular, React, jQuery, SASS etc.

BACK END -
Server-side. A programming language that focuses on the elements of the website that the visitor does not see.
Example is PHP, C++, Java, Ruby, Python, NodeJS, database, server, ExpressJS, Django, Rails, Laravel, security, framework, etc.

Most of Web Developer has crossover skills so you can be both Front End and Back End which others refer to As FullStack Developer.
But you can be a FullStack that is more specialized in Front end or Fullstack that is focused on back end (FYI, there are no real FullStack Developers. hahaha).

 

[LoremIpsum]

Codes lng like custom JS, custom PHP, and custom CSS ang gagamitan ng Child Theme pero xempre dapat ung child theme ang active.

Gawa ka ng tutorial sa youtube sa workflow mo sir o kaya share mo dito haha

 

[spyx3m_119]

Gawa ka ng tutorial sa youtube sa workflow mo sir o kaya share mo dito haha

Try ko. Hehehe
Medyo dami projects now eh.

 

[BBCAtomic]

Possible ba ma increase yung search capability ng search engine ko sa wordpress?

Example dun sa page ko "Resume" pag mag search ako duon tanging "Resume Title" lang yung na search niya
gusto ko lang ma increase pa at ma include yung "Location, Skills at iba pa" Possible ba yun?