ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

【マナブログコピー(WordPressテーマ)】サイドメニューを消したLP(ランディングページ)の制作方法

その他の追加設定

こんにちは、ごま吉(@Lv1gomakichi)です。

この記事では、サイドメニューを消したLP(ランディングページ)の制作方法を学ぶことができます。

【Manablog Copy】サイドメニューを消したLP(ランディングページ)の制作方法

サイドメニューを消したLPとは、本家マナブログで言うと下記のページです。


作り方は下記になります。
管理画面固定ページ新規追加をクリックします。

基本的には、他の投稿の書きぶりは同じです。
1箇所だけ右側のメニューを変更するだけです。

ページ属性テンプレートLPを選択します。


完成したページは、こちらになります▼

manablogで使っている画像とテキストのレイアウト

本家manablogのLPで使われている画像とテキストのレイアウトについて、グーテンベルグでも利用可能です。

こういうパターンです▼

画像引用:manablog

利用するには下記のコードをコピーして利用ください。
記事投稿画面でカスタムHTMLを選択してコピペして、変更したい箇所のみ変更を加えるだけです。

再利用ブロックに追加して使い回すと便利です。

<div class="col-xs-12 article_box">
<div class="col-xs-12 col-sm-4">
<img src="https://sarugamamani.org/wp-content/uploads/2019/11/s0-1.png" class="img-responsive">
</div>
<div class="col-xs-12 col-sm-8">
<h3>【①-1】ブログをインストールするサーバーを決める</h3>
<p>マナブログコピーをインストールに適したベストなサーバーについて学ぶことができます。<br><b>本記事の内容:</b><br>1.マナブログコピーに適したサーバーとは?
<br>2.エックスサーバーの申し込み方法</p>
</div>
</div>
<p><a href="https://sarugamamani.org/2019/11/22/server/" class="green_link">» この記事を読む</a></p>
<div style="clear:both;margin-bottom: 60px;"></div>

コードをコピペするとこんな感じになります。

【①-1】ブログをインストールするサーバーを決める

マナブログコピーをインストールに適したベストなサーバーについて学ぶことができます。
本記事の内容:
1.マナブログコピーに適したサーバーとは?
2.エックスサーバーの申し込み方法

» この記事を読む

ちなみに、CSSの設定は必要ありません。
(Manablog Copyではデフォルトで設定済みです)

画像引用:Pikisuperstar – jp.freepik.com によって作成された business ベクトル

\将来につながるプログラミング/

エンジニアとして活躍したい人
プログラミング未経験でも安心
WordPressにもっと詳しくなれる
無料体験レッスン受講後に受講料が1万円引に!




注目こちらも合わせてどうぞ▼
アフィリエイトを始めるための手順を紹介しています。マナブログコピーのカスタマイズが終わったら『ASP登録』をしましょう。

note


注目こちらも合わせてどうぞ▼
アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。マナブログコピーと合わせて運用すると効果大です。

note

人気記事【マナブログコピー(WordPressテーマ)】文字装飾プラグインの設定