WordPressで手軽に解説マンガが作れるプラグイン

==== @デシ「hatena centering back002 難しい話もマンガにするとわかりやすくなるってホントなの？ @」 @センセ「soreda 疑問だったら、自分で試してみるというのはどうかな？ @o:手軽にマンガ @」 @divend

===== @センセ「soreda fslim インストール方法は4ステップ！ @」 @センセ「soreda fwide back001 まずはZIPファイルを2つダウンロード @o:ZIPファイル2つ @」 @センセ「soreda back001 次にCSSファイルと関連画像ファイルをWordPressサイトにアップロード @o:CSS @」 @センセ「soreda back001 さらに別のプラグインを使って、CSSファイルを有効化する @o:Code Snipets @」 @デシ「hatena fslim back005 CSSがないとどうなるの？ @」 @センセ「jito fwide マンガ風に表示させるのはCSSの働きだから、CSSがない場合はただ文字だけ表示される @」 @デシ「namida fleft 意味ないね @」 @センセ「soreda back001 最後にそろマンガブロックプラグインをインストールして終わり @o:プラグイン @」 @センセ「jito 公式プラグインディレクトリからじゃなく、昔ながらの手動インストールなのであしからず @o:諸事情により @」 @divend

【センセanone】まずはGitHubにから2つのZIPファイルをダウンロードしよう。lw-soromanga-block.zipとsoromanga.css 【デシnamida】ぎっとはぶの画面って何だかむずかしそうだね 【センセjito】リンクをクリックしてダウンロードするだけだから、そこは気にしなくても大丈夫だよ 【デシdoya hidariyose】下の「Assets4」ってところからダウンロードできるね

【センセdesuyo】次にsoromanga.zipを展開して、自分のWordPressサイトにアップロード。FTPソフトかレンタルサーバのファイル管理機能を使えば簡単だよ 【デシhatena】うちは確かさくらのレンタルサーバだったよね？ 【センセanone】さくらのレンタルサーバだったら、管理画面（コントロールパネル）からファイルマネージャーを開き、「wp」フォルダの下に「soromanga_css」というフォルダを作ってそこにファイルをアップロードする 【デシfuan】ファイルが多いと時間がかかりそうだねー 【センセiyada】サイズ小さいから時間はそうかからないけど、「img」フォルダの中に画像がたくさんあるんで、そこはちょっと手間かもね

【センセjito】アップロードしたら、WebブラウザにCSSのURLを入力してみて、CSSの中身が表示されるか確認しよう

【センセanone】CSSがアップロードできたら、それを有効にする必要がある。追加CSSを有効にする方法はいくつかあるけど、自分はCode Snipetsというプラグインを使っているよ 【デシhatena】こーどすにぺっつ？ 【センセdesuyo】うん。Code Snipetsのプラグインをイントールしたら、新規Snippetを追加して、CSSをWordPressに読み込ますためのコードを実行するんだ。それでテーマのCSSに別のCSSを追加できる

【デシnamida】すごいムズカシそー 【センセgohoubi】そうでもないよー。間違えずに次のように入力するだけだよ～

wp_enqueue_style('soromanga-css', 'https://独自ドメイン/soromanga_css/3_frame_wp.css')

===== @デシ「fuan fslim 独自ドメイン＋フォルダ名＋CSSファイル名だね @」 @センセ「jito fwide アップロード先のフォルダ名か、Code Snippetsに入力するURLかどっちかがちょっとでも間違ったらダメだからそこは注意してね @」 @デシ「fuan fleft 要注意だね @」 @divend

【センセsoreda】最後にプラグインのインストール。プラグインの新規インストール画面を出したら「プラグインのアップロード」をクリックして、lw-soromanga-block.zipをアップロードしよう

【デシyatta】これで終わりだよね 【センセgohoubi】ですよ。ここまでの作業が成功したら、記事の投稿画面でlw-soromanga-blockが使えるようになっているはずだよ