Simple Theming Question: Updating Header Text

stupidpoeticjustice · September 25, 2019, 10:47pm

Version: 10.2.1.4
Edition: Community

I’m editing the default theme and have successfully made minor edits to the CSS, images, etc. I’d like to change the “ownCloud” in the header once a user is logged in, but am having trouble finding the right file. I’ve read the documentation here: https://doc.owncloud.com/server/10.0/developer_manual/core/theming.html, but could not find the file referenced.

What should I edit to change that text?

Thanks.

karakayasemi · September 26, 2019, 8:05am

I guess, you need to change getName() method in defaults.php. You can find theme-example in here: https://github.com/owncloud/theme-example . Most of the string changes should be in this file: https://github.com/owncloud/theme-example/blob/master/defaults.php .

cscherm · September 27, 2019, 10:16am

You want to change the cloud logo? Here is the file we use for that: https://github.com/owncloud/core/blob/master/core/img/logo-icon.svg

Please change it to your needs and place the file into your theme app directory under core/img.

You can also create a png file, let’s say with 140px width and 45px height. Please store it as logo-icon.png inside core/img of your theme app folder.

After that use this piece of CSS to implement it (css/styles.css):

/* Header logo */
#header .logo-icon {
  background-image: url(../img/logo-icon.png);
  background-size: 100%;
  height: 45px;
  width: 140px;
  margin-top: 0px;
}

cscherm · October 4, 2019, 9:15am

And yes, @karakayasemi is right. The getName() is used for the text behind the logo.

github.com

owncloud/core/blob/v10.2.1/core/templates/layout.user.php#L48


	</head>
	<body id="<?php p($_['bodyid']);?>">
		<?php include('layout.noscript.warning.php'); ?>
		<div id="notification-container">
			<div id="notification"></div>
		</div>
		<header role="banner">
			<div id="header">
				<a href="<?php print_unescaped(link_to('', 'index.php')); ?>" id="owncloud" tabindex="1">
					<h1 class="logo-icon">
						<?php p($theme->getName()); ?>
					</h1>
				</a>
				<a href="#" class="header-appname-container menutoggle" tabindex="2">
					<button class="burger">
						<?php echo $l->t('Menu'); ?>
					</button>
					<h1 class="header-appname">
						<?php p(!empty($_['application']) ? $_['application'] : $l->t('Apps')); ?>
					</h1>
				</a>

tom42 · October 4, 2019, 3:45pm

Hey @stupidpoeticjustice,

i don’t think that this topic belongs into the “Desktop” category. It looks to me that you want to change the header text of the ownCloud “Server” so the “Server” category is probably a better choice.