みてみたでご紹介させて頂いているプラグインのバージョンは其々最新のものです。WordPress 4.5.3で動作確認済です。🔌

Sponsor Link

WordPress-plugin-WP show moreで記事本文中に「続きを読む」を入れ記事を折りたたむ

wp-show-more

WordPress-plugin-WP show moreで記事本文中に「続きを読む」を入れ記事を折りたたむ

Sponsor Link

「<!–more–>」タグが無効になる問題?!

投稿記事中に「続きを読む」を挿入する事が出来る「!–more–」タグは
TinyMCE Advancedをインストールした事でポンポン挿入できます😐
テキストエディタでは⇓

20151003-pom1

テキスト

ビジュアルエディタでも⇓

20151003-pom2

ビジュアル

しかぁし~💥
何処でポンポンいれようが、プレビューでブラウザー確認しても「続きを読む」にならない😟

ん?何故に? あれば便利だし、
折角ポンポン入れれるのに無効なのは些か勿体ない気がするし。

それに短い文書でちょっと入れたかったり、
逆に長すぎる文章は読んでくれる方に選択肢として
「続きを読む」的なものがあるといいと思うんだけど?

てな訳で、WEBでみてみた。

Simplicityは記事の投稿途中の「続きを読む」「折りたたみ」が挿入出来無い!

すると、愛用させて頂いているテーマ、Simplicityでは記事の投稿途中での「続きを読む」も
「続きを読むの折りたたみ」も実装されないという事を知りました。

ソース元リンク ⇒ ”Simplicityについての質問⇒「続きを読むタグ」について

作者のわいひらさんも

『(…中略)やる意味がないので、Simplicityでは行っていないです。

とか、

苦労して実装する割には、メリットが僕にはほとんど感じられないので、
機能として追加することは多分ないと思います。

などと仰せです。

「そう言われればそうかも知れない。」
・・・そして尊敬する氏の仰る事には普通は納得してしまうものです。

しかし、私はメイン記事になる筈の(いつだぁ~まだまだ書ける状態でないなぁ)
映画のカテゴリーには、所謂ネタバレと、
そうではない書き方をするレビューを書きたかったりするので、
「続きを読む」とか「続きを読むの折りたたみ」機能というのは何れ必要になる筈なのです。

「みてみた」では必要だと思う”more”chan・・・(笑)
Simplicityについての質問⇒「続きを読むタグ」について“」を
拝読する限りでは難しそうだな。とは感じたけど、WordPressは単に「ブログ」な訳で。

CGIみたいなプログラムを弄る訳ではないので、無いものは足せば良いだけ。
多分”more”chanを活かす事位、簡単に出来る筈のプラグインがある筈だわ。
(大体こんな安直な感じでやってマス😋)


てな訳で、WordPress 日本語ローカルサイトプラグインディレクトリで、みてみた。

WP show moreで 「続きを読む」&「続きを読むの折りたたみ」が表示出来る様に♪

WordPress 日本語ローカルサイトプラグインディレクトリで、
検索窓に「More」と入力し検索すると
1-30 件目を表示中 (全1,000+個のプラグイン)」ですと。(ま、関係ないのもあるだろうけど)

「この上位4件ぐらいを見てみたらいいよね。」と、トップに挙がっていた、

WP show more バージョン 1.0.4

image_wp-show-more

wp-show-more

 

最新の対応バージョンは4.3.1だし、最終更新は2015-8-24だったので早速インストール。
正解でした! 簡単×2~!😚😊😚 ありがとう!!  JAMOS Web Serviceさん。

因みに・・・Auto More Tagとかいうのも、沢山インストールされていましたので、
wordpress最新の対応バージョン4.2.5となっていたのも気になりつつ
インストールしてみましたが、やはりバージョンと合わないのか?
他のプラグインとの相性か何かで、思うように機能しませんでしたから
調べる事もせず、直ぐに削除しました。

WP show more の使い方 

WP show moreをダウンロードして有効化する

https://ja.wordpress.org/plugins/wp-show-more/
icon-arrow-up 上記 ページでバージョン 1.0.4 をダウンロードしZIPファイルをWordpressに上げて有効化します。

ダッシュボード icon-arrow-right プラグイン icon-arrow-right 新規追加 プラグインのアップロード
参照でファイルを選択し ZIPファイルをアップロード。
この流れで有効化するか、
ダッシュボード プラグイン 新規追加
プラグインの検索(画面右上)で「WP show more」 と入力、
検索で
上がってきたものをインストールし有効化します。

設定~という設定は無し。デス😏 有効化するだけです。

作者HPの解説ページを閲覧すると以下の様に書いてあります。

This plugin hides the text that is defined between the simple shortcode.
By clicking on the user-defined link, the hidden text becomes visible.
It works via a shortcode and can be placed everywhere!

直訳すると。

このプラグインは、簡単なショートコードの間で定義されているテキストを非表示にします。
ユーザー定義のリンクをクリックすると、非表示のテキストが見えるようになります。
これは、ショートを経由して動作し、どこにでも配置することができます!

わーぉ。至ってシンプル!! 
ショートコードを好きなところに書いちゃえば、OK!

WP show more ショートコード1

show more

ここに記事を書く

show less

上記の様に書くと、以下の表示になります。赤文字をクリックして確かめてみて下さい。
*********************************************************

show more

ここに記事を書く

show less

  *********************************************************

WP show more ショートコード2 文字に色を付けてみる

記事の続きを読む

ここに記事を書く

記事をたたむ

上記の様に書くと、以下の表示になります。青文字をクリックして確かめてみて下さい。
*********************************************************

記事の続きを読む

ここに記事を書く

記事をたたむ

*********************************************************

” color=”#〇〇”で文字色の指定ができます。ここでは” color=”#0066cc”で青色にしています。

WP show more ショートコード3 サンプルページでレクチャー

1と2では、文章を「ここに記事を書く」と短文なので、若干解り辛いかも知れないので

これはサンプル(テスト)頁です。WP show moreで「続きを読む」を入れ記事を折りたたむ。
-------------------サンプル頁の為の記事投稿です。文中の「*****続きを読む」をクリックしてみて下さい-------------------***

WP show more ショートコード3 サンプルページをご閲覧下さい。
文中の「*****続きを読む」をクリックしてみて下さい😃

まとめ

TinyMCE Advancedをインストールした事でポンポン挿入する筈だった「!–more–」でしたが、
TinyMCE Advancedの設定で外しました😅 

結局、困った時のプラグイン~っ感じでWP show moreに頼る事になりましたけど、
このWP show moreのショートコードもAddQuicktag(クイックタグの追加設定できるプラグイン)
上手く設定してしまえば、ポンポン挿入できます😋

私のような面倒臭がりさんにはぴったりな使い方だと思います。

どなたかのお役に立てば。と思い記事にしましたが・・・お粗末でした😐