SANGOの新着記事を別ウィンドウで開く方法 - 株式会社ぴよたんの癒しの森

株式会社ぴよたんの癒しの森(@piyomorichannel)のシステムエンジニアのMOGUです！

今日は、ワードプレスの有料テーマ「SANGO」の記事を別ウィンドウに開く方法ついてお伝えします

基本的に外部リンクで別ウィンドウを使われると思いますが、この記事では新着記事を別ウィンドウで開く方法ついて説明します。

もし使い方が分からない方は、こちらの記事を参考にしてみてください(^^)/

別ウィンドウのカスタマイズコード

SANGOLand

記事一覧からコピー

カスタムJSに下記のｃコードを入力

記事一覧から記事カードをコピーして使用場所に貼り付けると、右のサイドメニューからカスタムJSが出てきます。

const links = block.querySelectorAll('a');
links.forEach((link) => {
link.setAttribute('target', '_blank');
});

設定は以上となります。

背景をカスタマイズ

カスタマイズレベル( )

上に行くボタンをカスタマイズ

カスタマイズレベル( )

【画像比較】SANGOのビフォー＆アフターを卵型にするカスタマイズ

カスタマイズレベル( )

条件ブロックの使い方

カスタマイズレベル( )

ワードプレス無料テーマのCocoonのカスタマイズもいくつか紹介していますので、ぜひこちらの記事も参考にしてください。

最後に使用頻度の高いタグをまとめました。コーディング初学者が最初に勉強するタグです。ブログでも使えます。

右にスクロール >>

html	HTML文章を表す。HTML文章において基本となる要素。
head	HTML文章のヘッダ部分。この中に検索エンジンのための説明文やCSSファイルへのリンク、ページタイトルを記述する。
meta	言語や説明文など、ページの情報記述
title	この部分がブラウザやブックマークしたときに表示される
link	参照する外部ファイル、主にCSSファイルを読み込む時に使う
body	HTML文章のコンテンツ部分

HTML要素は、その要素内に入れられる要素が「カテゴリ指定」で決まっています。

右にスクロール >>

h1-h6	見出しを表示
p	文章の段落
img	画像を表示
a	リンクを貼る
ul	番号のない箇条書きリスト
ol	番号付き箇条書きリスト
li	リストの各項目
br	改行
strong	太文で表示される
blockquote	引用文
small	著作権表示・法的表記
span	意味をもたないインライン要素
audio	音声データを埋め込みに使用する
video	動画データを埋め込みに使用する
script	スクリプトデータを埋め込んだり参照する。通常JavaScriptのコードを使う

tableタグとは、HTMLで表組みを作るためのタグの1つです。

ユーザーがデータを入力することの出来る「お問い合わせページ」や「アンケートページ」などを作成することができます。

右にスクロール >>

form	フォームを作成する
<input type=”text”>	１行テキストを入力
<input type=”radio”>	ラジオボタン。選択項目のうち1つだけ選択可能
<input type=”checkbox”>	チェックボックス。複数の項目を選択可能
<input type=”submit”>	送信ボタン
select	セレクトボタン
option	セレクトボックスの選択項目を作成
textarea	複数行テキスト入力欄
label	フォームのラベル。フォームのパートと各項目に名前を関連付けられる

現在は CSS においてフローレイアウトの中で定義されています。