ニケッチャニッキ

はてなブログ・WordPressカスタマイズ・Androidプログラミング

Delivery Liteでサイドバーの見出しをh1から変更する

キナリノとかMeryみたいなデザインのサイトが作りたくてWordPressのテーマを探していたところ、Delivery Liteというテーマを見つけました。構造的にはMeryにとっても近い! リンクDelivery Liteデモ 無料でそのまま使っても、ほとんどデモサイトのままのデザ…

ブラウザサイズを基準に高さや幅を指定したいときにはvwやvhが使える!

css

画面いっぱいに画像を表示したいな~とか思ったとき、%で指定する手法がよく使われます。でもこの%は、親要素のサイズに対する割合を指定するものなので、うまく動作してくれないことがあります。 そんなときに使えるのがvwやvhという単位です。 vw/vhとは?…

ウェブページにできる謎の隙間「&#65279」の消し方がやっと判明した

WordPressで作ったウェブページに、覚えのない空きスペースができてました。ソースを確認すると、「」という謎の記号。 BOMを削除すればいいという情報はすぐ出てきたのですが、やってみても解決しない。 原因は、修正する箇所が違っていたから。get_templa…

AndroidStudioでアプリのテーマカラーを変更する方法

AndroidStudioで作ったアプリにデフォルトで設定される、ステータスバーやアクションバーなどの色を変更する方法の紹介です。 アプリのテーマカラー変更方法 アプリの色の設定が記載されているのは「app」-「res」-「value」-「styles.xml」です。styles.xml…

簡単3ステップAndroidStudioでAdMobの広告を表示させる方法

AndroidStudioでAdMobの広告を表示させる方法の紹介です。 この記事内のキャプチャは、日本語化したAndroidStudioを使っています。日本語化されていない方にもわかるよう、英語メニュー名も書くようにしました。 もしも先にAndroidStudioを日本語化したい場…

WordPressコメント入力欄のe-mailやURLを非表示にする方法2つ

WordPressでコメントのメールアドレスやURL入力欄を非表示にする方法を2つ紹介します。 cssで入力欄を隠す方法と、PHPを修正して入力欄を出力させないようにする方法です。WordPress関数の扱い方に慣れていない方はcssで隠す方法をお試しください。 事前にデ…

WordPressコメントの無記名を「匿名」から変更する方法

WordPressのコメントで名前の記述を必須にしていない場合、無記名の方は「匿名」と表示されます。 この表示を「匿名」以外に変える方法の紹介です。 コメントを表示するときに書き換える方法もあるみたいですが、今回紹介するのは書き換えた名前でデータベー…

WordPressのコメントリストを吹き出しデザインにする

WordPressのコメントリストをLINEのような吹き出しデザインで表示する方法の紹介です。 修正するのはfunction.phpとcss、comments.phpです。 下記の画像のように表示されます。投稿の作成者からのコメントの場合、アバターを右に配置して吹き出しの色も変え…

WordPressでユーザー名が流出する3か所への対策方法

WordPressのログインに使うユーザー名。できれば人目に触れさせたくないところです。 初期状態のニックネームや投稿者アーカイブからバレてしまうというケースは結構有名ですが、それ以外にもバレてしまう場所があります。それはコメント欄のクラス名。 そこ…

テキストエディタから使わないボタンを削除する方法

WordPressのテキストエディタにはデフォルトでいくつかボタンが並んでいます。 使わないボタンが並んでいると使いづらいと思うので、使わないボタンを削除する方法を紹介します。プラグインを使わなくても簡単に消すことができます。 テキストエディタのボタ…

クリックで表示・非表示の切り替えができるボックスをcssのみで実装する

css

目次やアコーディオンメニューなどでよく見る、クリックしたら表示されるコンテンツをcssのみで実装する方法の紹介です。 ネタバレを隠したりするのにも使えます。 デモ クリックすると表示 非表示にするコンテンツ クリックすると表示 非表示にするコンテン…

WordPressでcssの+(隣接セレクタ)が効かないとき…wpautopで勝手に入るpタグが原因かも?

cssで+(隣接セレクタ)を使ったスタイルを実装したかったんですが、うまく動いてくれない。ソースを確認したところ、覚えのないpタグが挿入されていたことが原因でした。 WordPressではwpautopという関数により、pタグを自動挿入してテキストを成型する仕組み…