Month: August 2020

[Tips]How to get capture including mouse cursor

GOAL

To take screenshot with mouse cursor in Windows10 as below.

Environment

Windows10

Method1  Steps Recorder

1. Search the application “Steps Recorder” and start it.

2. Start Record

3. Move cursor to the position to capture and click

4. Stop Record

5. Save the result

Right-click on the result image, and click “Save picture as…”

Method2 Magnifier

1. Search the application “Magnifier” and start it.

2. Set the view “Docked” and resize the window

Resize the Magnifier window by dragging the corner of a window.

You can’t see the cursor in the magnifier window.

3. Press “PrintScreen” key or capture by Snipping Tool

Press “PtintScreen” key and capture the display.

Paste the copied image and trim the target area in the Magnifier window.

How To Push To The Remote Repository From Local One

This is just a memo. I often forget how to create and connect local repository and remote repository on GitHub.

GOAL

Today’s goal is to summarize how to create remote repository and local repository, and push the committed change from local repository.

Environmet

Windows10
Git 2.19.0
GitHub

Method

1. Create remote repository

Access GitHub and create new repository.

2. Create local repository

Access local directory and create local repository by using command “git init”.

> cd path\wordpressTheme
> git init

.git will be generated.

3. Commit the changes

Add files

> git add *

Commit them

> git commit -m "First commit, The simplest template."

4. Add remote repository

Add the created remote repository by using the command “git remote add <repository_name> URL”. You can copy the URL from the repository page in GitHub.

I named it “origin” conventionally.

> git remote add origin https://github.com/s-nako/wordpressTheme.git

5. Push the changes

Push the local repository to the remote repository. I push the main branch to the remote repository named origin by using “git push” command.

> git push origin main

* The name of the branch “main” is the default name of branch in remote repository in GitHub. The default name was “master” until 2020.10.1.
* You can check the current branch name by using the command “git branch”
* You can change the name of the branch by using the command “git branch -m <before_name> <new_name>” ([Tips]Change the branch name in Git)

Postscript

Generate access token and use it instead of GitHub password. (Token Authentication For GitHub)

[Tips]Change the branch name in Git

GOAL

To change the name of the branch

Method

Change the existing branch to the new name with “git branch -m” or “git branch –move”.

> git branch -m <current_name> <new_name>

If you would like to change the name of the branch currently checked out, the first argument <current_name> doesn’t need.

How to hide your email from users on GitHub

Committer’s emails can be seen in git log. How can I solve this problem?

GOAL

To hide the committer’s email in GitHub.

Method

Use the noreply email address that is assigned to hide the committer email address. The GitHub-provided noreply email address is defined as ID+username@users.noreply.github.com.

Reference: Setting your commit email address

1. Check “Keep my email addresses private”

Open “Settings” and open Emails tab.

Check “Keep my email addresses private”. Then you can use the noreply email address that is displayed. This address can be used for web-based Git operations (e.g., edits and merges).

2. Check “Block command line pushes that expose my email”

If you check this check box, commits that use a private email address will be blocked.

3. Change the local git user.email to the commit email address

If you want command line Git operations to use the noreply email address, you must set your email in Git.

> git config --global user.email "ID+username@users.noreply.github.com"

Create Original Theme in WordPress 3

At the last time, in “Create Original Theme in WordPress 2“, I designed pages of my original theme “techblog”. Today, I start implementing them.

GOAL

To study the name of PHP file for each page and create PHP files.

Environment

WordPress 5.5.1
XAMPP 7.4.10

The corresponding PHP files to items

I created these files.

The all files are in https://github.com/s-nako/wordpressTheme/tree/main/techblog.

This is one of the simplest WordPress themes. I’ll customize it in the future.