No Codes / No Templates / The Idea is.

WordPress(ワードプレス) ドラッグ&ドロップ ホームページビルダー

タイトルウィジット設定

「weluka タイトルウィジット」では「WordPress タイトル」の埋め込み、デザイン等に関する設定を行うことができます。

「ドラッグウィジェットメニュー」の「ペン アイコン」クリック ⇒ 「タイトル」をドラッグ&ドロップで配置します。

配置された「タイトルウィジェット」をクリックし表示される水色枠の「編集」をクリックすることで、「最新記事設定画面」が表示されます。

一般設定

タイトルの表示内容に関する設定を行います。

Hedding Text

「タイトル」
タイトルを入力してください。未入力の場合は表示されません。
「Title html tag」

次の H1 / H2 / H3 / H4 / H5 / H6 / P / DIV の中からから選びます。

「リンクURL」
タイトルにリンクを設定したい場合、リンク先URLを入力してください。
リンクをクリックした際の開き方を リンクを同じウインドウで開く / リンクを新しいウインドウまたは新しいタブで開く / リンクをPopup iframeで開く から選べます。
※ただしリンクが外部サイトの場合、Popup iframeは使用できません。
「リンク選択」ボタン
クリックすると「リンクの挿入/編集」が表示されます。リンク先「URL」と「リンク文字列」を入力してください。「既存のコンテンツにリンク」したい場合は「検索」をかけ、選択する事もできます。

アイコン設定

選択したアイコンがテキスト左側に表示されます。

「画像」を選択した場合
「Icon」を選択した場合

Style設定

タイトルのデザインに関する設定を行います。

Title Style

タイトルのスタイルを設定します。太字(Bold)/下線(Underline)/イタリック体(Italic)

「Font」
タイトルのフォントを選択します。
「Font Size(px)」
タイトルのフォントサイズを入力します。単位はピクセルとなります。
例)18pxにしたい場合、18と入力します。
「表示位置」
ALLリンクボタンの表示位置を Left(左寄せ) / Center(中央寄せ) / Right(右寄せ) から選択してください。
「タイトル色」
投稿タイトルの文字色を設定します。クリックすると「カラーピッカー」が表示されます。
「テキストシャドウ」
テキストのシャドウをBasic / Hard / Vintage から選択してください。
「シャドウカラー」
テキストシャドウの色を設定します。クリックすると「カラーピッカー」が表示されます。

Select Style

タイトルのスタイルをBottom Border / Top and bottom borders / Left border / Left and bottom borders/ Box border / Robbon / Balloon から選べます。

「Select Style」

Bottom Border / Top and bottom borders / Left border / Left and bottom borders/ Box border / Robbon / Balloon の7種類から選べます。

「プレビュー」

選んだデザインが表示されます。

「Border Size(px)」(Top / Bottom / Left Right も同様です。)

タイトルに枠線を表示したい場合、枠線サイズを設定します。単位はピクセルとなります。

「Border Style」(Top / Bottom / Left Right も同様です。)

タイトルに枠線を表示したい場合、枠線スタイル(css)を solid / dotted / dashed / double / groove / ridge / inset / outset から選択します。

?を押すと実例が現れます

「枠線色」(Border / RibbonのCollarも同様です。)
タイトルに枠線を表示したい場合、枠線色を設定します。クリックすると「カラーピッカー」が表示されます。

高度な設定

タイトルコンテンツラッパー(一覧コンテンツの外側)の余白、css class名の設定を行います。

「Animation Setting」

「Type」アニメーションの種類をFade In / Fade In Up / Fade In Down / Fade In Left / Fade In Right / Slide In Down / Slide In Up / Slide In Left / Slide In Right / Zoom In / Swing / Bounce / Flip / Rotate In / Roll In / Rubber Bandから選べます。

「Delay(Seconds)」選択したアニメーションの動くスピードを調整します

「Margin(px)」

最新投稿一覧コンテンツラッパーのマージン(上下左右)を設定します。単位はピクセルとなります。

例)TOP(上)に30pxのマージンを設定したい場合、「Top」に30と入力します。

「Padding(px)」

最新投稿一覧コンテンツラッパーのパディング(上下左右)を設定します。単位はピクセルとなります。

例)TOP(上)に30pxのパディングを設定したい場合、「Top」に30と入力します。

「Css Selectors Class」

最新投稿コンテンツラッパーのcss class名を設定します。Custom Cssに設定することで表示のカスタマイズが行えます。Custom Cssについては「welukaテーマ設定」を参照ください。

例)list_settingというclass名を指定したい場合、list_settingと入力します。複数のclassを設定する場合は半角スペースで区切ってください。

Custom Css 設定例

.list_setting a { color: #000000 !important; }

設定画面終了

変更を加えた場合は必ず「保存」ボタンをクリックして、変更を確定してください。「保存」ボタンは、welukaビルダーに各種設定の変更を反映させるためのボタンです。変更を反映させたくない場合は「閉じる」ボタンをクリックしてください。なお、この「保存」ボタンでは、編集中のページデータ全体の保存は行われません。ページデータ全体の保存を行う場合は「ビルダーメニュー内「保存」もしくは「公開」ボタンをクリックしてください。

「保存」ボタン
画面を閉じる。設定内容をビルダー上に反映します。
「閉じる」ボタン
画面を閉じる。設定内容をビルダー上に反映しません。