joppot

コピペで絶対動く。説明を妥協しない

ソフトウェア

Limit the number of text characters in wordpress article index by plugin

投稿日:2017年3月16日 更新日:



Abstract

Hello everybody, It’s candle.
Nowadays, when I used free themes for wordpress at the company, I noticed that.

Many free theme use the_content function which expands all the contents of individual articles in the article list, and it is very irritating.

However, editing a free theme is troublesome.
We use the “Advanced Excerpt” plugin to limit the number of characters displayed in the article list and make it easy to see.

We use the free theme “twentyeleven” as a sample.

Before

After


Premise

There is a wordpress.



Install “Advanced Excerpt” plugin

From the left menu of the management screen, press “Plugins” → “Add new”.

Enter “Advanced Excerpt” into the top right search field.
Press the “Install Now” button .

After installation, you enable plugin.

It’s ok.

Plugin setting

Click the “Settings” of “Advanced excerpt” in the plugin list.

Setting from here, please use it as reference.
Set “Excerpt Length” to “100” and change “Words” in the pull-down menu to “Characters”.

“Finish” value is ok with “Exact”, but it seems that it counts in bytes, and it gets garbled with 2 byte 1 character like Japanese.

Check “Read More Link” and enter “Read more” in the text box.

This setting make the link named “Read more” in the end of trimmed article text.

Finally, there is an item to delete the tag in the article.
I think that deleting the tag is easier to see, so I will set it up

Check “Remove all tags except the following” of “Strip Tags”.
If you want to display a tag exceptionally, checking only that tag will be displayed.

Basic setting is over.
Let’s save by pressing the “Save Changes” button at the bottom.


Chek it

This is the image that before limited cahracters in the twentyeleven theme.

Before

This is the image that remove some characters.
After

The number of characters has decreased, and it is better than before.

Conclusion

The best solution is to edit with themes, but if you want to change easily way, It is ok in this way.

スポンサードリンク

If you think this article is good, share it please

-ソフトウェア
-

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

Using vc to manage git on emacs25

Abstract Hello everyone it’s me candle. In this article we would like to use vc(version controll) which is included by deault in emacs. It seems that vc supports to both subversion and git, not git-specific functions. If you want to use git with emacs in earnest, I recommend magit. On the other hand, since vc is installed in by default, it is good for user who want to use it easily. Precondition You use emacs You have a basic git skill. vc-git configuration of emacs Although vc supports to git, ‘git add’ and ‘git reset HEAD’ do not exist. I …

How to add extension to Ungoogled chromium

English 日本語 Abstract Hello everybody, It’s candle. I don’t use Google Chrome so much because I am firefox user, but sometimes I need to use Chrome for extensions. Google Chrome is slow, and there are some personal information protection is loose. Detail is here. https://github.com/Eloston/ungoogled-chromium So, I use ungoogled chromium. The problem of ungoogle chromium is that is not easy to install extensions. In this article, I’ll show you how to install plugins. This article is according to the under link. https://github.com/Eloston/ungoogled-chromium/blob/master/FAQ.md Premise Ungoogled chromium has been installed

Import React components using Emacs and import-js2.2.0

Abstract Hello everybody it’s me candle. In this time we will import the component path with emacs and import-js. React recommends to write one component in one file, when development becomes to be big, the number of component increase. If you use 10 components with one Container, you need to write 10 import statements. import-js helps us from such troublesome work. Caution It worked well on the react web but in react native import-js didn’t successfully find out the component. Probably I think that there are some lack of the setting of import-js. Precondition Already exist React web environment I …

Atom imports React component using import-js 2.2.0

Abstract Hello everybody it’s me candle. In this time we will import the component path into the file using import-js and Atom automatically. React recommends to write one component in one file, when development becomes to be big, the number of component increase. If you use 10 components with one Container, you need to write 10 import statements. import-js helps us from such troublesome work. Precondition Already exist React web environment I recommend you use the react project created by create-react-app command which I wrote the before article. Atom was installed in your computer.

How to use f.lux, blue light cut software

Abstract Hello everyone. In this time I will explain how to use f.lux. f.flux can reduce the amount of blue light as much as possible. f.lux can adjust the blue light cut rate with the seek bar. Please try using it. Condition You use Mac or Windows I will explain it in Mac PC. Download f.lux Go to the blew site. http://justgetflux.com/ Click the center “Download f.lux” button. Once you have downloaded the zip file, let’s double-click it and extract it. Since The executable file is expanded in the download folder, move it to the Application folder. It’s over. Use …


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.