WordPress– tag –
-
SWELLで記事タイトル上にアドセンス広告を表示する方法
WordPressテーマにSWELLを使用しているサイトで、記事タイトル上にアドセンス広告を表示するには、アクションフックswell_before_post_headを使用します。以下が追加するPHPです。 add_action('swell_before_post_head', function($post_id) { echo do_shortcode('[blog_parts id="xxxx"]'); });PHP なお、このPHP... -
SWELLの本文エリアの幅をメインコンテンツ幅に合わせるカスタマイズ
WordPressテーマSWELLの標準デザインでは、メインコンテンツ(l-mainContent__inner)の幅に対して本文エリア(post_content)1の幅が左右16pxずつ小さく表示されます。 これはこれで綺麗だと思うのですが、冒頭から画像をただ並べただけのページだと、アイキャッチ画像と本文エリア画像の表示サイズが異なることで統一感が失われてしまいます。... -
SWELLのタグクラウドに「# (ハッシュ) 」マークを付けるカスタマイズ
WordPressテーマSWELLでは、「外観 > ウィジェット」や「エディター > ブロックを追加 > ウィジェット」からタグクラウドを追加することができます。エディター経由で追加したタグクラウドであれば、軽いデザインの変更も可能です。 しかし、タグクラウドに任意の記号や文字を入れたい場合には、CSSで以下のコードを追加する必要がありま... -
Arkhe 投稿リストレイアウト テキスト型のデザインをカスタマイズ
WordPressテーマArkheでは、投稿リストのレイアウトスタイルとして「カード型」「リスト型」「テキスト型」の3パターンが用意されています。このうちの「テキスト型」のスタイルは、標準では記事タイトル上に公開日・更新日・カテゴリーなどが表示される2行仕様になっています。 SP表示では文句なしの良いデザインなのですが、PC表示などの横... -
Arkhe 特定カテゴリーのみ関連記事エリアを新着順に表示
WordPressテーマArkheでは、投稿下部に表示される関連記事エリアの記事取得方法にランダム表示が採用されています。執筆時点(Arkhe v3.8.0)では、記事取得方法を変更するための標準機能は用意されていません。関連するフックはある。 一部のカテゴリーで、情報鮮度が重要ないわゆるトレンドネタだけを扱いたい場合、関連記事エリアで記事がラ... -
ブログにAmazonや楽天の商品画像を掲載する方法と規約の注意点
モノのレビューをする場合、大抵はご自身で製品画像を用意すると思います。レビューと言っているのであればこれはある意味当然です。しかし、まだ自分が手にしていない製品の記事を書きたいという場合もあるはず(気になっている製品を紹介したいみたいな)。 この際、Amazonや楽天内の商品画像も利用できたらと思ったことはありませんか。実... -
ブログにおすすめのレンタルサーバーを探しているならシン・レンタルサーバーを選んでおけば間違いない
ブログを置くためのレンタルサーバーは色々ありますが、現状はシン・レンタルサーバーが一強だと思います。この記事ではそう思う理由について書いています。 なお、私のレンタルサーバー遍歴は「エックスサーバー > mixhost > シン・レンタルサーバー」となっています。よって使用感を含めた比較はこの3つのサーバーで行います。記事中には... -
SWELLの関連記事エリアで「タグ」→「カテゴリー」の順に取得するカスタマイズ
SWELLのカスタマイザー「投稿・固定ページ > 記事下エリア」にある「関連記事エリアの設定」に「関連記事の取得方法」という設定項目があります。ここで用意されている絞り込み条件は「カテゴリー」と「タグ」の二択です。 この記事は、絞り込み条件に「タグ」を選択している場合に、次のように処理に変更を加えるカスタマイズ方法を書い... -
WordPressでコメントフォームカスタマイズの一例と注意点
この記事では、コメントフォームを実装した際に行ったカスタマイズ方法と、コメントフォームを設置するにあたり注意した方が良いかもしれない点などについてまとめます。 WordPressのコメントフォーム機能の解説 コメントフォームは使用しているWordPressテーマによって見た目が異なる場合があります。本サイトではSWELLを使用しているので、...
1