スモール起業ビルダー・ZONOのブログ

【無料動画あり】マナブログ「Manablog Copy」設定方法【初心者】

WORDPRESS

お知らせ:無料相談チャットが便利です

» マナブログを目指す人の専用チャット【無料参加はコチラ】

どんな初歩的な質問でもオッケイです。
相談チャット」に投稿して、問題を解決していきましょう🙋‍♂️

マナブログのWordPressテーマManablog Copyを設定したい人「SEO対策がかなり完璧で、設計やセキュリティ面も最高のManablog Copyを使ってサイトを作りたい。完全初心者だと難しいようだけど挑戦してブログで稼ぎたい。初心者でもわかるように解説してほしいです。」

おすすめ教材

こんにちは、ゾノです。

過去に販売された「Minimal」でサイトをカスタマイズし、下記のようなリプライをいただきました。

Minimalのカスタマイズ方法を知りたい人は、下記の記事で解説していますので、どうぞご覧ください。

それでは、「Manablog Copy」の設定を見ていきます

多分ですが、1時間ほどで設定できると思いますm(_ _)m
これから購入予定の人は、マナブさんのブログをチェックしましょう。

本記事の内容

【無料動画あり】マナブログ「Manablog Copy」設定方法【初心者】

【無料動画あり】マナブログ「Manablog Copy」設定方法【初心者】
マナブログ「Manablog Copy」の設定手順を、動画で解説していきます。
完全初心者の人ですと、「まずは流し見する」→「その都度停止しつつ設定する」流れで見るといいと思います。

【無料動画で解説】マナブログ「Manablog Copy」設定方法

※文字情報ではわかりにくいという人向けに、無料動画講義を用意しています。ぜひご覧ください。

永久無料の相談チャットを開放しています

マナブログ「Manablog Copy」の設定方法など、1人では厳しいかも、、、という初心者〜中級者向けにチャットを用意しました。

【相談無料】マナブログを目指す人を応援するグループチャット【無期限】

マナブログ「Manablog Copy」の設定方法など、1人では厳しいかもという初心者〜中級者向けにグループチャットを用意しました。ブログを頑張りたいという人であれば、どなたでも無料で参加可能です。必要と感じてくださる場合は、ぜひお気軽にご参加ください🙇‍

» 無料参加する

なお、Manablog Copyの説明ページや、りゅうた学さんの記事にはカスタマイズ方法などが随時アップされていく予定とのことですので、チェックしておきましょう。

マナブログ「Manablog Copy」にテーマ変更するときの注意【警告】

マナブログ「Manablog Copy」にテーマ変更するときの注意【警告】
マナブログ「Manablog Copy」に、現在使用中にWordPressテーマを変更する場合には、いきなり本番サイトのWordPressで操作しないようにしましょう。

警告:いきなり、テーマを有効化は危険です

理由:画面が崩れる可能性があるからです

対策手順は、下記のとおり。

  • 1:テスト環境のWordPressで試すこと
  • 2:テスト環境でOKなら、本番用WordPressに反映させる

1:テスト環境のWordPressで試すこと

マナブログ「Manablog Copy」のテーマを有効化すると、画面が崩れることが考えられます。

はやくテーマを有効化したいところですが、まずは落ち着いて、これまで積み上げてきたブログは一旦そのままとし、テスト用の環境を用意しましょう。

エックスサーバーの場合は、「example.xsrv.jp」というように「サーバー名 + .xsrv.jp」で無料ドメインがあるので、この環境をテスト環境をすればOKです。

WordPressの設置方法は、下記の記事で解説しています。

2:テスト環境でOKなら、本番用WordPressに反映させる

上記のとおり、テスト環境のWordPressでOKであれば、本番用WordPressにも反映させていきましょう。

設定手順は、マナブさんの説明ページの順番を参考にすればOKです。

  1. サイト名の設定
  2. SNSシェアの設定
  3. プロフィール設定
  4. TwitterIDの設定
  5. メニューの設定
  6. ピックアップ設定
  7. プラグインの設定
  8. 記事で使うタグ設定

