CSS– tag –

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...

表題の通り、使用しているWordPressテーマの標準フォントから好みのフォントに変更したところ、SP表示時に英数字のフォントが太く表示されるようになりました。それなりにブログをやっていますが、実はフォントの変更をしたことはなかったので戸惑いました。 それで調べたところ、指定したフォントの中で、英字や数字が太く表示されるフォン...

WordPressテーマSWELLの標準デザインでは、メインコンテンツ(l-mainContent__inner)の幅に対して本文エリア(post_content)1の幅が左右16pxずつ小さく表示されます。 これはこれで綺麗だと思うのですが、冒頭から画像をただ並べただけのページだと、アイキャッチ画像と本文エリア画像の表示サイズが異なることで統一感が失われてしまいます。...

WordPressテーマSWELLでは、「外観 ＞ ウィジェット」や「エディター ＞ ブロックを追加 ＞ ウィジェット」からタグクラウドを追加することができます。エディター経由で追加したタグクラウドであれば、軽いデザインの変更も可能です。 しかし、タグクラウドに任意の記号や文字を入れたい場合には、CSSで以下のコードを追加する必要がありま...

WordPressテーマArkheでは、投稿リストのレイアウトスタイルとして「カード型」「リスト型」「テキスト型」の3パターンが用意されています。このうちの「テキスト型」のスタイルは、標準では記事タイトル上に公開日・更新日・カテゴリーなどが表示される2行仕様になっています。 SP表示では文句なしの良いデザインなのですが、PC表示などの横...

この記事では、コメントフォームを実装した際に行ったカスタマイズ方法と、コメントフォームを設置するにあたり注意した方が良いかもしれない点などについてまとめます。 WordPressのコメントフォーム機能の解説 コメントフォームは使用しているWordPressテーマによって見た目が異なる場合があります。本サイトではSWELLを使用しているので、...