WordPressの投稿にHTMLやCSSのコードを記述する方法です。
普通にコードをコピペで記述すると
header {
height: auto;
margin-bottom: 100px;
}
header .headerTop img {
width: 100%;
こんな感じになり少し見づらいと思います。
ですので今回はWordPressのプラグインを用いて
header { height: auto; margin-bottom: 100px; } header .headerTop img { width: 100%; }
こんな感じにする方法を書いていきます。
まず、プラグインの新規追加で「Customizable Syntax Highlighter」を検索し、インストールして有効化します。
いつも通り投稿の画面から+のボタンを押し、「Enlighter Sourcecode」を選択
グレー背景の「Insert Sourcecode…」にコードをコピペすれば先ほど載せた通りになります。
気になったら使ってみてください。
Next Post
Scssを使おう
ScssとはCSSを簡単に書くためのツールです。 今...
Prev. Post
初心者向け エディターの選び方
HTLM,CSSを記述するエディターに関して。ATOM?...
コメント
名前 *
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
Hoverを無効にする方法
hoverを無効にする方法 aタグや、ulタグを作成するとhoverした時にイベントがデ...
hoverを無効にする方法 ...
2020年11月10日
初心者おすすめSEO勉強ツール
先日SEOの案件を獲得できましたので私が読んで参考になったものを少し紹介したいと思います。 ...
先日SEOの案件を獲得できましたの...
2020年12月6日
JavaScript ○○以外をクリックしたときの動き
特定の箇所以外のところをクリックした時に動くようにしたい時のコードの書き方 と記述す...
特定の箇所以外のところをクリックし...
2020年10月25日
[基本]htmlでQ&Aアコーディオンの作り方
今回はjQueryを用いた1つのアコーディオン機能の作り方について書いていきたいと思います。 ...
今回はjQueryを用いた1つのア...
2021年1月9日