上記設定の流れで、ブログ初心者の人から質問がありそうな項目をピックアップしておきます。

サイト名の設定:ロゴ画像にしたい

マナブログを見ても、サイトのヘッダーは画像で用意されています。
この場合、パソコン用とスマホ用の画像2つを用意して設定すればOKです。

今の時代、無料画像制作ツールが超優秀なので、初心者でも簡単にロゴやバナー制作をすることができます。おすすめのツールと制作方法などは下記の記事で解説しています。

推奨サイズは下記のとおりです。

  • パソコン用 → 「438 × 122」
  • スマホ用 → 「284 × 48」

画像にする場合のコピペ用ソースです。

<div class="container">
	<div class="row">

		<!-- スマホ用メニューボタン -->
		<div id="container" class="col-xs-2 sp-nav-btn">
			<div class="menu-btn">&#9776;</div>
		</div>

		<div class="col-xs-10 col-sm-2">
			<?php if (is_front_page()) { ?>
			<h1 class="title">
				<?php } ?>
				<?php if ( is_mobile() ) : ?>
				<a href="<?php echo home_url(); ?>">
					<img src='ここにスマホ表示用の画像リンクを入力' alt="ロゴ" class="logo sp" />
				</a>
				<?php else: ?>
				<a href="<?php echo home_url(); ?>">
					<img src='ここにパソコン表示用の画像リンクを入力' alt="ロゴ" class="logo" />
				</a>
				<?php endif; ?>
				<?php if (is_front_page()) { ?>
			</h1>
			<?php } ?>
		</div>

		<?php if(!wp_is_mobile()): ?>
			<div class="col-xs-0 col-sm-10">
				<p>ここにテキストを入れます</p>
			</div>
		<?php endif; ?>
	</div>
</div>

設定の方法は、下記サイト「ヘッダーアイコンの入れ方」をで解説されております。

SNSシェアの設定:「FacebookのID」&「fb:app_id」がわからない

「FacebookのID」は、Facebookのプロフィール画像をクリックするだけで分かります。

「fb:app_id」については、僕もよくWordPressテーマを購入させていただいているデザインプラスさんの記事はわかりやすく解説されております。わりと簡単です。

メニューの設定:アイコンの設置をしたい

マナブログ「Manablog Copy」のサイト上部にある、メニューにアイコンを設置したい場合は、下記のサイトにあるアイコンを使用します。
» Font Awesome Icons

設定の方法は、下記サイト「ナビゲーションメニューのアイコンを変更」で解説されております。

記事で使うタグ設定:よく理解できません

「AddQuicktag」というプラグインに、マナブログ「Manablog Copy」で使うタグを設定するための設定です。

設定の方法は、下記サイト「タグ機能の入れ方が分からない」で解説されております。

あらためて、設定の一連動画を見ると理解が深まります

※文字情報ではわかりにくいという人向けに、無料動画講義を用意しています。ぜひご覧ください。

【永久無料】マナブログ「Manablog Copy」設定相談【チャット】

【永久無料】マナブログ「Manablog Copy」設定相談【チャット】
マナブさん運営する「マナブログ」は、細部まで考え抜かれて設計されたWordPressテーマです。

確かに完全初心者には、ちょっと厳しいかもしれないですが、慣れてしまえば簡単です。
いや、むしろ「ビジュアルエディタよりも、テキストエディタが使いやすい」という感じになると思います。

マナブログの「この設定」どうやってやるのかな…

きっと、上記のような疑問が生まれてくると思います。
僕は、2019年6月より「Minimal」を使用し、ブログを運営していますが、相当マナブログをTTPしてきました。

※TTP:徹底的にパクる

マナブログにも記載しているとおり、ビジネスの基本は「パクる」ことです。よく言えば、モデリングですね…。

可能な限り、相談に乗ります【永久無料チャット】

