ニケッチャニッキ

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

WordPress

バズ部の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では子テーマで上書きができなかったので、親テーマ…

タグ別記事一覧で表示中のタグのタグ名とタグ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デモ 無料でそのまま使っても、ほとんどデモサイトのままのデザ…

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

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

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

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

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

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

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

WordPressに自前のショートコードを追加する方法

ショートコードを使うと、投稿や固定ページで関数を呼び出すことができます。 クイックタグと合わせて利用すると、クリック1回で広告を貼ることもできるようになります。 ショートコードを追加するにはadd_shortcode関数を使います。 add_shortcodeの使い方 …

コピペでOK!WordPress本文中に広告を自動挿入する方法-PHPの解説付き

プラグインなしでWordPressの本文に広告を自動挿入する方法です。 最初のh2タグの前に1つ挿入する方法と、複数のh2タグの前に挿入する方法を紹介します。 コードの説明もしてますが、カスタマイズが不要な方は説明ふっとばしてコードコピペして使ってくださ…

プラグインなしでWordPressをカスタマイズする

プラグインを使わずにWordPressカスタマイズする方法の記事をいくつか書いたので、目次を作りました。 今後も随時更新していきます。 SNS連携 コピペでOKのSNSシェアボタン アイキャッチが背景になったボックスに、ボタンを並べたデザインです。 広告 WordPr…

カテゴリーアーカイブにサブカテゴリーリストを表示する方法

カテゴリーアーカイブページにサブカテゴリーリストを表示する方法です。 修正するのはarchive.phpで、使うのはwp_list_categories関数です。 以前はヘッダーナビをマウスオーバーするとサブカテゴリーがドロワー形式で表示されるようなデザインにしてたので…

WordPressで子テーマのcssが反映されない原因

WordPressの子テーマのcssが反映されない人は結構いるようで、検索したらたくさんの情報が出てきました。 でもテーマによってはそれらの方法ではうまくいかないケースがあります。その場合の対処方法を調べてみました。 子テーマのcssを反映させる方法 cssフ…

WordPressでサーバーからサムネイルを削除したときの失敗談

Regenerate Thumbnailsでサムネイルの掃除をしたんですが、なぜかゴミが残ってしまって… 残ってしまったゴミをサーバーから削除したんですけど、そしたらメディアライブラリが悲惨なことになりました。 空白画像がずらっと並んだ状態。でもメディアの詳細ペ…

WordPressで自動生成されるサムネイルのファイルサイズがオリジナル画像より大きい?!

今日ふとWordPressのメディアフォルダを眺めていたら… 上記の画像のように、300幅のサムネイルの方がファイルサイズが大きくなっているものがあることに気づきました。 ファイルサイズを減らすためのサムネイルなのに増えてるってどういうこと?と思って調べ…

WordPressでリンクに勝手に取り消し線がつく原因

WordPressで作ったサイトのアフィリエイトリンクに勝手に取り消し線が付いていました。 そんなスタイルを設定した覚えはないし、気になったので原因と対処方法を調べてみました! 勝手に付く取り消し線の原因 WordPressにインストールしているプラグイン「Br…

STINGER8の記事一覧をグリッド表示にしてみた

STINGER8の記事一覧をタイル表示にカスタマイズしてみました。 Adsenseも馴染むように設定したのでそのやり方メモです。 STINGER8の一覧をタイル表示にする方法 プロの人から見たら「汚いコードだな」って思う部分があるかもしれないので、それでもいいよっ…

サーバーの知識不要でWordPressを始められるムームードメインWPホスティング

ムームードメインがWPホスティングという、新たなWordPress用サービスを開始したようです。 WordPressのインストールが自動で完了するので、とっても簡単にWordPressを始められるのだそう。 1月末まで無料お試しをやっているので、余ってるドメインで登録し…

Media File Renamerを使ったらえらい目にあったときの話

WordPressは一度アップロードしたメディアのファイル名はメディアライブラリからは変更できません。 でもどうしても変更したかったんです。初期のころにアップロードした「○○-コピー」とか、「無題」とかいう恥ずかしいファイル名の画像をなんとかしたかった…