![]() ![]() ![]() Notice that the styles include the names of the social media networks. Next, add the base icon styling right after the line of code from the previous step. Paste in the following line of code and click Save. Go to Settings → Code Injection → Site Header. We're going to use FontAwesome as our icon library. To see how to add the icons manually or learn more about the process, continue the tutorial below.Ĭhoose your theme and social media networks to get started. Click Save and you're done □ Remember that you still need to add the navigation items, as explained in the previous step. Then, copy the code and paste it into Settings → Code Injection → Site Header. Code generatorįollow the rest of the tutorial for a step-by-step guide on how to write the code for your theme - or take a shortcut and use our generator to create the code for you automatically.Ĭhoose your official Ghost theme and the social media icons you want. For example, to add a link to your Instagram page, use "Instagram" as the navigation label. It's essential that the label be the name of the social media network. ![]() To the Primary Navigation area, add a new item for every social media network you want to include. The techniques presented below can also be applied to other Ghost themes. This tutorial uses the default Ghost theme, Casper, as a working example. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |