全ての投稿 – ページ 10 – Raindrops　取扱説明書

コメントリンクボタンを押したら、フォームを表示し、通常はフォームを表示しないカスタマイズ

style.cssの最後に以下のスタイルを追加します。

#comments #reply-title, #comments form{ display:none; } #comments:target #reply-title, #comments:target ...

続きを読む→ 投稿 ID 1403

ビジュアルエディタでの背景と設定の関係

Raindropsを使用した場合、投稿のビジュアルエディタは、動的に変更されます。

カラータイプ　ダークに設定していれば暗い背景で、ベースカラーを設定していれば、その色とカラータイプごとの設定に動的に変化します。

それぞれを変化させた場合の、ビジュアルエディタの見え方を以下に示します。

続きを読む→ 投稿 ID 1379

投稿日や投稿者名の非表示のためのスタイル

以下のスタイルは、投稿タイトルの直下に表示される投稿日　投稿者　を非表示にするためのスタイルルールです。

article .posted-on .meta-prep + a, /* home publish time */ article .posted-on .meta-prep, /* home posted on */ article .post ...

続きを読む→ 投稿 ID 1373

月次アーカイブの表示件数の変更

デフォルトの、月次アーカイブの表示件数は、ワードプレスのページあたりの投稿件数に従って表示されますが、月次アーカイブは、タイトルリンクを表示するだけなので、もっとたくさん表示したいといった事があると思います。そのような場合、テーマのフィルタを使ってページあたりの表示件数を変更することが出来ます。 functions.phpに、以下のPHPスクリプトを追加する事で変 ...

続きを読む→ 投稿 ID 1371

WEBサイトのベースフォントをNoto Sans Japaneseに変更する手順

Raindrops テーマのヘッダーにWEBフォントをロードする

functions.php に以下のコードを追加し、グーグルフォントをロードします。

functions.php

<?php add_action( 'wp_enqueue_scripts', 'labo_add_dashicon' ); function labo_add_dash ...

続きを読む→ 投稿 ID 1360

エディタに、カスタムページタイプボタンを追加

エディタに、それぞれの投稿毎に、カラータイプやカラム指定を追加する　カスタムページタイプボタンを追加

functions.php

<?php // add more buttons to the html editor function appthemes_add_quicktags() { if (wp_script_is('quicktags') ...

続きを読む→ 投稿 ID 1355

メインメニューの配色変更（tested at Raindrops 1.264)

#access .menu a:focus,
#access a:active{
 color:red!important;
}
#access .menu-header .menu a,
#top #access{
 background:#fff;
 color:#000;
}

続きを読む→ 投稿 ID 1350

Raindropsをfull width layout　に変更する

Raindropsのレスポンシブレイアウトは、デフォルトでBoxスタイルですが、簡単なカスタマイズで、full width layoutに変更する事ができます。まず、テーマカスタマイザー（　外観/テーマ/カスタマイズ　）で、Fluid Max Width　の値を　1920px 等　広幅に設定します。次に、style.cssに以下のスタイルルールを追加します。 ...

続きを読む→ 投稿 ID 1341