Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add the Social Media share block to blog nodes #62

Open
AliHassan7 opened this issue May 16, 2017 · 5 comments
Open

Add the Social Media share block to blog nodes #62

AliHassan7 opened this issue May 16, 2017 · 5 comments

Comments

@AliHassan7
Copy link
Contributor

AliHassan7 commented May 16, 2017

  • To begin working on this task, create a branch based off of the currently checked out branch using the following convention: proj-me-initials-62
  • This task involves creating and placing the "Share this project" social media block that you see at the bottom of the blog page design (design image is at the bottom of this issue). By clicking on a social media icon, users will be able to share your blog post to a social media platform. How cool is that! Luckily, we have a module that will do this for us. For this task, we will be using the Social Media Share Module.
  • cd to academyvm and then vagrant up
  • cd to /var/www/dev-1/proj-me and run the following command to install the Social Media Share Module: composer require drupal/social_media. Enable the module.
  • Navigate to Configuration and then click on "Social media settings". This module automatically comes with 5 sharing icons: Facebook, facebook messenger, twitter, email, and linkedin. Get rid of the facebook messenger icon by unchecking "Enable" under "FACEBOOK MESSENGER SETTINGS". Save the configuration.
  • Let us now place this block on all blog pages. Navigate to Structure » Block Layout and place the block in the footer region. (Under footer region, click on Place block and Search for the "Social Sharing block" block).
  • Choose to display the title and change the title text to say "Share this post".
  • Check only the "Blog" Content Type so that this block only shows on blog posts. Click on Save blocks and you should see the social media sharing block at the bottom of every blog page! You cannot apply styling to the icons themselves since they are pictures, but you can apply styling to the title. The title's color should be #bf5829.
  • Feel free to test the functionality of each icon by clicking on them. You should be redirected to a social media page with a prepared post linking to your blog.
  • Upon completion of the task, please commit and push all your work to your fork of the proj-me repository. Additionally, export all your configuration by using the drush cex command while inside vagrant and in /var/www/dev-1/proj-me/web. This configuration will also need to be committed and pushed. Remember to create a pull request.
  • Leave a comment on this issue when you:
    • Start working on this task
    • Have a question about this task
    • Complete this task (please comment on this task with a link to your pull request).
@AliHassan7
Copy link
Contributor Author

debug - blog page

@ByronGary
Copy link

working

@ByronGary
Copy link

ByronGary commented May 18, 2017

when i change it to show on the "blogs' content type the footer disappears. It will only show on all content types.

@ByronGary
Copy link

finished #71

@msheikh12
Copy link
Contributor

started working

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants