2019年8月15日WordPressテーマ・テンプレート「メシオプレス01」の設定方法を解説します。WordPressがインストールされた状態から解説していますので、まだインストールしていない場合は、こちらのレポートやこちらのサイトなどを参考にしてください。WordPressの概要はこちらのスライドがわかりやすいです。テーマの設定から「変更を保存」インストールが完了しましたら有効化する前に「プレビュー」で確認してみてください。こんな風に表示されると思いますが、これで正常です。テーマを「有効化」したあとに「外観」→「テーマの設定」から、ページ最下部の「変更を保存」をクリックしてみてください。これでレイアウトの崩れが直るはずです。最初はレイアウトが崩れて表示されると思いますが、それで正常です。グローバルメニューも正しく設定しないと、正しく表示されません。このあとの設定方法を参考に、ひとつずつ設定を済ませていってください。外観→「テーマの設定」で下記の設定ができます。・カスタム設定項目ほとんど直感や記載内容を読めばわかるはずですが、ヘッダー画像の設定が一部特殊ですので、補足しておきます。「ヘッダーの背景画像」という項目がありますが、これはヘッダー画像の両サイド部分に反映されます。画面横いっぱいに広がったようなワイドなヘッダーになります。ウィジェット「外観」→「ウィジェット」から配置していきます。好きなだけコンテンツを配置してください。個別記事のサイドバーで別々のコンテンツを掲載することもできます。同じコンテンツをサイドバーに表示させたい場合でも「トップページのサイドバー」「個別記事のサイドバー」両方にウィジェットを挿入してご利用ください。メシオプレス01のウィジェットは、3カラムのレイアウトを基準にしています。管理画面の「トップページの左サイドバー」に設定したウィジェットは実際のサイト上では「右」サイドバーに表示されますのでご注意ください。★見出しが選択できるテキストボックス→2種類の見出しが選択できるウィジェットです。日付の有無を選択できるウィジェットです。→記事のIDを指定して、サイドバーなどに任意の記事を表示させることができます。記事IDの調べ方は「Web活メモ帳」さんの記事がわかりやすいです。Web活メモ帳post=の後ろの数字が記事IDです。フッターのレイアウト専用ウィジェットを使って2~4カラムのレイアウトを選ぶことができます。カラム分けしたいところに「★フッターの列区切りタグ」というウィジェットを挿入。そのウィジェットを開いて何カラム(2~4)にするか選択。これを必要なカラム数だけくり返す列区切りタグの数と選択した列数が一致しないとレイアウトが崩れますので、注意してください。「外観」→「メニュー」から設定します。わかりやすい名前をつける。今回は「グローバルメニュー」や「プライマリーナビ」にしておくとわかりやすいです。プライマリーナビとは、ブログ右上に表示されるメニュー部分です。「カスタムリンク」「固定ページ」「カテゴリー」の中から「グローバルメニュー」「プライマリーナビ」に表示させたいURLを追加する。設定例グローバルメニュー、プライマリーナビともに「トップページ」へのリンクを入れて、どのページからでもトップに戻れる設定にするのがオススメです。「背景色」をグリグリ回してお好きな色を選択してください。必要なプラグインが4つありますので、インストールしてください。「外観」→「プラグイン」→「新規追加」からプラグイン名で検索をかけて、インストールするのが簡単です。Light記事下のソーシャルボタンスペースで使用します。位置「None」を選択してください。「サムネイル」を選択すればOKです。リスト形式で縦にサムネイルを並べたい場合は一番右の「カスタム」を選択して、テンプレートファイルは「yarpp-template-thumbnail.php」を選択してください。関連記事が表示されない場合は「関連スコア設定」を調整します。管理画面右上にある「表示オプション」でチェックを入れると表示されます。wp-hatena拡張版(記事タイトル上部にソーシャルボタン表示)こちらのサイトよりダウンロード後、インストールしてください。“img”にリネームしてください。3カラムの場合は、Google+1ボタンの大きさを「中(縦20px)」にして下さい。Pack」も使用をおすすめします。URL」にチェックを入れてください。当ブログでは編集のしやすさと見やすさを優先して「brBrbr」で連続改行をしています。/>の連続使用は文法上正しい使い方ではありません。「style.css」の745行目付近にある下記のソースを編集してください。auto;}0pxのところをお好みの数字に変えればpタグの前後にスペースができます。20~30pxくらいが良いと思います。固定ページのヘッダー画像(800×自由)固定ページ編集画面の下にある「ヘッダーイメージの設定」から画像をアップロードすることができます。横幅は800px、縦幅は自由に設定できます。通常のヘッダー画像が800pxにリサイズされて表示されます。以上が「メシオプレス01」の設定方法です。何か設定方法でご不明な点がありましたらコメント欄よりお寄せください。この記事、ぜひSNSでシェアしてください!ツイートシェアはてなPocketこの記事のタイトルとURLをコピーする下のテキストボックスの内容がコピーされました。今すぐSNSなどに「貼り付け」してみてください。スマホは「ロングタップ(長押し)」すると貼り付けられます。お使いの端末ではこの機能に対応していません。下のテキストボックスからコピーしてください。14:30設定方法に関するご不明点やバグの報告はコメント欄よりお寄せください。06:43いつもお世話になります。テストで普通にインストールしてみましたが、見ていただいたとおり右端によった1カラムのようなものになります。「レイアウトが崩れる」とのことで、いろいろやってみましたが、私の力では、どうも直りません。何か考えられることがありましたらお教えください。18:50nagaiさん早速お試しいただき、ありがとうございます。「いろいろやってみました」とのことですが、「テーマ設定」はしていますか?おそらく、何もやっていない状況と思われます。「テーマの設定」画面で、何も変更しなくて良いので一番下にある「変更を保存」ボタンを一度クリックしてみてください。グローバルメニューも設定しないと正しく表示されません。そのあたり、もう一度チェックしてみてください。18:02めしおさんお世話になっています。設定方法で分からないところがありますので、よろしくご教授願います。必須のプラグイン(4つ)についてです。外観」→「プラグイン」→「新規追加」からプラグイン名で検索をかけて、インストールしました。system(記事下にツイートを表示させる場合)「好きな場所に設置?」にチェックを入れてください。画像で示されている説明箇所が探せません。セッティング画面はどうすれば探せるのかを教えていただけませんか。ドメインを寝かせただけですが、インデックスされるのが早くて驚いてます。Anyware」です。Light・関連記事(YARPP)・wp-hatenaも同じく「設定」からです。20:01めしおさん光一郎です。ありがとうございました。「このエントリをYahoo!ブックマークに追加」という文字の表記がされてしまってます。ブックマークの表示が2段になってますので、これを消すか、画像表示するには、どうすればいいでしょうか。申し訳ありませんが、よろしくお願いします。22:07光一郎さんwp-hatenaのimgフォルダのリネームはしていますよね?リネームしてアップロードできているかの確認と、wp-hatena管理画面の各種サイズ設定を一旦他のサイズに変えて保存して、また元に戻して保存といった感じで何回か繰り返してみてください。19:02めしおさん光一郎です。Yahoo!ブックマークがアイコン画像になり、綺麗に収まりました。ありがとうございました。管理画面のアイコン画像の場所をttp://●●.com/wp-content/plugins/wp-hatena/img/に変えたらうまく表示できるようになりました。>wp-hatena管理画面の各種サイズ設定を一旦他のサイズに変えて保存して、サイズでは、なくYahoo!ブックマークが、アイコン画像ではなく、テキストになっていたのです。各種サイズ設定は関係ありませんでした。ありがとうございました。13:45めしおさん光一郎です。先ほどの記事の改行がうまくできません。いうコメントですが、訂正します。前のコメントは削除してください。個別記事では、うまく表示されていました。トップページでは、改行されていません。表示されていますので、どうすればいいのかよろしくお願いします。13:55光一郎さんトップページは改行されない仕様です。3行ほどでmoreタグを使って「続きを読む」にする使い方を想定しています。最初の3行を読んでもらうというより、タイトルとアイキャッチを見て、すぐに続きを読んでもらうことを想定しています。3行目あたりにmoreタグを入れてみてください。offが保存ボタンを押しても設定が変更されず元に戻ってしまいますサイドバーとトップページの中央上段の2つで試してみましたがどちらもダメです。ほかのウィジェットは(全部のウィジェットを確認はしてませんが)保存ボタンを押すと設定が変わります。ご回答よろしくお願いいたします。15:40堀越さんん~、謎の現象ですね。日付のあり・なし両方とも普通に反映できています。原因をお調べしますので、お待ちください。使用しているexpresswebサーバーが原因の可能性もあります。使用推奨プラグイン以外、一旦すべて無効化してみていただけますか?プラグインが関係ないとすると、データベースに不具合があるかも知れません。新規ブログにインストールしているようでしたら、データベースを削除して、WordPressのインストールからやり直してみてください。新規にデータベースを作ってインストールしていただけると、データベースの問題かどうか原因の切り分けができます。お手数をおけかして大変申し訳ありませんが、プラグインとデータベースの状況を確認してみてください。14:12こちらの件、原因判明&解決しました。expresswebサーバーはPHPの省略形を使う設定がOFFになっているのが原因でした。省略形を使わないソースに修正することで対応完了しました。17:44めしおさん光一郎です。ありがとうございました。アイキャッチも変えてみて、見栄えもよくなりました。21:56めしお様こんにちは。グローバルメニューの表示がおかしい気がします。windows系のexpresswebです^^;グローバルメニューに表示されるメニュー(固定ページ)がカラムの範囲を超えてPC画面の一番左に寄ってしまいます。私のサイトは「ホーム」がPC画面の一番左まで寄ってしまいます。対処方法がございましたらご教授ください。22:20続けてですいません。グローバルメニューに固定ページではなく自分で任意のメニューにしたい場合はどうすればいいでしょうか?テーマの編集を見たのですが、グローバルメニュー単独のphpが見当たらない気がします。00:07堀越さんグローバルメニューが左端に寄ってしまうというのは、メニューが正しく設定されていない状態です。「外観」→「メニュー」から設定します。任意のメニューにしたい場合は「カスタムリンク」にお好きなURLとラベル(表示させたい名称)を設定してください。22:25めしおさん、こんばんは。+のところで、2段になってしまいます。設定>wp-hatenaのところで、設定を変えては保存したりしているのですが、全く変わりません。サイトは、2カラムで作っています。19:5320pxのサイズのものを使っています。昨日、コメントした後に気づいたのですが、IE8(別のパソコン)でみると、正常に1列で表示されているみたいです。私が主に使っているパソコンのブラウザはIE9なので、こちらでは2列になってしまっています。06:45こちらの件ですが、ブラウザやテンプレートの問題ではなく、お使いのパソコンに問題がある可能性が大という結論に至りました。他のパソコンでは問題なく1列に表示されることを確認済みです。19:17めしおさんこんにちは。質問があるのですが、バージョンアップ後の二つのファイルについて(style.css、function.php)、ffftpにてバージョンアップ前のそれぞれのファイルを削除してからアップロードし直す。19:24ぷろかるさん上書きでOKです。上書きするようにしてください。元のファイルはデスクトップからも削除してOKです。20:05わかりました。めしおさんありがとうございました。21:48めしお様お世話になっております。プラグインのYARPPをインストールしたところ以下のようなエラーが出てしまいます。169記事の下を見るとこんなエラーが出てしまいます。54こんなエラーが表示されてしまいます。↑↑すいません、もし対処方法がお分かりなら教えていただけますでしょうか。さくらレンタルサーバーです。「おかしな値が設定されている」という警告です。2つめは何らかの設定項目が不足しているという意味の警告です。どこを指しているのかはよくわかりませんでした。これらのことから推測すると、レンタルサーバーやテンプレートは原因ではないと思います。「関連スコア設定」が怪しそうです。YARPPの設定画面→関連スコア設定の中にある「表示する最低関連スコア」のところに変な値を設定していないでしょうか?半角数字の1がデフォルトだと思いますので、そうなっているか確認してみてください。20:26先週購入させて頂きました。writerを使用しようとするとどうしても途中で設定が止まってしまいます。メソッドへの応答が無効ですと出ます。XML-RPCのチェックはしていますし、ビジュアルリッチエディターを使用しないのチェックも外しています。21:10ラサさん>とても気に入っています。ありがとうございます。Advanced」の使用か、HTMLモード+AddQuicktagでカスタマイズしていく方法です。私的には、HTMLモード+AddQuicktagがおすすめです。21:23返信ありがとうございます。私も使っていないのですが、評判が良いので使ってみようと思ったところです。違うテンプレートだと使えたので、私だけの問題か気になったところです。自分で知らベてみます。01:15ラサさんwlwmanifest_linkとrsd_linkは残すように作ってありますし、Macの同種のブログエディタ「ecto」では動作確認済みです。違うテンプレートで使えたのでしたら、そこからメシオプレスに切り替えれば「設定が止まる」という現象も起きないと思います。申し訳ないのですが、当商品のサポートの範囲を超えてしまいます。当記事内でご紹介している設定方法に関しまして、ご不明な点がありましたらご質問いただければと思います。Writer要らずの編集方法を図解しておきました。16:47めしお様はじめまして。先日購入し、とても気に入っています。今日は、ヘッダー画像について質問したいことがありコメントいたしました。デフォルトですと、ヘッダー画像の縦は「150」となっておりますが、このサイズを大きくすることは出来ますでしょうか?150ですと、考えている文言と画像がヘッダー内におさまりそうになく困っております。方法がありましたらご教示いただけますと幸いです。18:51らすたさん>先日購入し、とても気に入っています。ありがとうございます。>デフォルトですと、ヘッダー画像の縦は「150」となっておりますが、このサイズを大きくすることは出来ますでしょうか?できますが、個別のカスタマイズに関するご質問は無償サポートの対象外となってしまいます。お力になれずに申し訳ありません。>150ですと、考えている文言と画像がヘッダー内におさまりそうになく困っております。読み込みの順番はヘッダーよりも記事を優先しています。「ヘッダー画像がなかなか表示されない」という原因にもなるため、ヘッダー画像を大きくするのはあまりおすすめしません。返信ありがとうございます。別の方策を考えてみようと思います。ありがとうございました。12:46めしおさんこんにちは。めしおさんのブログのように一つ一つの記事が2~3行で区切られて表示されるにはどのようにすればいいでしょうか?一つの記事(一つの投稿)を長文で書くとトップページでは改行なしでびっしりと表示される状態になってしまうのでそれを改善したいです。続きを見るを押してその記事を見ると長文でも改行をしているのでスッキリしていますが続きを見るを押す前の状態を改善したいと思っています。教えていただけると嬉しいです。19:14ぷろかるさん5月7日の光一郎さんの質問でも回答していますが、moreタグを挿入してください。16:29めしおさんこんにちは。