{"id":607,"date":"2023-08-24T15:54:56","date_gmt":"2023-08-24T13:54:56","guid":{"rendered":"https:\/\/www.penzenauer.at\/blog\/?p=607"},"modified":"2024-07-23T22:11:02","modified_gmt":"2024-07-23T20:11:02","slug":"wordpress-divi-social-media-im-hauptmenue","status":"publish","type":"post","link":"https:\/\/www.penzenauer.at\/blog\/wordpress-divi-social-media-im-hauptmenue\/","title":{"rendered":"WordPress Divi: Social Media im Hauptmen\u00fc"},"content":{"rendered":"\n[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.16″ custom_padding=“0px||0px||false|false“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_row admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“4_4″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_text admin_label=“Text“ _builder_version=“4.22.1″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ hover_enabled=“0″ global_colors_info=“{}“ theme_builder_area=“post_content“ sticky_enabled=“0″]

Einige Kunden h\u00e4tten gerne Social Media Icons im Hauptmen\u00fc. W\u00e4hrend man in Divi fast \u00fcberall Social Media Icons als Modul einf\u00fcgen oder \u00fcber den Customizer aktivieren kann, muss man im Hauptmen\u00fc tricksen.<\/p>\n

Pers\u00f6nlich bin ich kein Fan davon, \u00fcber den Divi Builder ein eigenes Hauptmen\u00fc mit den Icons anzulegen. Auch eine Einbindung von Font Awesom ist auf Grund der DSGVO nicht ratsam (siehe Google Fonts Thematik)<\/a>. Aber es gibt noch eine dreitte L\u00f6sung.<\/p>\n

Dazu legt man im Hauptmen\u00fc einen individuellen Link an. Der Link geht auf die Social Media Seite und unter „Link-Text“ gibt man beispielsweise folgendes ein:<\/p>\n

<i class=\"fa fa-linkedin\"><\/i><\/pre>\n
Unter den Theme Options definiert man dann die hier verwendeten CSS Klassen, z.B. wie folgt:<\/p>\n
\/*Social Media Icons*\/
.fa {
font-family: ETmodules;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0;
direction: ltr;
}
.fa-facebook::before {
content: \"\\e093\";
}<\/pre>\n
Damit wird dann im Men\u00fc das Icon angezeigt.<\/p>\n
F\u00fcr Icons die in ETmodules nicht vorhanden sind, m\u00fcsste man wieder den Umweg nehmen, den ich hier<\/a> bereits beschrieben habe.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.9.4″ _module_preset=“default“ global_module=“272″ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“4_4″ _builder_version=“4.16″ _module_preset=“default“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_post_nav prev_text=“Vorheriger Artikel“ next_text=“N\u00e4chster Artikel“ _builder_version=“4.16″ _module_preset=“default“ title_text_color=“#FFFFFF“ background_color=“#2E4770″ custom_padding=“0.5em|0.5em|0.5em|0.5em|true|true“ global_colors_info=“{}“ theme_builder_area=“post_content“][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"
Einige Kunden h\u00e4tten gerne Social Media Icons im Hauptmen\u00fc. W\u00e4hrend man in Divi fast \u00fcberall Social Media Icons als Modul einf\u00fcgen oder \u00fcber den Customizer aktivieren kann, muss man im Hauptmen\u00fc tricksen. Pers\u00f6nlich bin ich kein Fan davon, \u00fcber den Divi Builder ein eigenes Hauptmen\u00fc mit den Icons anzulegen. Auch eine Einbindung von Font Awesom […]<\/p>\n","protected":false},"author":1,"featured_media":76,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[21],"tags":[32,60,58],"class_list":["post-607","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-aus-meiner-arbeit","tag-css","tag-divi","tag-wordpress","post_format-post-format-aside"],"_links":{"self":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/comments?post=607"}],"version-history":[{"count":3,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/607\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/607\/revisions\/620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/categories?post=607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/tags?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}