マナブログ「Manablog Copy」の設定方法など、1人では厳しいかも、、、という初心者〜中級者向けにチャットを用意しました。

【相談無料】マナブログを目指す人を応援するグループチャット【無期限】

マナブログ「Manablog Copy」の設定方法など、1人では厳しいかもという初心者〜中級者向けにグループチャットを用意しました。ブログを頑張りたいという人であれば、どなたでも無料で参加可能です。必要と感じてくださる場合は、ぜひお気軽にご参加ください🙇‍

» 無料参加する

オンラインで個別セッションも可能です

スミマセン、少しだけご案内ですm(_ _)m

僕は、オンラインでパソコン教室をやっています。

(参考:画面共有をしつつ、一緒のブログ作りをしたりするものです)

お値段は、1回3,500円〜です

保証できる価値としては、1人で黙々とパソコンとにらめっこするよりかは、比較的早めに目標を達成できるかと思います。
また、Webサイトを外注するよりも、最終的に「自分でできるようになる知識と技術」が身につくのでおすすめです。

詳しくは、上記のページをご確認くださいませ。

まずは、無料で相談したい人向けにも、30分の体験レッスンを用意しているのでお気軽にご参加ください😌

楽しみながら、ブログライフを送りましょう

本記事を、ここまで読んでいただきありがとうございました。
随時更新していきますので、また当ブログに来てくれると嬉しく思います。

マナブログ「Manablog Copy」を使った、ブログの書き方なども、今後公開していこうと考えています。

更新情報:2019年10月15日

「【動画解説あり】マナブログ「Manablog Copy」投稿方法【初心者】」をアップしました。

WordPressテーマ「Manablog Copy」を使用したサイトまとめ

下記の記事にて、マナブログWordPressテーマ「Manablog Copy」を使用したサイトをまとめています。

更新情報などは、Twitterから発信しています。よろしければフォローお願いしますm(_ _)m
» ゾノ@スモール起業ビルダー (@zononakazono) | Twitter

下記より、「Manablog Copy」のカスタマイズに関する記事をまとめてチェックすることができます。

最後までお読みいただき、ありがとうございます。下記のおしらせコーナーも、是非チェックしてくださると喜びます🙇‍
当ブログで無料配布している「ブログの書き方テンプレート」は受け取っておりますか?無料で資料請求できますので、この機会にぜひどうぞ💁‍♂️

お知らせ:厳選した下記のコンテンツがおすすめです

個人から、中小企業様向けに対応しており、Webメディア構築 or リモートワーク(テレビ会議システム)の導入をご検討の方は、ぜひどうぞ🙇‍

おすすめコンテンツ

無料コンテンツ

有料コンテンツ

当ブログと他のサイトの圧倒的な違いは、様々な疑問や悩みを解決するために【無料体験レッスン】30分の無料相談会&体験レッスン(オンライン開催)に初回限定で参加できることです。

どうしても分からなかったり、1人で悩むことがあればご相談ください。

その他、ご相談&ご質問がございましたら、お気軽にどうぞ。
» お問い合わせ

無料から学べる「01blog College」に参加はお済みですか?メディア運営の基礎から応用を、順序立てて学べるオンライン学習サイトです。この機会にぜひどうぞ💁‍♂️

僕は、こんな人です

ゾノ@スモール起業ビルダー
当ブログの筆者。日本一わかりやすいブログ教師/高校教師の職を捨て起業失敗→在宅リモートワークで月収7桁達成→V字回復。10代から不登校や非行で根っからの引きこもり人間。現在はオンライン講座『外出せずに学べるパソコン教室』を運営し生徒は累計230名。個人がマイペースに生きるコツを発信しています。朝大好きです→ #01blog朝活の会
» プロフィール詳細はこちら

チップをいただけると、心から喜びます


人気記事【ブログ書くことない】ブログ書き方テンプレートで解決【ひな形】

人気記事【発表】オンライン学習サイト完備のコミュニティ【01blog College】