Title: Cornell Notes Gutenberg Block
Author: Sean Blakeley
Published: <strong>2020 年 6 月 30 日</strong>
Last modified: 2020 年 7 月 1 日

---

搜索插件

![](https://ps.w.org/cornell-notes/assets/banner-772x250.jpg?rev=2333066)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/cornell-notes/assets/icon-256x256.jpg?rev=2333066)

# Cornell Notes Gutenberg Block

 作者：[Sean Blakeley](https://profiles.wordpress.org/sean-blakeley/)

[下载](https://downloads.wordpress.org/plugin/cornell-notes.zip)

 * [详情](https://cn.wordpress.org/plugins/cornell-notes/#description)
 * [评价](https://cn.wordpress.org/plugins/cornell-notes/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/cornell-notes/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/cornell-notes/#developers)

 [支持](https://wordpress.org/support/plugin/cornell-notes/)

## 描述

**Create perfect study notes with the Cornell Notes Gutenberg Block.**

[Cornell Notes](https://en.wikipedia.org/wiki/Cornell_Notes) provides an excellent
structure for organising and summarized your notes, ideas and concepts – this logical
approach is an invaluable way to help learning and retention for students of all
ages.

This plugin provides a new, dedicated Cornell Notes Gutenberg block to enable you
to quickly and easily take your notes within WordPress.

### How to Use Cornell Notes

 1. Add your title at the top of your note – this is a summary of context of the notes.
 2. Take long-form notes in the right-hand column – you can take notes during a class,
    lecture, video tutorial or WordCamp Talk, it doesn’t matter. Add as many ideas 
    as you need – click the ‘Add Idea’ indicator to add a new idea.
 3. Once you’ve finished your notes, review them and summarise the concepts with key
    ideas in the left-hand column.
 4. Finally, summarize all the notes in a sentence or two at the bottom of the page.
 5. To fully benefit from Cornell Notes, you should consider adding [Spaced Repetition](https://en.wikipedia.org/wiki/Spaced_repetition)
    to your learning plan.

Cornell Notes contains a second block – an _Idea_ block – this block is only made
available as a child of the Cornell Note block – and enables you to add as many 
ideas (key ideas and long-form notes) you require.

There are currently no specific settings required by the Cornell Notes Block.

### Style via CSS Variables

CSS Variables are used with default settings – you can override these in your theme
by setting the variables in the `root`
 `:root{ --note-border-style: dotted; --note-
border-width: 2px; --note-border-color: #f00; --note-body-padding: 30px; --note-
padding: 20px; }

### Style via Classes

The structure of the Cornell Notes Block:
 `.wp-block-cornell-notes-cornell-note.
cornell-note-title .wp-block-cornell-notes-cornell-idea .cornell-note-key-idea .
cornell-note-long-form .cornell-note-summary /* forced to the bottom of the note
via Flexbox */ (This structure is simplified – you will find additional classes 
added via Gutenberg)

### Localization

 * English (default)

### Translations

 * English – default
    This plugin is translation-ready

### How to Contribute to This Project

All contributions are welcome – make a Pull Request or raise an issue on the [Github Repo](https://github.com/SeanBlakeley/cornell-notes-gutenberg-block)

### Plugin Creator

[Sean Blakeley](https://github.com/SeanBlakeley)

## 屏幕截图

 * [[
 * Cornell Notes adds a new block to the editor
 * [[
 * Cornell Notes contains an ‘Idea’ block – only available as a child of the Cornell
   Note block
 * [[
 * The Cornell Note Block on the frontend (inheriting the theme styles)
 * [[
 * Simply add another idea to your Cornell Notes

## 区块

该插件提供了 2 个区块.

 *   Cornell Note
 *   Idea

## 安装

 1. Upload the entire `cornell-notes` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Navigate to any Gutenberg-enabled editing screen and select the ‘Cornell Note’ 
    block from the `Common Blocks` tab
 4. Create your Cornell Note
 5. Learn and grow 🙂

## 常见问题

### How can I style the block?

The Cornell Notes Block contains minimalist styling – it should inherit the styles
from you existing theme. Overriding the styles is straightforward (for reference,
the Sass stylesheet can be found at: `cornell-notes/src/blocks/cornell-notes/styles.
scss`

**Note**: The Summary section is forced to the bottom of the Cornell Note via Flexbox(`
order: 1`) – this only affects the display – in the DOM, the Summary sits below 
the first key idea and long-form note.

### Why am I getting some different styling at different device sizes?

By default, The Cornell Note Block is responsive and has a small amount of styling
which changes at 600px width. If you want to override these styles, try adding the
600px [breakpoint](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) to your
theme styles.

### How do I add new ideas and concepts?

Simply click the ‘Add Idea’ button which is located directly above the notes summary
section (see screenshot)

### Is there a limit to the number of ideas I can add?

No, you can keep adding as many ideas as you like

### Will I be able to search for the ideas via the WordPress Search Box?

Yes, your Cornell Note ideas will be searchable via the standard WordPress search
or any other search tool which searches your content.

### Can I tag the notes?

No, not yet – this is a feature we’re looking to add later.

### Is the block likely to be well supported?

The Cornell Notes block is a composite of core blocks – so you get all the usual
editing, support, security and functional options of core WordPress blocks baked-
in 🙂

### Are there any ambitions to extend the plugin to incorporate Spaced Repetition?

It’s funny you should ask that – yes, definitely maybe.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Cornell Notes Gutenberg Block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Sean Blakeley ](https://profiles.wordpress.org/sean-blakeley/)

「Cornell Notes Gutenberg Block」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/cornell-notes/contributors)
为本插件所做的贡献。

[帮助将「Cornell Notes Gutenberg Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/cornell-notes)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/cornell-notes/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/cornell-notes/)，或通过[RSS](https://plugins.trac.wordpress.org/log/cornell-notes/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/cornell-notes/)。

## 额外信息

 *  版本 **1.0.3**
 *  最后更新：**6 年前**
 *  活跃安装数量 **20+**
 *  WordPress 版本 ** 5.3.4 或更高版本 **
 *  已测试的最高版本为 **5.4.19**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (UK)](https://en-gb.wordpress.org/plugins/cornell-notes/) 和 [English (US)](https://wordpress.org/plugins/cornell-notes/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/cornell-notes)
 * 标签
 * [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[learning](https://cn.wordpress.org/plugins/tags/learning/)
   [note-taking](https://cn.wordpress.org/plugins/tags/note-taking/)[notes](https://cn.wordpress.org/plugins/tags/notes/)
 *  [高级视图](https://cn.wordpress.org/plugins/cornell-notes/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/cornell-notes/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/cornell-notes/reviews/)

## 贡献者

 *   [ Sean Blakeley ](https://profiles.wordpress.org/sean-blakeley/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/cornell-notes/)