Skip to content

Commit

Permalink
release v1.0.4
Browse files Browse the repository at this point in the history
  • Loading branch information
gmfmi committed Jul 7, 2020
1 parent 57282d7 commit 9080567
Show file tree
Hide file tree
Showing 6 changed files with 32 additions and 12 deletions.
8 changes: 8 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
## [Unreleased]
(empty)

## [1.0.4] - 2020-07-07
### Changed
- Upgrade searchinghost version to `v1.4.0`.

### Fixed
- The iframe height was not correct since the last version, rollback to `100%` instead of `100vh`.


## [1.0.3] - 2020-07-03
### Changed
- Backpack theme: hide the posts found counter when the search bar is empty.
Expand Down
20 changes: 16 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,13 +26,17 @@ Oh! I forgot to say the most important thing: **it works with ALL Ghost themes**

To install the search bar to your Ghost blog, follow these quick steps:

1. First, create a "custom integration". On the left side, go to the "integration" section, click on "+ Add custom integration" and give it the name "SearchinGhostEasy".
#### 1. Create a "custom integration"

On the left side panel, go to the "integration" section, click on "+ Add custom integration" and give it the name "SearchinGhostEasy".
Ghost has generated your own and unique "Content API Key" (it should look like `ba094afe723d802f235af61d51`). Keep it somewhere, you will need it for the next step.
If you need more help, visit the official [Ghost custom integration](https://ghost.org/integrations/custom-integrations/) page.

![Installation step1](screenshots/readme/step1.png)

2. Then, from the "Code Injection" section, copy/paste the following code chunk into the "Site Footer" area.
#### 2. Add the script to your site

From the "Code Injection" section, copy/paste the following code chunk into the "Site Footer" area.
DO NOT FORGET to replace the `<CONTENT_API_KEY>` placeholder with your own API key. Click on "save".

```html
Expand All @@ -49,11 +53,19 @@ other scripts and it will work exactly the same way.*

![Installation step2](screenshots/readme/step2.png)

3. Finally, add a link in the menu that open the search box. To do so, go to the "Design" section and add a new item. It can be in the "navigation" or "secondary navigation". You can name it with any label ("Search" feels natural) but the link **must** ends with `#searchinghost-easy`. Click on "save".
#### 3a. \[option] Set a menu search "word"

Finally, add a link in the menu that open the search box. To do so, go to the "Design" section and add a new item. It can be in the "navigation" or "secondary navigation". You can name it with any label ("Search" feels natural) but the link **must** ends with `#searchinghost-easy`. Click on "save".

![Installation step3](screenshots/readme/step3.png)

This is it, everything is setup! On you blog, a "search" button should shows up in the menu bar. Click it to see the magic happens! If you do not like the default search bar look, check out the next [template section](#templates) to change it 😃
#### 3b. \[option] Set a menu search "icon"

If you prefer using a seach icon instead of a word, please jump to [this section](#can-i-use-a-search-icon-instead-of-a-word).

---

🎉 This is it, everything is setup! On you blog, a "search" button should shows up in the menu bar. Click it to see the magic happens! If you do not like the default search bar look, check out the next [template section](#templates) to change it 😃

Also, do not forget to check the [Question & Answers section](#qa) to get all the useful tips and the
[configuration section](#configuration) for more advanced setup.
Expand Down
4 changes: 2 additions & 2 deletions dist/searchinghost-easy-backpack.js

Large diffs are not rendered by default.

Loading

0 comments on commit 9080567

Please sign in to comment.