Quantcast
Channel: Webkul Blog
Viewing all articles
Browse latest Browse all 5537

How to Add CSS File Links in Phtml File Magento 2.0

$
0
0

Here we will learn, How to include css file in phtml file of Magento 2.0

Lets Create a demo.phtml file which is called in Content->Pages.

demo.phtml

<link href="<?php echo $block->getAssetUrl('Webkul_CallCssDemo::css/style.css'); ?>" type="text/css" rel="stylesheet" />

Now Create Respective Block Demo.php

<?php

namespace Webkul\CallCssDemo\Block;

use Magento\Framework\App\Config\ScopeConfigInterface;
class Demomanager extends \Magento\Framework\View\Element\Template
{
    /**
     * @param \Magento\Framework\View\Element\Template\Context $context
     * @param array $data
     */
    public function __construct(
        \Magento\Framework\View\Element\Template\Context $context,
        array $data = []
    ) {
        parent::__construct($context, $data);
    }
        /**
     * @param string $asset
     * @return string
     */
    //This function will be used to get the css/js file.
    function getAssetUrl($asset) {
        $objectManager = \Magento\Framework\App\ObjectManager::getInstance();
        $assetRepository = $objectManager->get('Magento\Framework\View\Asset\Repository');
        return $assetRepository->createAsset($asset)->getUrl();
    }
}

Viewing all articles
Browse latest Browse all 5537