wordpressのテーマ「JIN」はとても使いやすいし、
痒いところに手が届く
ステキなテーマですよね。
私も色々なテーマを試してみたのですが、
記事の書きやすさなどからJINに戻ってきました。
でもLPを作ろうとしたら
色々と見せたくない部分もできてきます。
タイトルや、
メニュー(グローバルナビゲーション)、
ピックアップコンテンツ、
Rich Table of Contents(目次生成)
これらを消すのが
はじめ全く分からなかったので
今後の備忘録的に紹介させて頂きます。
「JIN」で LP制作|ピックアップを消す
まずは、テンプレートを使って消せる項目から紹介します。
固定ページのテンプレート選択画面を開きます。
- 消したい項目
- テンプレートを「LP」に変更
- ピックアップが消えた
「JIN」で LP制作|メニュー、タイトルを消す
次に、CSSを使って
ブログ名、メニュー、タイトルの消し方を紹介します
- 消したい項目
- 最初に固定ページのIDを調べます
- 次にカスタマイズをクリックします
- 追加CSSをクリック
- その後、追加CSSに記入
上記を追加CSSに入力します。
(990の代わりにご自身のIDを入れてください。
数字後ろの半角スペースを消すと
反映されなくなってしまうので、消さないように気を付けて) - これでブログページから
タイトルなどを消すことができました
何もないとさみしいですね
ちなみに、編集中のページではタイトル等が表示されていますが
プレビューをすると着えているのでご安心ください。
コピペ用 CSSの追記について
以下コピペ用
/—指定ページで部品を消す 始—/
(固定ページタイトルを消す)
.page-id-990 .entry-title {
display: none;
}
(ブログタイトルを消す)
.page-id-990 .header-box {
display: none;
}
(メニューを消す)
.page-id-990 .fixed-content {
display: none;
}
/–指定ページで部品を消す 了–/
上記は固定ページでの動作を指定していますが
投稿ページでは字表記が変わります。
固定ページでは.page、
投稿ページでは.post、
特定のページではpage-id-[ID]
または、postid-[id]となります。
style.css(子テーマ)にそれぞれ追加して下さい。
IDを指定しないと全ての固定ページ、または投稿ページのタイトルが表示されなくなってしますので注意
「JIN」で LP制作|これを使ってLPデモを作ってみた
今はまだざっと素材を置いてあるだけですが
デザインを作りこんで素材、パーツ、デザインを用意すれば
それなりの見た目のデザインにできるかも
もう少し色々実験してみます!
この記事を書いた人
グラフィックデザイナー
こまひかり
デザイン事務所やネットショップ勤務を経て、2020年退社+出産。KOMAWORKS設立。現在、在宅 業務委託+個人事業主。主にデザイン、広告製作を行います。
この記事が役に立ったと思ったら
上記を1クリックしていただけると運営の力になります