Hacks旅ブログの作り方、ブログデザインのこと、wordpressのことなど。2018.02.18WordPressのブログで定番のカスタマイズが見出しの装飾ですが、記事の見出しをカスタマイズした場合でも、投稿画面のビジュアルエディターでは、テーマのデフォルトのスタイルが適用されています。今回は、ビジュアルエディターに、記事と同じ見出しの装飾スタイルを適用する方法を説明します。僕はWordpressテーマ「Simplicity」を利用しているので、Simplicityの場合を先に説明します。Simplicityでは、ビジュアルエディターのスタイルは簡単に適用させることができるようになっています。(editor-style.css)」に、適用させたいスタイルを記述(style.cssからコピペでOK)するだけです。FTPクライアントソフトを利用して、editor-style.cssをテーマのディレクトリ(Simplicity2-child)にアップロードしてもOKです。(editor-style.css)」を編集する方法を説明します。管理画面左側にある[外観]→[テーマの編集]をクリックします。テーマファイルの編集画面が表示されます。(editor-style.css)を選択します。ここに見出しタグの記述をします。注意点#the-content,.articleなどの余計なID名、クラス名がついていると、ビジュアルエディターでは適用されません。h2,h3などだけ書くようにして下さい。style.cssからコピペするときは気をつけて下さい。他のテーマの場合も簡単に説明します。editor-style.cssを作成し、FTPクライアントソフトを利用してテーマディレクトリに転送します。次に、以下のコードをfunctions.phpに記述します。'add_editor_style_cb');これで、ビジュアルエディターでeditor-style.cssを適用するようになります。さいごにビジュアルエディターの表示が実際の記事と同じになると、かなり作業がしやすくなります。Simplictyを使っている人は簡単にできるようになっているので、是非やってみて下さい。記事の見出しデザインの他、オリジナルのボックススタイルやリストスタイルなども適用させておくと良いと思います。PostsCocoonカスタマイズCocoonの人気記事ウィジェットのカスタマイズ方法Cocoonの人気記事ウィジェットのランキング順位のカスタマイズ方法を紹介します。Wordpress国別カテゴリーに国旗アイコンを表示する方法カテゴリー一覧に国旗アイコンを表示する方法を説明します。旅ブログでは、多くの人が国別でカテゴリーを作ると思いますので、装飾に役立つのではないでしょうか。Wordpressムームードメインでドメインを取得する方法ドメインとは、インターネット上の「住所」のようなものです。ムームードメインでのドメイン取得方法を紹介します。SimplicityカスタマイズSimplicityの内部ブログカードのサムネイルサイズを変更する方法Simplicityの内部ブログカードのサムネイルサイズを変更して、正方形から長方形にする方法を説明します。CocoonカスタマイズCocoonのグローバルナビのカスタマイズ方法(ヘッダー固定、ホバー時に下線)Cocoonのグローバルナビ(ヘッダーメニュー)のカスタマイズを紹介します。画面スクロール時にヘッダーを上部固定表示にする方法と、マウスホバー時に下線をつける方法です。Plusの使い方と設定方法Commentsコメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。Ultimateの使い方。Snippetsの使い方。人気記事ウィジェットのデザインサンプル102019.12.232020.01.03スマホ・パソコン間でテキストやファイルをやり取りする方法。Ultimateの使い方。Snippetsの使い方。人気記事ウィジェットのデザインサンプル102019.12.232020.01.03スマホ・パソコン間でテキストやファイルをやり取りする方法。コメント欄のデザインをカスタマイズする方法(枠、色、文字の変更)と、デザインサンプル2019.11.26CATEGORIESCocoonカスタマイズ11Simplicityカスタマイズ9Windows7Wordpress21その他6ブログデザイン27旅ブログの作り方18タイトルとURLをコピーしました。