ニケッチャニッキ

はてなブログ・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を使って順位をカ…