ニケッチャニッキ

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

Javascriptで特定のページのみリダイレクトする

先日、一部の記事のみ別のサイトへ移行しました。 本来ならば301リダイレクトを設定し、検索エンジンにブログの移転を知らせなければなりません。しかしはてなブログではWordPressのようにhtaccessを設定することもできません。 そこで、Javascriptを使って…

はてなブログのURLからentryの文字を消す方法

はてなブログのURLはドメイン/entry/日付(もしくはカスタムURL)という構成になっています。 今後はてなブログから別のブログへ移転する可能性がある場合、この「entry」が邪魔になってしまうことがあります。 entryを消す方法 WordPressなど別のブログからは…

ブログの画像への説明文は上に書くか下に書くか

ブログに画像を掲載した際、その画像へのコメントや説明文は画像の上に書いていますか?下に書いていますか? どちらが主流なのでしょうか。またどちらが読みやすいのでしょうか。調べてみました。 画像の説明文は上と下どちらが主流か 説明文を画像の上に記…

はてなブログにアドセンスの記事内広告とインフィード広告を自動挿入する

WordPressからはてなブログに移行してきました。 はてなブログではできることが減るのかな?と思っていたのですが、意外と自由度が高くて驚いています。 自動で記事内広告を貼ることもできるし、インフィード広告をうまい具合に馴染ませることもできる。 し…

ブログのお引越しと、wwwなしからのリダイレクト

ほとんど放置状態だったWordpressのブログを心機一転、はてなブログに移行してきました。 ブログカスタマイズやAndroidアプリ開発について書いていたブログと、ゲームの攻略についていて書いていたものをまとめました。今後はレビュー記事が中心になり、たま…

バズ部のWordPress無料テーマXeory Baseを使ってみた!

WordPressの無料テーマの中では不動の人気を誇るXeoryを使ってみました。 Xeoryにはサイト型のXeory Extensionとブログ型のXeory Baseがありますが、今回はXeory Baseの方です。 Xeory Baseとは WordPressの無料テーマで、マーケティングメディア「バズ部」…

WordPressおすすめ無料テーマGK Portfolioがかわいい!

最近もしもドロップシッピングのウェブストアをWordPressで作っているのですが、テーマはGK Portfolioにしてみました。 GK Portfolioとは アイキャッチ画像をメインにしたグリッドデザインです。 WordPressのカスタマイズが大好きな私ですが、こちらのテーマ…

GreatMagで個別投稿の投稿者を非表示にする方法

GreatMagはシンプルでおしゃれなWordPressの無料テーマです。ダウンロードするにはメールアドレスを入力する必要があります。 GreatMagのカスタマイズ GreatMagでは個別投稿の上部にカテゴリー名や投稿者名、投稿日が表示されますが、投稿者名だけ非表示にす…

WordPressでページごとに抜粋文の文字数を変更する方法

WordPressの抜粋文の文字数をページごとに変える方法を紹介します。 一覧ページでは短め、構造化データ用には長めにしたり、スマホとPCで長さを変えたりといったカスタマイズができます。 またDeliveryLiteでは子テーマで上書きができなかったので、親テーマ…

GoogleSearchConsoleの構造化エラーを直す方法

SEO

WordPressで作ったウェブサイトをGoogleSearchConsoleで見ると、構造化エラーがたくさん出ました。 「authorフィールドの値は必須です」や「datePublishedフィールドの値は必須です」、「publisherフィールドの値は必須です」などのエラーだったのですが、色…

SEO対策本これから読むのにおすすめの一冊

SEO

SEOの本というのは今まで買ったことがなく、インターネットなどでやり方を調べるのみでした。 有益なコンテンツだったら自ずとアクセスは増えると思っていたため、必要性を感じなかったからです。 もちろん役に立つ内容のウェブサイトを作ることは大切なんで…

タグ別記事一覧で表示中のタグのタグ名とタグIDを取得する方法

以前カテゴリ別記事一覧に関連タグを表示する方法という記事を書いたのですが、タグ別記事一覧(タグアーカイブ)にも関連タグリストを表示させることにしました。 同じようなコードにするには、表示中のタグのタグIDが必要になります。そこでタグ別記事一覧で…

カテゴリによる関連記事リストの下に「もっと読む」リンクを付ける

WordPressで関連記事リストと、「○○(カテゴリ名)に関する記事をもっと読む」というリンクを表示する方法です。プラグインを使わずに表示します。リンクをクリックするとカテゴリ別記事一覧に飛ぶようにします。 下の画像が見本です。 PHPの追加 関連記事を表…

WordPressでランダムに取得した記事をトップページにピックアップ記事として表示する

WordPressでサイトのトップページのデザインをインパクトあるものにしたいなーと思ったときのカスタマイズです。 上の画像のように、マガジンサイトでよく見るようなデザインにしていきます。 ランダムに記事を取得する方法 下記のコードを、ランダム記事を…

カテゴリ別記事一覧に関連タグを表示する方法

カテゴリ別記事一覧(カテゴリーアーカイブ)で、そのカテゴリに属する記事で使われているタグをリスト表示する方法の紹介です。 タグリスト表示方法 archive.phpの修正 archive.phpで、カテゴリーアーカイブの場合にタグリストを表示するようにコードを追記し…

WordPressでカテゴリ毎に違うcssを適用する

WordPressでカテゴリ毎にスタイルを変えたいときのやり方を紹介します。 カテゴリ毎にテーマカラーを決めて見出しの色を変えたり、カテゴリ毎に違う画像を表示したりすることもできます。 カテゴリ毎cssの設定方法 phpファイルの修正 カテゴリ別スタイルを適…

記事ランキングの順位マークをcssのみで実装する

サイドバーによく配置される人気記事ランキング。順位のマークを付けるとわかりやすく、見た目もよくなります。 下記の画像のような順位マークはcssのみで実装できるので、その方法を紹介します。 ランキングマークの実装方法 cssのcounterを使って順位をカ…

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タグを自動挿入してテキストを成型する仕組み…

WordPressのショートコードを無効化する方法

ショートコードの説明記事とか書きたいとき、ショートコードを無効化する方法です。そのまま書くと処理されてしまいますからね。 ショートコードを無効化するための記述方法 ショートコードはで囲って書きますが、それをさらにで囲むと無効化できます。 [ad]…