このサイトで設定したWordPress&ルクセリタスの機能一覧【逆引き用】

雑記雑記

ふと思い立ったので、このサイトを作る際にWordPressおよびルクセリタスでやった設定を
逆引き検索用にリストアップしました。

誰かの参考になれば幸いです。

※順次追加予定

【ルクセリタス】フォント変更

このサイトでは「Rounded M+ 1c」という文字体に変更しました。
※2019/07/27 ルクセリタスではVer.1.30よりカスタマイザーで直接設定可能になったため、
手順を更新しました。


WordPress管理画面▷ダッシュボード▷サイトをカスタマイズ▷字体(フォントファミリー)を選択▷ 日本語フォントの『[ Web フォント ] M PLUS Rounded 1c』チェックを入れる▷
忘れずメニュー上部の「公開」を押して保存
body, body.mceContentBody{ font-family: 'Hiragino Kaku Gothic ProN’, 'ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, Osaka, 'MS PGothic’, arial, helvetica, sans-serif; line-height: 1.8em; }

【WordPress】改行幅を狭くする

shiftキー + enterキーで改行幅を広くすることなく改行できる

【WordPress】モバイルの「続きを読む」のデザインを丸く変更 


WordPress管理画面▷外観▷テーマエディター▷
右側に表示される「テーマファイル」一覧から、使用しているテーマのスタイルシート (style.css)をクリックしてstyle.cssの入力画面を開く▷
以下の「CSSを表示」内に記載されている記述を最終行に追加▷
忘れず入力欄下の「ファイルを更新」を押して保存

@media (max-width: 575px) { .read-more-link { background: #ef858c; border: none; border-radius: 30px; color: #fff; display: inline-block; line-height: 36px; width: 60px; height: 60px; vertical-align: middle; } #list.read-more-link { margin-top: –30px; margin-right: 10px; } }

【ルクセリタス】見出しの左横の縦線を消す

ルクセリタスだとデフォルトでは見出しの左横に縦のラインが表示されます。
見出しのデザイン変更のためにこのラインが必要なくなることがありますよね。

以下の方法は見出し2(<h2>)の場合です。
他のランクの見出しを変更したい場合は、適宜h2の部分を変更してください。

WordPress管理画面▷外観▷テーマエディター▷
右側に表示される「テーマファイル」一覧から、使用しているテーマのスタイルシート (style.css)をクリックしてstyle.cssの入力画面を開く▷
以下の「CSSを表示」内に記載されている記述を最終行に追加▷忘れず入力欄下の「ファイルを更新」を押して保存

@media (max-width: 575px) {
.post h2 {border-left:0 none;}
}